Bir WordPress Ana Sayfası Nasıl Düzenlenir (Kolay ve Etkili Bir Şekilde)

WordPress siteniz için özel bir ana sayfa oluşturmak ister misiniz?

Varsayılan olarak, WordPress blog yazılarınızı ana sayfada gösterir. Ancak web sitenizin ana sayfasının, ürünlerinizi, hizmetlerinizi vb. öne çıkaran bir açılış sayfası gibi biraz farklı bir şey göstermesini isteyebilirsiniz.

Bu makalede, WordPress ana sayfanızı nasıl kolayca düzenleyeceğinizi ve özelleştireceğinizi göstereceğiz.

WordPress Ana Sayfası nedir?

WordPress ana sayfanız, web sitenizin “ön sayfasıdır”. Kullanıcı alan adınızı ziyaret ettiğinde görünen ilk sayfadır. Örneğin, tarayıcınıza www.wpbeginner.com , geldiğiniz sayfa web sitemizin ana sayfasıdır:

WordPress Ana Sayfasını Neden Düzenlemelisiniz?

Bir blog oluşturmaya karar verdiyseniz, blog yazılarınızı ana sayfada göstermek son derece mantıklıdır.

Peki ya küçük bir işletme web sitesi oluşturmak veya hatta bir çevrimiçi mağaza işletmek için WordPress kullanıyorsanız? Ardından, ana sayfanızda öne çıkarmak istediğiniz ürün veya promosyonların olması muhtemeldir.

İşte OptinMonster'dan bir işletme web sitesi ana sayfası örneği. Oradaki en iyi WordPress açılır eklentisidir. Sitelerinin harika bir blogu var, ancak ana sayfalarının odak noktası bu değil. Bunun yerine, gerçekten net bir harekete geçirici mesaja sahipler.

Böyle bir ana sayfa oluşturmak ister misiniz? Belki de WordPress'te ana sayfa olarak özel bir sayfa ayarlamayı denediniz, ancak doğru görünmesi için uğraşıyorsunuz.

Eğer durum buysa, o zaman doğru yerdesiniz.

Bir ana sayfa oluşturma ve onu ihtiyaçlarınıza göre özelleştirme konusunda sizi adım adım yönlendireceğiz. Bu şekilde, harika bir ilk izlenim bırakabilir ve ziyaretçilerinizi sitenizin misyonu için en önemli olan eylemleri gerçekleştirmeye teşvik edebilirsiniz.

Bu, sizden dijital bir ürün satın almak, üyelik sitenize katılmak için kaydolmak veya bağış toplama kampanyanıza bağış yapmak anlamına gelebilir.

Özel WordPress ana sayfanızı oluşturmak için kullanabileceğiniz birkaç farklı yöntemi ele alacağız.

Eğiticinin farklı bölümlerine doğrudan atlamak için bu hızlı bağlantıları kullanabilirsiniz:

• WordPress'te Ana Sayfanızı Ayarlama
• Ana Sayfanızı Düzenlemek için Temanızın Yerleşik Seçeneklerini Kullanma
• WordPress Ana Sayfanızı Düzenlemek için Blok Düzenleyiciyi Kullanma
• WordPress Ana Sayfanızı Düzenlemek için Beaver Builder'ı Kullanma
• WordPress Ana Sayfanızı Düzenlemek için Divi'yi Kullanma

WordPress'te Ana Sayfanızı Ayarlama

Varsayılan olarak, WordPress blog gönderilerinizi ana sayfada görüntüler. Ancak, çoğu işletme web sitesi ve hatta çoğu blog, özel bir ana sayfa kullanır ve blog gönderilerini görüntülemek için ayrı bir blog sayfası oluşturur.

WordPress'te nasıl ayrı bir ana sayfa ve blog sayfası ayarlanacağını görelim.

Öncelikle Sayfalar » Yeni Ekle 'ye giderek sayfanızı oluşturmanız gerekir. Adını Ana Sayfa ya da ne diyorsanız yazın ve ardından sayfayı yayınlayın.

Profesyonel İpucu: Sitenize zaten ziyaretçiniz var mı? Ardından, ana sayfanızı ayarlarken sitenizi bakım moduna almak isteyebilirsiniz. Alternatif olarak, ana sayfanızı oluşturabileceğiniz bir hazırlama sitesi kurabilirsiniz.

