WordPress ile tek sayfalık bir web sitesi oluşturun

Tek sayfalık bir web sitesi, kullanıcının gezinebileceği yalnızca bir sayfası olan bir sitedir. Birçok tek sayfalık web sitesinin hala bir ana menüsü vardır. Kişiler menü öğelerine tıklayabilir ancak başka bir sayfaya gitmek yerine aynı sayfada farklı bir bölüme giderler. Size nasıl bir web sitesi oluşturacağınızı zaten gösterdik, ancak bu makalede size WordPress ile tek sayfalık bir siteyi nasıl oluşturacağınızı göstereceğiz!

Avantajlar

Hızlı bir şekilde bir şey arıyorsanız, tek sayfalık bir web sitesi iyi bir çözüm olabilir. Tek çağrı cihazlarının birçok avantajı vardır, örneğin sitenin başka bir bölüme gitmek için yeniden yüklenmesi gerekmez. Kullanıcılar bölümler arasında kolayca gezinebilir ve aradıklarını hızlı bir şekilde bulabilirler. Tek sayfalık bir web sitesiyle, insanların içeriğinizi görme sırası üzerinde de kontrol sahibi olursunuz. Ürün veya hizmetinizin tüm faydalarını önce, sonunda fiyatını göstermek isteyebilirsiniz veya tam tersi.

Küçük siteler için mükemmel çözüm

Tek çağrı cihazı, herhangi bir konuda biraz bilgi sağlaması gereken siteler için idealdir. Diyelim ki, her biri bir veya iki paragraftan oluşan, hakkında konuşmak istediğiniz altı ana öğeniz var. Bu içeriği altı farklı sayfaya bölmek, sitenizin iyi olmadığı izlenimini verebilir.

Görüntü odaklı

Tek sayfalık web sitelerinin çoğu çok sayıda alakalı resim kullanır. Bu görselleri birkaç sayfaya dağıtarak her sayfada sadece bir görsel olması yine sitenizin biraz eskimiş olduğu izlenimini verebilir. Tahmin edebileceğiniz gibi, kullanıcının gezindiği her konuyla ilgili birkaç resim içeren tek sayfalık bir web sitesi çok daha iyi bir his verir.

Daha iyi mobil deneyim

Tek sayfalık web siteleri genellikle çok iyi bir cep telefonu deneyimine sahiptir çünkü sitenin her sayfa geçişinden sonra yeniden yüklenmesi gerekmez. İnsanlar ihtiyaç duydukları şeyi herhangi bir cihazda hızlı bir şekilde bulabilirler ve web sitenizdeyken bağlantılarını kesmeleri bile sorun olmaz. Sayfa zaten yüklendiğinden, yine de farklı bölümlere gidebilirler. Bu şekilde siteniz normal bir web sitesi yerine bir mobil uygulama gibi hissedilebilir. Bu arada, App Store’da bu yöntemi kullanan uygulamalar var.

Tek sayfalık bir web sitesi ne zaman kullanılmamalıdır?

Çok miktarda içerik sunuyorsanız, tek sayfalık cihazınız çok uzun olabilir ve sayfalarını çevirmesi zor olabilir.

WordPress ile tek sayfalık bir web sitesi oluşturun

Tek sayfalık bir web sitesinin size göre olduğunu düşünüyorsanız okumaya devam edin. Bundan sonra, kendi tek sayfalık web sitenizi oluşturabilirsiniz.

Vahiy: FirstSiteGuide okuyucularımız tarafından desteklenmektedir. Sitemizdeki bağlantılar aracılığıyla bir şey satın aldığınızda komisyon kazanabiliriz. Önerdiğimiz tüm ürünleri test ediyor ve deniyoruz.

WordPress’i kurun

WordPress’e ve sunucu kurulumuna aşina olmasanız bile endişelenmeyin. Kendi barındırma planınızı alın önceden yüklenmiş WordPress ile yalnızca birkaç dakikanızı alır. Ancak ondan önce bile XAMPP ile yerel bir sunucu kurabilir ve tek sayfalık sitenizi tek kuruş harcamadan yapmaya çalışabilirsiniz.

