Elementor ile WordPress Blogunuz için Özel Bir Ana Sayfa Nasıl Oluşturulur

Her WordPress blogunun kullandığı temaya bağlı olarak farklı bir ana sayfa düzeni vardır. Çoğu WordPress tabanlı blogda, ana sayfa genellikle ilgili bloglardaki makaleleri görüntüler. En son makaleler veya belirli kriterlere göre filtrelenen öne çıkan makaleler olsun. Temanızın sunduğu ana sayfa düzeni/görünümü sizi etkilemiyorsa, temanız tarafından sunulan varsayılan ana sayfanın yerine kendi tasarımınızla özel bir ana sayfa oluşturabilirsiniz. Elementor bunu yapmak için mükemmel bir eklentidir.

Eğer duymadıysanız. Elementor, WordPress için en popüler sayfa oluşturucu eklentisidir. Her şeyin sürüklenip bırakıldığı görsel bir düzenleyici ile birlikte gelir. Yalnızca bir sayfa oluşturmak için Elementor'u kullanmakla kalmaz, aynı zamanda üstbilgi, altbilgi ve temanızın diğer bölümleri için özel şablonlar da kullanabilirsiniz. Kodlama becerisi olmayan bir WordPress kullanıcısıysanız, Elementor ile çalışmak çok eğlenceli olacaktır.

Elementor ile WordPress Blogunuz için Özel Bir Ana Sayfa Nasıl Oluşturulur

Elementor kullanarak özel bir blog ana sayfası oluşturarak, beğeninize herhangi bir öğe ekleyebilirsiniz. Bir kaydırıcıdan, fotoğrafınız (belki), kendiniz hakkında kısa bir tanıtım, sosyal medya takip düğmeleri, makaleleriniz (filtreleyebileceğiniz) vb. Bu örnekte, aşağıdaki gibi basit bir blog ana sayfasının nasıl oluşturulacağını göstereceğiz.

Bu sadece bir örnek. Kendi tasarımınızla bundan çok daha iyi bir özel blog ana sayfası oluşturabilirsiniz. Elementor'un kendisinde de size uygun olabilecek bazı önceden hazırlanmış blog ana sayfa şablonları vardır.

Elementor'da tamamen yeniyseniz, Elementor'u nasıl kullanacağınızı öğrenmek için önceki makalemizi okuyabilirsiniz. Bir bölümü ve widget'ı nasıl ekleyeceğinizi ve özelleştireceğinizi öğrenebilirsiniz. Burada oluşturacağımız özel blog ana sayfası aşağıdaki gibi üç bölümden oluşmaktadır:

• Bölüm 1: Görüntü pencere aracını, Metin Düzenleyici pencere öğesini ve Sosyal Simgeler pencere öğesini yerleştirmek için.
• Bölüm 2: Başlık widget'ını yerleştirmek için.
• 3. Bölüm : Gönderiler widget'ını yerleştirmek için.

Yeni bir sayfa oluşturarak başlayın ( Sayfalar -> Yeni Ekle ) ve bunu Elementor ile düzenleyin (Elementor ile Düzenle düğmesini tıklayarak). Hazır bir şablondan özel ana sayfa oluşturmak istiyorsanız, şablon kitaplığını açmak için tuval alanındaki klasör simgesine tıklayabilirsiniz.

Beğendiğiniz bir blog ana sayfası şablonunu arayın ve tuval alanına aktarmak için EKLE düğmesini tıklayın.

Sıfırdan Özel Blog Ana Sayfası Oluşturma

Sayfayı oluşturmaya başlamadan önce sayfa düzenini ayarlayabilirsiniz. Ayarlar panelinin (sol taraftaki panel) alt tarafındaki dişli simgesine tıklayın.

Sayfa düzenini Ayarlar sekmesi altındaki Genel Ayarlar bloğundaki Sayfa Düzeni seçeneğinden ayarlayabilirsiniz.

Bölüm 1

Yukarıda belirtildiği gibi, bu bölümü Görüntü pencere aracını, Metin Düzenleyici pencere öğesini ve Sosyal Simgeler pencere öğesini yerleştirmek için kullanacağız. Yeni bir bölüm eklemek için tuval alanındaki artı düğmesine tıklayın. İki sütunlu yapıyı seçin.

Görüntü widget'ını sürükleyin ve bölümün ilk sütununa yerleştirin.

Ayarları yapmak için ayarlar paneline gidin. Bir görüntü seçmek için İçerik sekmesinin altındaki Görüntü bloğundaki görüntü seçiciye tıklayabilirsiniz. Veya WordPress ava'nızı (yazar profil resmi) kullanmak istiyorsanız, veritabanı simgesine tıklayıp Yazar Profil Resmi öğesini seçebilirsiniz.

Görüntüye stil vermek için Stil sekmesine geçebilirsiniz. Bu sekmeden görüntü boyutu (genişlik ve yüksek), kenarlık yarıçapı, kenarlık türü, kenarlık boyutu, kenarlık rengi, CSS filtreleri ve kutu gölgesi gibi şeyleri ayarlayabilirsiniz.

Görüntü widget'ının aralığını (ve kenar boşluğunu) ayarlamak için Gelişmiş sekmesini açabilirsiniz.

Resminizi düzenlemeyi tamamladığınızda, Metin Düzenleyici widget'ını ekleyin. Bölümdeki ikinci sütuna yerleştirin. Varsayılan metni kendi metninizle değiştirin (varsayılan metni ayarlar panelinden veya doğrudan Elementor tuvalinden değiştirebilirsiniz).

Daha sonra metne stil vermek için Stil sekmesini açabilirsiniz. Tipografiyi (yazı tipi ailesi, yazı tipi boyutu, yazı tipi stili vb.), metin rengini ve hizalamayı ayarlayabilirsiniz.