Şimdi, blog yazılarınızı görüntüleyeceğiniz bir sayfa oluşturmak için işlemi tekrarlayalım. Sayfalar » Yeni Ekle'ye gidin ve yeni sayfanıza Blog adını verin. Bundan sonra, devam edip boş sayfayı yayınlayabilirsiniz.

Sayfalarınız hazır olduğunda WordPress'e bu sayfaları kullanmaya başlamasını söyleyelim.

Bunu, WordPress yönetici alanındaki Ayarlar » Okuma sayfasına giderek yapabilirsiniz. Ardından, 'Ana sayfanız görüntülenir' bölümünün altında 'Statik bir sayfa' seçeneğini seçmeniz gerekir. Bundan sonra devam edin ve ana sayfanızı ve blog sayfalarınızı seçin.

Ayarlarınızı kaydetmek için 'Değişiklikleri kaydet' düğmesini tıklamayı unutmayın.

İpucu: WordPress'i bir alt dizine yüklemediyseniz, ana sayfa bağlantınız yalnızca alan adınızdır.

Ancak, ana sayfanız hala boş. WordPress'te ana sayfanızı kolayca düzenlemenin bazı yollarını görelim.

Ana Sayfanızı Düzenlemek için Temanızın Yerleşik Seçeneklerini Kullanma

En iyi WordPress temalarından bazıları sizin için bir ana sayfa tasarımı oluşturur, böylece onu kolayca düzenleyebilirsiniz.

Bu seçenekleri, WordPress panonuzdaki Görünüm » Özelleştir sayfasını ziyaret ederek bulabilirsiniz. Bu, WordPress tema özelleştiricisini temanızın canlı bir önizlemesiyle başlatacaktır.

Tema Özelleştirici, farklı temalar için farklı seçeneklere sahiptir. Önizlemeniz ve mevcut seçenekler, kullandığınız temaya bağlı olarak farklı görünebilir.

Ana sayfanın herhangi bir bölümünü düzenlemek için yanındaki mavi kalem simgesini tıklamanız yeterlidir. Burada ana sayfanın üst kısmındaki resmi, metni ve düğmeyi düzenliyoruz.

Not: Düzenlemeler yaptığınız anda sitenizin önizlemesinde gösterilecektir. Bu değişiklikler, siz onları yayınlayana kadar sitenizde yayınlanmayacaktır.

Ana sayfadan bir bölümü kaldırmak istiyorsanız, o bölümün sol üst köşesindeki mavi göz simgesine tıklamanız yeterlidir.

Ayrıca, özelleştiricinin 'Ön Sayfa Bölümleri' sekmesini kullanarak bölümleri kaldırabilir ve tekrar ekleyebilirsiniz.

Ana sayfanızdan memnun kaldığınızda, yayınlamak için Yayınla düğmesini tıklayın.

Ana sayfamız şu şekilde görünüyor, web sitesinde yayında:

Temanızın yerleşik seçeneklerini kullanmak, ana sayfanızı oluşturmanın en hızlı yoludur. Ancak bazı temalarda çok fazla seçenek olmayabilir veya ana sayfanızın görünümünden memnun kalmayabilirsiniz.

Endişelenmeyin, ana sayfanızı düzenlemenin ve ona istediğiniz görünümü vermenin birçok başka yolu var.

WordPress Ana Sayfanızı Düzenlemek için Blok Düzenleyiciyi Kullanma

Ana sayfanızı sıfırdan oluşturmanız gerekirse ne olur? WordPress blok düzenleyicisi bunu yapmanın basit bir yoludur.

Blok düzenleyiciyi kullanmak için Sayfalar ekranına gidin ve daha önce oluşturduğunuz Ana sayfayı düzenleyin.

Artık sayfanız için içerik oluşturmaya başlayabilirsiniz.

Profesyonel İpucu: Blok düzenleyiciyi fazla kullanmadıysanız, WordPress içerik düzenleyicide uzmanlaşma konusunda uzman ipuçlarımızı okuyun. Nasıl çalıştığını size göstermek için çok sayıda ekran görüntüsü kullanarak her şeyi net bir şekilde açıklıyoruz.