Evet, yerel bir sunucu oluşturmanın avantajları vardır, ancak XAMPP’yi ilk kez duyuyorsanız, onu WordPress’e hazırlamak için biraz daha uzun bir sürece hazırlanın. Ancak sizin için hazırladığımız adımları takip ettiğiniz takdirde herhangi bir sorun yaşamazsınız ve kendi WordPress kurulumunuzu on beş dakika içerisinde başlatabilirsiniz.

  Recordcast Review: Ekranınızı PC ve Mac'te ücretsiz olarak kaydedin

Windows için XAMPP nasıl kurulur ve WordPress nasıl kurulur?

Ellerinizi kirletmeden önce bilmeniz gereken ilk şey XAMMP’nin ne olduğudur. XAMPP, Platformlar Arası (X), Apache (A), MariaDB (M), PHP (P) ve Perl (P) anlamına gelir. Kendi özel sunucularınızı çalıştırmanıza izin veren ücretsiz bir yazılım dağıtımıdır. WordPress’i başarıyla yüklemek için ihtiyacınız olan bir sunucu uygulaması, veritabanı ve betik dili içerir. Genellikle XAMPP sunucuları test amaçlı kullanılır, böylece özgürce pratik yapabilirsiniz. web tasarımı Barındırma için ödeme yapmak zorunda kalmadan veya web sitenizin oyun alanını herkesin görmesi için beceriler.

WordPress kurulumu

Windows için XAMPP’yi yükleyin

Şimdi teoriyi bırakalım ve size her şeyi nasıl kuracağınızı göstereyim. Adın Çapraz Platform kısmı, yazılımın Linux ve Mac bilgisayarlarda da çalıştığı anlamına gelse de, bugün Windows’a odaklanacağız:

  1. git Apache Arkadaşlar web sitesi
  2. Düğmeye tıklayarak en son sürümü indirin ve bilgisayarınıza kaydedin
  3. İndirildiğinde yükleyiciyi çalıştırın
  4. Karşılama ekranına tıklayın Sıradaki

Bir sonraki ekranda, kurulum sizden kurmak istediğiniz bileşenleri seçmenizi isteyecektir. Her şeyi olduğu gibi bırakıp tüm bileşenleri kurabilirsiniz. Ancak, yalnızca temel bir WordPress kurulumu istiyorsanız, ayrılmanız yeterli MySQL ve phpMyAdmin seçenekler seçildi. İleride başka bir bileşene ihtiyaç duymanız durumunda, onu daha sonra kontrol panelinden ekleyebilirsiniz. Bu eğitimin amaçları doğrultusunda, tek sayfa web sitesi oluşturmak için bunlara ihtiyacınız olmadığından diğer tüm seçeneklerin işaretini kaldırabilirsiniz.

Windows'a XAMPP ve WordPress yükleyin
  1. XAMPP’yi kurmak istediğiniz klasörü seçin. İstediğiniz herhangi bir klasör olabilir ve varsayılan klasörden de çıkabilirsiniz. Sadece konumu hatırla
  2. Bir sonraki ekranda ” işaretini kaldırın.XAMPP için Bitnami hakkında daha fazla bilgi edininseçeneği çünkü WordPress’i manuel olarak kuracaksınız
  3. Tıklamak Sıradaki

Şimdi yükleyiciye tüm dosyaları aktarması ve WordPress siteniz için kullanacağınız ortamı kurması için birkaç dakika verin. Birkaç saniye sonra yükleyici her şeyi çıkaracak ve kurulumu tamamlayacaktır.

  1. bırak”Kontrol Panelini başlatmak istiyor musunuz?seçenek işaretlendi
  2. Tıklamak Sıradaki