Yukarıdaki Resim widget'ıyla aynı şekilde, Metin Düzenleyici widget'ının dolgusunu ve kenar boşluğunu ayarlamak için Gelişmiş sekmesine de gidebilirsiniz.

Metin Düzenleyici pencere aracını düzenlemeyi tamamladığınızda, Sosyal Simgeler pencere aracını ikinci sütuna ekleyebilirsiniz. Metin Düzenleyicisi geniş alanının altına yerleştirebilirsiniz.

Sosyal medya profillerini özelleştirmek için sol panele gidin. Sosyal medya hesabınızın bir bağlantısını eklemek için, İçerik sekmesi altındaki Sosyal Simgelerde mevcut öğeyi açabilirsiniz. Varsayılan simgeyi değiştirmek için simgeye de tıklayabilirsiniz.

Yeni bir sosyal medya profili eklemek için ÖĞE EKLE düğmesini tıklayabilirsiniz. Simgeleri özelleştirmek için Stil sekmesine gidebilirsiniz. Bu sekmeden simgelerin boyutunu, simgelerin rengini, simgeler arasındaki boşluğu, kenarlık stilini, kenarlık boyutunu, kenarlık yarıçapını vb. ayarlayabilirsiniz.

Tıpkı yukarıdaki ilk iki pencere öğesi gibi Sosyal Simgeler pencere aracının dolgusunu ve kenar boşluğunu ayarlamak için Gelişmiş sekmesine gidebilirsiniz.

Bölüm 2

Başlık widget'ını yerleştirmek için bu bölümü kullanacağız. Bu widget'ı bir "blog gönderileri" metni eklemek için kullanacağız.

Yeni bir bölüm eklemek için tuval alanındaki artı düğmesine tıklayın. Tek sütunlu yapıyı seçebilirsiniz. Bölüm eklendikten sonra Başlık widget'ını ekleyin ve varsayılan metni kendi metninizle değiştirin.

Ardından, başlığı biçimlendirmek için Stil sekmesine gidebilirsiniz. Tipografiyi, metin rengini, metin gölgesini ve karışım modunu ayarlayabilirsiniz.

Başlık widget'ının dolgusunu ve kenar boşluğunu ayarlamak için Gelişmiş sekmesine gitmeniz yeterlidir.

3. Bölüm

Gönderiler widget'ını yerleştirmek için bu bölümü kullanacağız. Gönderiler widget'ının kendisi yalnızca Elementor Pro'da kullanılabilir ( okuyun: Elementor Free ve Elementor Pro). Başka bir deyişle, onu kullanmak için Elementor'un pro sürümünü kullanmanız gerekir. Veya aşağıdaki Elementor eklentilerinden birini kullanabilirsiniz.

• Mutlu Eklentiler
• tabaka
• Temel Eklentiler

Bu üç eklenti, Elementor'un yerel Gönderiler pencere aracının yerini almak üzere web sitenizdeki blog gönderilerini görüntülemek için ücretsiz bir pencere aracına sahiptir. Elementor Pro'yu kullandığımızdan, Gönderiler widget'ını kullanacağız.

Yeni bir bölüm eklemek için tuval alanındaki artı düğmesine tıklayın. Bu sefer üç sütunlu yapıyı seçin. Gönderiler widget'ını eklemeden önce sütunların boyutunu ayarlayabilirsiniz. Bunu yapmak için, bir sütunun kenarını tıklayıp basılı tutun ve sağa veya sola doğru sürükleyin.

Sütun hazır olduğunda, Gönderiler pencere aracını sürükleyin ve ikinci sütuna (ortadaki) yerleştirin.

Varsayılan olarak, Gönderiler widget'ı web sitenizdeki makaleleri üç sütun halinde görüntüler. Özelleştirmek için ayarlar paneline gidebilirsiniz. Makaleleri ayarlar panelinden de filtreleyebilirsiniz.

Gönderiler widget'ının nasıl kullanılacağına ilişkin daha ayrıntılı talimatlar için önceki makalemizi okuyabilirsiniz.

Sayfayı düzenlemeyi bitirdikten sonra, sayfayı yayınlamak için ayarlar panelinin alt tarafında bulunan YAYINLA düğmesine tıklayın. Yayımla düğmesinin yanındaki göz simgesine tıklayarak da önizleyebilirsiniz.

Yeni Oluşturduğunuz Sayfayı Blogunuzun Ana Sayfası Olarak Ayarlayın

Yukarıdaki özel ana sayfayı yayınladıktan sonra, onu blogunuzda ana sayfa olarak ayarlamanız gerekir. Bunu yapmak için WordPress kontrol panelinizde Ayarlar -> Okuma bölümüne gidin. Ana sayfa ekranlarınız seçeneğinde, Statik bir sayfa olarak ayarlayın ve Ana Sayfa açılır menüsünden az önce oluşturduğunuz ana sayfayı seçin. Değişikliği uygulamak için Değişiklikleri Kaydet düğmesine tıklamayı unutmayın.

Alt çizgi

Blogunuzda kullandığınız WordPress teması, ihtiyacınıza veya istediğiniz şeye göre bir ana sayfa düzeni sunmuyorsa, onun yerine özel bir ana sayfa oluşturabilirsiniz. Elementor, bunu yapmak için kullanabileceğiniz bir eklentidir. Her şeyin sürükleyip bırakıldığı çok sezgisel bir görsel düzenleyiciye sahiptir. Toplamda Elementor tarafından sunulan 90'dan fazla öğe (widget) vardır. Elementor ayrıca başlık, alt bilgi, arşiv sayfaları, 404 sayfası vb. için özel bir şablon oluşturmak için kullanabileceğiniz bir tema oluşturucu ile birlikte gelir.