Eğitimin bu bölümünde, temel bir ana sayfa oluşturmak için birkaç basit blok kullanacağız.

Öncelikle sayfaya bir hoşgeldin mesajı ekleyeceğiz. Bunu, yazmaya başlamak için sayfaya tıklayarak yapabilirsiniz. WordPress sizin için otomatik olarak bir paragraf bloğu oluşturacaktır.

Metni büyütmek istiyorsanız, bunu sağ taraftaki blok ayarlarında yapmak kolaydır. 'Metin ayarları' altındaki 'Ön ayar boyutu' açılır menüsünü kullanmanız yeterlidir.

Metninizin rengini bunun altındaki 'Renk ayarları' bölümünden de değiştirebilirsiniz.

Ardından, sayfaya bir resim ekleyeceğiz. Bunu (+) sembolüne tıklayarak ve ardından Görüntü bloğunu seçerek yapabilirsiniz. Bunu Ortak Bloklar bölümünde bulabilir veya arama çubuğunu kullanarak arayabilirsiniz.

Medya kitaplığınızdan bir resim seçebilir veya yeni bir tane yükleyebilirsiniz.

Önemli: Yalnızca kamu malı olan veya CC0 Lisanslı ya da kendi oluşturduğunuz resimleri kullanın. Ayrıca resimlerinizi web için optimize etmelisiniz.

Ardından, son gönderilerimize buradan göz atın metnini içeren başka bir paragraf bloğu ekledik.

Ardından, gönderi başlıklarını olduğu kadar gönderi alıntılarını ve öne çıkan görselleri gösterecek şekilde ayarladığımız bir 'Son Gönderiler' bloğu ekledik. WordPress'te son gönderileri görüntüleme konusundaki eğitimimizde Son Gönderiler bloğu hakkında daha fazla bilgi edinebilirsiniz.

Ana sayfanıza istediğiniz kadar blok ekleyebilirsiniz. Temanızda varsa, sayfanız için "tam genişlikte" veya "kenar çubuğu olmayan" bir şablon da kullanmak isteyebilirsiniz. Bunu sayfanızın Belge ayarlarında yapabilirsiniz.

Bu örnekte Astra temasını kullanıyoruz:

Ana sayfanızdan memnun kaldığınızda, ekranın sağ üst köşesindeki 'Yayınla' düğmesini tıklayın.

İşte bitmiş ana sayfamız nasıl görünüyor:

Ana sayfanızla daha ileri gitmek isterseniz ne olur? Seçeneklerden biri, WordPress'in iletişim formu, referanslar, incelemeler ve daha fazlası gibi yeni işlevler eklemesi için bu en iyi blok eklentilerinden bazılarını denemektir.

Bir başka harika seçenek de, muhteşem ve profesyonel görünen bir şey oluşturmak için WordPress için daha güçlü bir sayfa oluşturucu kullanmaktır.

Bu öğreticinin sonraki bölümünde, iki farklı sayfa oluşturucuyu ele alacağız: Beaver Builder ve Divi by Elegant Themes.

WordPress Ana Sayfanızı Düzenlemek için Beaver Builder'ı Kullanma

Beaver Builder, popüler bir sayfa oluşturucu eklentisidir ve ana sayfanızı oluşturmanın harika bir yoludur.

İlk olarak, Beaver Builder eklentisini indirmeniz, yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Ardından, ana sayfanızı düzenlemeye başlayabilirsiniz. WordPress'teki Sayfalar menüsüne gidin ve daha önce oluşturduğumuz ana sayfayı düzenlemek için tıklayın.

Blok düzenleyicide, Belge » Sayfa Nitelikleri » Şablon altında boş bir sayfaya veya kenar çubuğu olmayan bir şablona geçmek iyi bir fikirdir.

Eğitimin bu bölümü için OceanWP kullanıyoruz. Sayfa oluşturucu ile düzenleyebileceğiniz boş bir tuval oluşturan bir 'Açılış Sayfası' şablonuyla birlikte gelir.

Sayfa şablonunuzu ayarladıktan sonra, Beaver Builder'ı kullanmaya başlamak için ekranın ortasındaki 'Beaver Builder'ı Başlat' düğmesini tıklayabilirsiniz.