Umarım her şey yolunda gitmiştir. Öyleyse, Kontrol Panelinin kırmızı hata metni olmadan açık olduğunu görmelisiniz. Ayrıca Apache ve MySQL’in yeşil renkle vurgulandığını görmelisiniz, bu da çalıştıkları anlamına gelir. Sunucunuzun düzgün çalışıp çalışmadığını kontrol etmek için tarayıcınıza gidin ve şu URL’yi ziyaret edin: http://localhost.

XAMPP Kontrol Paneli

Her şey yolundaysa, sizi Windows için XAMPP’ye davet eden basit bir web sayfası görmelisiniz. Sayfa yüklendikten sonra, XAMPP’nin doğru kurulduğu anlamına geldiği için bir nefes alabilir ve WordPress kurulumuna devam edebilirsiniz.

Ne yazık ki, bilgisayarınızda çalışan diğer uygulamalar XAMPP ile etkileşime girebilir. Örneğin, Skype’ın XAMPP ile sorunları olduğu biliniyor, bu nedenle sorun yaşıyorsanız onu kapatmayı ve ardından XAMPP kontrol panelini açmayı deneyin. Bazen XAMPP’nin düzgün çalışması için birkaç bağlantı noktası açmak gerekebilir, ancak ne yazık ki bu tamamen başka bir alan adıdır ve bu eğitimde her şeyi ele alamayız.

XAMPP ile WordPress’i kurun

Kabul etmek. Ortamın hazır olduğunu varsaymamız gerekecek. Şimdi oturum açıp tek sayfalık cihazınızı oluşturmaya başlayabilmeniz için WordPress’i yerel bilgisayarınıza kurmanın zamanı geldi. Başlamak için, WordPress’in tüm bilgileri depolamak için kullandığı bir veritabanı oluşturmanız gerekir:

  1. XAMPP Kontrol Panelini açın
  2. Tıkla yönetici MySQL bölümündeki düğme. Bu, phpMyAdmin ile yeni bir pencere açacaktır.
  3. Seçme veritabanları sol üst menüdeki sekme
  4. Veritabanınızın adını girin, örneğin wordpress
  5. Tıklamak Yaratmak düğme
WordPress için yeni bir veritabanı oluşturun

Bu kısım o kadar da zorlayıcı değildi, değil mi? Artık tarayıcı penceresini kapatabilir ve bir sonraki adıma hazırlanabilirsiniz.

  1. İndirmek WordPress’in en son sürümü
  2. XAMPP klasörüne gidin (önceki adımlarda XAMPP’yi kurduğunuz klasör)
  3. Klasörü açın ve şuraya gidin: htdocs Klasör
  4. WordPress arşivini oradan çıkarın
  Bir logonun telif hakkını kendiniz nasıl alırsınız?

Sonunda htdocs dizininde yeni bir WordPress dizini bulmalısınız. Bu klasörü istediğiniz şekilde yeniden adlandırabilirsiniz. Bu aynı zamanda yerel kurulum adresinizin bir parçasıdır. Bu eğitimin amaçları için onu arayalım wordpress sitenize nereden erişiliyor http://localhost/wordpress. Hangi adı kullandığınız gerçekten önemli değil, bu yüzden beğeninize göre değiştirmekten çekinmeyin.

  1. Bu klasörü açın ve wp-config-sample.php dosyasını bulun
  2. wp-config.php olarak yeniden adlandırın
  3. Dosyayı açın ve MySQL ayarları bilgi bölümünü bulun (ekran görüntüsünü kontrol edin)
  4. “veritabanı_adı_here” ifadesini veritabanınızın adıyla değiştirin, benim durumumda “WordPress”
  5. “username_here” ifadesini “root” ile değiştirin ve “password_here” kısmını boş bırakın
  6. Dosyayı kaydedin ve kapatın
wp-config-sample.php dosyası