Beaver Builder editörüne götürüleceksiniz. Ana sayfanızı tasarlamanın en hızlı yolu, Beaver Builder'ın önceden oluşturulmuş şablonlarından birini kullanmaktır. Henüz seçili değilse sağ üstteki + simgesine tıklayın, ardından Şablonlar etiketine tıklayın.

Sitemiz için bu 'Ajans' şablonunu kullanacağız.

Not: Şablonlar, Beaver Builder'ın lite sürümünde mevcut değildir.

Şablonunuzla ilgili beğendiğiniz her şeyi düzenleyebilirsiniz. Değiştirmek istediğiniz şeye tıklamanız yeterlidir. Düzenlemeler yapabileceğiniz küçük bir pencere açılacaktır. Burada ana sayfamızın başlığını düzenliyoruz (üstteki büyük metin).

Şimdi sayfanın başlığını ve altındaki düğmedeki metni değiştirdik:

Sayfanıza yeni öğeler eklemek istiyorsanız, bunu yeni bir modül veya tamamen yeni bir satır ekleyerek yapabilirsiniz. Beaver Builder'daki içerik, sütunlara bölünmüş satırlar halinde düzenlenir.

Bir satır veya modül eklemek için ekranın üst kısmındaki + simgesine tıklayın. Bundan sonra seçtiğiniz satırı veya modülü yere sürükleyip bırakın. Burada, sayfamıza yeni bir 1 sütun satırı ekliyoruz:

Bir satırı yerleştirdikten sonra, ona 1 veya daha fazla modül ekleyebilirsiniz. 1 sütun satırımız var, bu yüzden sadece 1 modül ekleyebiliriz. Başlık modülünü yerine sürükleyip bırakarak kullanacağız:

Modülün Stil sekmesine tıklayarak yazı tipini ve boyutunu değiştirebilirsiniz:

Sayfanızdan bir satırı veya modülü kaldırmak istiyorsanız, fare imlecinizi üzerine getirin ve sol tarafta görünen X'e tıklayın.

Burada, gri simgeler tüm satırı düzenlemenize veya silmenize, mavi simgeler ise tek bir modülü düzenlemenize veya silmenize izin verir:

Sayfanızın satırlarını ve modüllerini istediğiniz kadar eklemeye ve değiştirmeye devam edebilirsiniz. Görünüşünden memnun kaldığınızda, sağ üstteki 'Bitti'yi tıklayın.

Ardından sayfanızı kaydetmeyi veya yayınlamayı seçebilirsiniz.

Sayfamızın sitemizde nasıl göründüğü aşağıda açıklanmıştır:

WordPress Ana Sayfanızı Düzenlemek için Divi'yi Kullanma

Divi, bir başka popüler WordPress sayfa oluşturucu eklentisidir. Bir WordPress teması ve düzinelerce muhteşem şablon içeren bir sayfa oluşturucu eklentisi ile birlikte gelir.

Divi sayfa oluşturucuyu herhangi bir temayla kullanabilirsiniz. Bu eğitim için onu Divi temasıyla kullanacağız.

İlk olarak, Elegant Themes'den Divi temasını indirmeniz, yüklemeniz ve etkinleştirmeniz gerekir. Buna Divi oluşturucu dahildir, dolayısıyla ayrı olarak yüklemeniz gerekmez.

Not: WordPress kontrol panelinizdeki Divi » Tema Seçenekleri » Güncellemeler altında kullanıcı adınızı ve API anahtarınızı girmeniz gerekir. Aksi takdirde, düzen paketlerine erişemezsiniz.

Eklentiyi yüklemek için yardıma ihtiyacınız varsa, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Divi temasını ve sayfa oluşturucuyu kurduktan ve çalıştırdıktan sonra ana sayfanızı oluşturabilirsiniz. İlk olarak, WordPress kontrol panelinizdeki Sayfalar menüsüne gidin ve ardından daha önce oluşturduğumuz Ana Sayfayı düzenleyin.

Ana sayfanızı düzenlemeye başlamadan önce Belge » Sayfa Nitelikleri » Şablon altında Boş Sayfa şablonuna geçmek iyi bir fikirdir. Bu şekilde, ana sayfanızda bir kenar çubuğu, başlık, menü veya başka herhangi bir varsayılan öğe olmaz.