Son olarak, yükleme işlemini tamamlamaya hazırsınız. Tarayıcınızı açın ve şuraya gidin: http://localhost/wordpress (veya ayıkladığınızda WordPress klasörü için farklı bir ad kullandıysanız adı değiştirin). WordPress şimdi sizden seçeceğiniz dili isteyecektir. Ardından üzerine tıklayın Binmek düğme. Ardından kullanıcı adını ve şifreyi girin ve tıklayın WordPress’i yükleyin.

Budur! Artık nihayet test sitenize giriş yapabilir ve ilk tek sayfalık web sitenizde çalışmaya başlayabilirsiniz. İlk adım bir tema seçmektir.

Bir tema seç

Tek sayfalık bir web sitesi için herhangi bir temayı kullanabilirsiniz. Bu örnek için ücretsiz olanı kullanacağız KonumOrigin North WordPress tema deposunda bulunabilen tema. git Görünüm -> Temalar -> Yeni Ekle WordPress kontrol panelinizde “SiteOrigin North” yazın. Şimdi listenin başında olmalı.

SiteOrigin Kuzey WordPress teması

Birlikte gerçekten iyi çalışan, basit ama iyi tasarlanmış, duyarlı bir temadır. Büyük Ticaret ve WooCommerce. Bu örnekte site için kullanacağımız sayfa oluşturucu eklentisinin geliştiricileri tarafından oluşturulmuştur. Yine, farklı bir tema kullanmaktan çekinmeyin; Bir menü öğesine tıkladığınızda geçiş efektleri yine de çalışır. Sabit menülü bir tema kullanmanızı öneririz, böylece site ziyaretçileriniz onları farklı bir bölüme götüren bir menü öğesini tıklamak için tekrar sayfanın en üstüne gitmek zorunda kalmazlar.

Eklentiler

Tek sayfalık web siteleri oluşturmak için en önemli şey kullandığınız eklentilerdir. SiteOrigin adlı bir sayfa oluşturucu ve bu eklenti için bir widget uzantısı kuracağız. Her ikisi de tamamen ücretsizdir ve WordPress eklenti deposunda barındırılır. git Eklentiler -> Yeni Ekle WordPress site kontrol panelinizde ve yazın sayfa oluşturucu sitenin kökeni hakkında. Eklenti listenin başında görünecek, kurun ve etkinleştirin. Widgets pack eklentisini aynı ekrana yükleyebilirsiniz, şunu yazın: siteorigin widget paketi eklenti bulucuda. Her iki eklentinin de etkinleştirildiğinden emin olun.

Bu sayfa oluşturucunun 2.3 sürümünden bu yana, tek sayfalık web sitesi kaydırma özelliğini eklediler. Birisi “href” (bağlantı) özelliği olarak bir satırın kimliğine sahip bir menü öğesini tıkladığında web sitesinin kaymasını sağlamak için ihtiyacımız olan şey budur. Bunun nasıl çalıştığını öğreticide daha sonra açıklayacağız.

SiteOrigin Eklentileri

İnşa etmeye başlayın!

Artık eklentileri etkinleştirdiniz ve sayfamızı oluşturmaya hazırız. Önce yeni bir sayfa ekleyin veya bir sayfayı düzenleyin. Sayfa düzenleyicinin üst kısmındaki sekmelere gidin ve yeni eklenen “Sayfa Oluşturucu” sekmesine tıklayın.

Sayfa Oluşturucu sekmeleri

SiteOrigin Sayfa oluşturucunun birçok ön ayarı vardır, bu nedenle tüm tasarımı sıfırdan oluşturmak zorunda değiliz. Sayfa düzenleyicinin üzerinde bazı düğmeler göreceksiniz, bunlardan biri “Düzen” düğmesi, tıklayın.

Sayfa Oluşturucu düzenleri