Ardından, ekranın üst kısmındaki 'Divi Builder'ı Kullan' düğmesini tıklayabilirsiniz.

Şimdi, ekranın ortasındaki 'Divi Builder'ı Kullan' düğmesini tıklamanız gerekecek.

Ekranınızın üst kısmında siteden çıkmak isteyip istemediğinizi soran bir istem görebilirsiniz. Divi oluşturucuya girmek için 'Ayrıl'ı tıklayın.

Ardından, sayfanızı oluşturmak için kullanabileceğiniz bir dizi seçenek göreceksiniz. Ana sayfanızın temeli olarak önceden hazırlanmış bir düzen kullanmanızı öneririz. Bu, ana sayfanızın kurulumunu gerçekten hızlı ve kolay hale getirir.

Divi, aralarından seçim yapabileceğiniz etkileyici bir dizi farklı düzene sahiptir. 163 farklı düzen paketi vardır ve bunların her birinin ana sayfalar dahil birkaç farklı sayfa düzeni vardır.

Bir arama terimi yazarak bunlar arasında arama yapabilir veya yalnızca belirli kategorilere uyan düzenleri görüntülemek için kutuları işaretleyebilirsiniz.

Ana sayfamızı oluşturmak için 'Seyahat Blogu' yerleşim paketini kullanacağız. İlk önce kullanmak istediğiniz pakete tıklayın:

Ardından, düzen paketinin bir açıklamasını ve ayrıca mevcut olan farklı sayfa düzenlerini göreceksiniz. Muhtemelen ana sayfanız için Ana sayfayı veya Açılış sayfasını kullanmak isteyeceksiniz. Ana Sayfa seçeneğini seçeceğiz.

Düzeninizi seçtikten sonra, 'Bu Düzeni Kullan' düğmesini tıklayın.

Divi, düzeni sizin için otomatik olarak içe aktaracaktır. Daha sonra, tam olarak sitenizde görüneceği gibi, sayfanızda canlı olarak göreceksiniz. Herhangi bir bölümünü düzenlemek için üzerine tıklamanız yeterlidir.

Beaver Builder gibi Divi de sayfanızı oluşturmak için bir satırlar (sütunlara bölünmüş) ve modüller kullanır. Metin modülleri ile metne tıklayabilir ve doğrudan ekrana istediğinizi yazabilirsiniz.

Burada, başlığı ve altındaki metni değiştirdik:

Diğer modüllerde, fare imlecinizi üzerlerine getirebilir ve bunları düzenlemek için Modül Ayarları simgesine tıklayabilirsiniz. Burada sayı sayaçlarından birini düzenliyoruz:

Çöp kutusu simgesini kullanarak modülleri ve satırları aynı şekilde silebilirsiniz.

Muhtemelen ana sayfanızda kendi resimlerinizi kullanmak isteyeceksiniz. Modül ayarlarını düzenleyerek bunları değiştirebilirsiniz.

En üstteki görüntünün Tam Genişlikli Başlık Modülü için Arka Plan olarak ayarlandığını unutmayın, bu nedenle bu modül için İçerik » Arka Plan altında değiştirmeniz gerekir:

Sayfanızda yaptığınız değişikliklerden memnun kaldığınızda, ekranın alt kısmındaki 'Taslağı Kaydet' veya 'Yayınla' seçeneğine tıklayabilirsiniz.

İpucu: Bu düğmeleri göremiyorsanız, açmak için mor “…” düğmesine tıklayın.

Sayfamızın web sitesinde canlı olarak nasıl göründüğü aşağıda açıklanmıştır:

Bu kadar! WordPress'te harika görünen bir ana sayfa oluşturdunuz ve başarıyla kurdunuz.

Bu öğreticinin, bir WordPress ana sayfasını nasıl düzenleyeceğinizi öğrenmenize yardımcı olacağını umuyoruz. Ayrıca, sahip olunması gereken WordPress eklentileri hakkındaki kılavuzumuza ve WordPress SEO'nun nasıl iyileştirileceğine ilişkin ipuçlarımıza da göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.