Artık her türlü düzene sahip bir ekran göreceksiniz; bunlar kullanabileceğiniz hazır ayarlardır. Ayrıca düzenleri içe ve dışa aktarabilirsiniz, ancak bunlara zaten sahip olduğunuzu varsaymıyoruz. Bu örnek için “Fitness Gym” tasarımını seçtik, elbette istediğiniz herhangi bir tasarımı seçebilir veya sıfırdan başlayabilirsiniz. Seçilen tasarıma tıklayın ve sağ alt köşedeki Ekle düğmesine tıklayın. Sayfada zaten içerik varsa, içeriğin önüne veya arkasına eklemeyi veya tamamen değiştirmeyi seçebilirsiniz. Boş bir sayfamız olduğu için bizim için farketmez.

Önceden ayarlanmış spor salonu

Devam edin, sayfayı kaydedin ve ziyaret edin. Her şey yolunda giderse kimliklerimizi ekleyebiliriz. Yeni oluşturduğunuz sayfanın üst kısmındaki WordPress yönetici çubuğundaki bağlantıya tıklayarak “Canlı Düzenleyici” moduna geçin.

Canlı editör

Farenizi sitenizdeki öğelerin üzerine getirirseniz, tam olarak hangi widget’ın hangi öğeyi temsil ettiğini görebilirsiniz. En üstteki SiteOrigin kahramanından sonraki ilk satıra gidin, araç simgesini tıklayın ve satırı düzenleyin. Bu ekranda, “Özellikler”e gidin ve sürüş kimliğinizi ekleyin. Bizimkine bir “aktivite” kimliği vereceğiz.

Etkinlik Kimliği

Her satıra farklı, benzersiz bir kimlik verin. İşiniz bittiğinde sayfayı kaydedin.

  Bulutu işletmenize entegre etmenin 6 yolu

menünüzü yapılandırın

Henüz işimiz bitmedi. Şimdi menü öğelerimizi oluşturmamız gerekiyor, böylece bir kullanıcı öğelerden birine tıkladığında sayfa, sitenizin o belirli bölümüne gidecektir. Devam edin ve yeni bir menü oluşturun Görünüm -> Menüler WordPress kontrol panelinizde. Bu menüde sadece özel linkler oluşturacağız. Aşağıdaki resimde, az önce “Activity” ID’sini eklediğim satır için bir tane oluşturuyorum.

Etkinlik kimliği bağlantısı

Özel bağlantının URL’sinin artık satır öğesinin kimliğiyle aynı olduğunu göreceksiniz. SiteOrigin sayfa oluşturucu bunu tanıyacak şekilde programlanmıştır ve belirtilen bölüme kaydırılacağını bilecektir.

sonucum

Tebrikler! Bitirdik, artık yalnızca iki eklenti ve herhangi bir temayla kendi tek sayfalık kişiselleştirilmiş web sitenizi kolayca ve hızlı bir şekilde oluşturabilirsiniz. Sitenizi hızlı ve çok kullanıcı dostu tutar. Bu siteyi oluşturmak bir saatten az sürdü, tek sayfalık güzel bir web sitesi oluşturmak için bulduğumuz en kolay ve en hızlı yol bu. En iyi yanı, ücretsiz olmasıdır.

tek sayfa sitesi

Gerçek şu ki, XAMPP ile kendi test ortamınızı kurmak biraz zaman alabilir ve bunu ilk kez yapıyorsanız birkaç beyin hücresini yakabilir, ancak yakında WordPress’in çalıştırabileceği yerel sunucunun değerini anlayacaksınız. İki eklentiye ve seçtiğiniz bir temaya sahip olarak, tamamen yeni başlayanlar bile kendi tek sayfalık web sitelerini oluşturabilir.

Bu eğitimdeki tüm adımları takip ettiyseniz, sorun yaşamazsınız ve tek çağrı cihazınız düzgün çalışır. Sayfayı başarıyla oluşturduktan sonra yükseltebilir ve dilediğiniz gibi özelleştirebilirsiniz. Sitenizi mümkün olan her şekilde şekillendirmenize yardımcı olacak diğer WordPress makalelerimize ve eğitimlerimize göz atmayı unutmayın.