Özel Elementor Blog Gönderisi Şablonu Nasıl Oluşturulur (Kolay Kılavuz)
Yayınlanan: 2022-03-10Özel bir Elementor blog yazısı şablonunun nasıl oluşturulacağına dair en kolay öğreticiyi mi arıyorsunuz?
Bloglar, ürününüz hakkında farkındalık yaratmanın en popüler ve etkili yollarından biridir. Bununla birlikte, içerik pazarlamasından en fazla faydayı elde etmek istiyorsanız, blog sayfanızın doğru bilgilerle birlikte büyüleyici bir görünüme sahip olduğundan emin olmanız gerekir.
Blog yayınınızı çekici kılmak için kendi özel blog şablonunuzu oluşturmanız gerekir. Ayrıca, Elementor'u kullanarak kitlenizin ilgisini çekmek için olağanüstü bir blog yazısı şablonu elde edebilirsiniz. Sıfırdan Elementor özel blog sayfası oluşturabilir ve önceden oluşturulmuş şablonları kullanarak bir tane oluşturabilirsiniz.
Bu makalede, mümkün olan en basit yollarla iki yöntemi kullanarak bir Elementor blog yazısı şablonunun nasıl oluşturulacağını öğreneceksiniz. Öyleyse okumaya devam edin…
Özel Elementor blog gönderisi şablonu oluşturmak için yüklemeniz gereken eklentiler
WordPress'te Elementor sayfa oluşturucu ile zahmetsizce bir blog yazısı oluşturmak için her ikisine de ihtiyacınız olacak
- Elementor (Ücretsiz)
- ve Elementor Pro.

Sıfırdan Elementor özel blog sayfası Şablonu nasıl oluşturulur
Elementor Pro, mutlak sıfırdan çarpıcı bir özel blog yazısı şablonu oluşturmak için ihtiyaç duyacağınız tüm gerekli widget'ları sağlar. Tek Elementor gönderi şablonunuzu oluşturmak için aşağıda belirtilen adımları uygulamanız yeterlidir:
1. Adım: Yeni bir Tek Blog Şablonu oluşturun
İlk olarak, tek bir blog şablonu oluşturmanız gerekir. Bunun için WordPress Kontrol Paneli'ne gidin ve ardından Şablonlar ⇒ Yeni Ekle'ye gidin.

ve Yeni Ekle düğmesine tıklayın . Yeni pencere açıldığında, açılır menüden şablon türü olarak Tek Gönderi'yi seçin, istediğiniz bir adı girin ve ardından Şablon Oluştur'a tıklayın.

Şimdi önceden hazırlanmış düzenleri görmelisiniz (bunu daha sonra nasıl kullanacağınızı anlatacağız). Sıfırdan bir blog şablonu oluşturacağımızdan, bu pencereyi kapatmak için sağ üst köşedeki çarpı düğmesine tıklayın .
2. Adım: Blog gönderisi şablonu için bir yapı/düzen seçin
Şimdi, blog şablonunuz için bir yapı seçmeniz gerekiyor, kullanıcının okuması zorlaştığı için bir sayfanın tüm genişliğini kullanmamanız önerilir. Elementor özel blog sayfası şablonunuz için bir yapı seçmek için + simgesine tıklayın ve beğendiğinizi seçin ve eklemek için yapıya tıklayın.

Not: Oluşturduğunuz şablonla bir blogun nasıl görüneceğini görmek için, dinamik içerik önizleme seçeneğinden mevcut bir blogu seçin. Bunu ayarlamak için sol alt köşedeki Ayarlar seçeneğine tıklayın.
Ardından, Dinamik İçeriği Önizleme açılır menüsünden Gönder'i seçin, aşağıdaki ikinci açılır menüye seçmek istediğiniz blogun adını yazın. Son olarak, Uygula ve Önizleme'ye tıklayın.

3. Adım: Öne Çıkan Görsel widget'ı ekleyin ve Görsel stili seçeneklerini özelleştirin
Düzene sahip olduğunuzda, sol düzenleyici çubuğunda Öne Çıkan Görsel widget'ını arayın. Widget'ı bulduktan sonra, istediğiniz konuma sürükleyip bırakın.

Widget yüklendikten sonra görüntü boyutunu, hizalamayı, altyazıyı, bağlantıyı ve ışık kutusu seçeneğini özelleştirin.

Stil ayarlarını değiştirmek için Stil sekmesine gidin . Burada yüksekliğini, genişliğini, opaklığını, kenarlığını, yarıçapını vb. değiştirebilirsiniz.

Elementor ile Mega Menü Oluşturma konulu blogumuza da göz atabilirsiniz.
4. Adım: Elementor Gönderi Bilgileri widget'ını ekleyin ve özelleştirin
Özellik görüntüsünden sonra, Gönderi Bilgileri widget'ı ile yapabileceğiniz gönderi ile ilgili bilgileri göstermelisiniz. Öne çıkan görselde olduğu gibi, önce Bilgi Gönderi pencere öğesini arayın, ardından Öne Çıkan Görsel pencere öğesinin altına sürükleyip bırakın .

Elementor Editor İçeriği sekmesinde, düzeni Varsayılan veya Satır İçi olarak ayarlayabilirsiniz. Yazar, Tarih, Saat ve Yorum Seçeneklerini düzenleyebilir/silebilirsiniz . Ayrıca + YENİ EKLE düğmesine tıklayarak Gönderi Bilgileri pencere aracına özel bir alan da ekleyebilirsiniz .

Listeler arasındaki boşluk, hizalama, Simge rengi ve Boyut, Metin rengi ve tipografi gibi stil ayarlarını özelleştirmek için tekrar Stil sekmesine geçin.

Adım 5: Gönderi Başlığı widget'ını sürükleyip bırakın ve özelleştirin
Şimdi, Gönderi Başlığı pencere öğesini arayın ve gönderi bilgisi pencere öğesinin altına sürükleyip bırakın .

Gönderi Başlığı etiketinin boyutunu, HTML etiketini ve hizalamasını özelleştirebilirsiniz.

Stil sekmesinde Metin Rengi, Tipografi, Metin Konturu, Metin Gölgesi ve Karışım Modu'nu özelleştirmek için seçenekler bulacaksınız.

6. Adım: İçerik Gönderi widget'ını ekleyin ve özelleştirin
Şimdi, gönderi içeriği widget'ını sürükleyip bırakın . ElementsKit'in içerik gönderisi widget'ı, blog gönderisinin gövdesini (ana içeriği) temsil eder.

7. Adım: Bir sosyal paylaşım seçeneği eklemek için Sosyal Simgeler pencere aracını sürükleyip bırakın
Gönderi içeriğinden sonra , Sosyal Simgeler widget'ını sürükleyip bırakarak ekleyin . Sosyal Simgeler, blogunuzu farklı sosyal platformlarda paylaşma seçenekleri sunar.
İstediğiniz kadar sosyal simge ekleyebilir/silebilirsiniz . Ayrıca simgelerin şeklini, göstermeleri gereken sütun sayısını ve hizalamayı özelleştirebilirsiniz. Ayrıca , sosyal simgelerin her biri için Sosyal Platform Simgesini, rengini ve bağlantısını özelleştirebilirsiniz.

Simge boyutunu, rengini, dolgusunu, aralığını, kenarlık türünü değiştirmek için Stil sekmesine gidin.

Adım 8: Yazar Kutusu widget'ını ekleyin ve widget'ın ayarlarını özelleştirin
Yazar Kutusu'nu arayın ve widget'ı Sosyal Simgelerden sonra sürükleyip bırakın. Kaynak açılır menüsünden isterseniz özel bir Yazar da ekleyebilirsiniz. Profil Resminin, görünen adın ve Biyografinin nasıl/gizlendiğini seçebilirsiniz. HTML etiketi, Bağlantı, Düzen, Hizalama gibi diğer ayarları da özelleştirebilirsiniz.

Görüntü boyutu, kenarlık, renk ve yazar adı tipografisi, biyografi vb. gibi seçenekleri özelleştirmek için Stil sekmesine gidin.


9. Adım: Sayfalandırma seçeneği için Gezinme Sonrası widget'ı ekleyin
Elementor Post Navigation widget'ı , okuyuculara farklı bloglara geçebilmeleri için gezinme seçenekleri sunar. Gezinme sonrası widget'ını eklemek için, düzenleyicide arama yapmadan önce olduğu gibi ve ardından yazar kutusu widget'ından sonra sürükleyip bırakın.
Sayfalandırma etiketini veya ok işaretini gösterebilir veya gizleyebilirsiniz . Oklar için yaklaşık 8+ tasarım seçeneği elde edersiniz. Ayrıca önceki ve sonraki düzey metni özelleştirebilirsiniz.

Hem normal hem de vurgulu görünümler için etiket, başlık, ok ve kenarlıkların rengini ve tipografisini değiştirebilirsiniz.

Adım 10: İlgili gönderileri görüntülemek için Gönderiler widget'ını sürükleyip bırakın
İlgili gönderileri sergilemek için Elementor Gönderileri widget'ını kullanacağız. Bu nedenle, gönderiler pencere aracını gönderi navigasyon aracından sonra sürükleyip bırakın. Bu widget ile ten rengini değiştirebilir, sütun sayısını, sayfa başına gönderi sayısını, görüntü konumunu ve daha birçok ayarı belirleyebilirsiniz. Farklı düzen, kutu, resim ve içerik stillerini de değiştirebilirsiniz.

11. Adım: Yorum Gönderi widget'ı ekleyin
Kullanıcılarınıza gönderilerinize yorum yapma seçeneği sunmak için Gönderi Yorumları Widget'larını eklemeniz gerekir. Gönderi Yorumları pencere öğesini arayın ve gönderiler pencere öğesinin altına sürükleyip bırakın.


Adım 12: Elementor özel blog sayfası şablonunu güncelleyin ve görün
Artık tüm tasarım bittiğinde, güncelle düğmesine tıklayın . Yayınlama ayarı penceresi görünürse, Kaydet ve Kapat'a tıklayın.
İşte az önce oluşturduğumuz özel Elementor blog yazısı şablonunun önizlemesi.

Yukarıda açıklanan yöntemi çok zaman alıcı bulduysanız, her bölümü sıfırdan oluşturmak ve tasarlamak zorunda olmadığınız aşağıda belirtilen yöntemi tercih edebilirsiniz.
Ayrıca, Elementor'da 5 Kolay Adımda Çok Adımlı Form Nasıl Eklenir konulu blogumuza da göz atabilirsiniz.
Önceden hazırlanmış Elementor şablonunu kullanarak tek gönderi sayfası nasıl oluşturulur
Elementor özel blog sayfanız için önceden oluşturulmuş bir şablon kullanmayı planlıyorsanız, bunu sadece 3 adımda yapabilirsiniz. Nasıl olduğunu kontrol edelim:
1. Adım: Kontrol panelinden yeni bir Tek Blog Gönderisi Şablonu oluşturun
İlk yöntem gibi, yeni bir tek blog şablonu oluşturmanız gerekir. Yeni şablonun nasıl oluşturulacağı hakkında daha fazla ayrıntı için biraz yukarı kaydırın ve ilk yöntemin ilk adımını kontrol edin (sıfırdan bir blog şablonu nasıl oluşturulur).

2. Adım: Önceden hazırlanmış bir Elementor Tekli Gönderi şablonu seçin
Şablon Oluştur'a tıkladığınızda, birçok özel tek gönderi şablonu içeren Elementor kitaplığı penceresini göreceksiniz. Burada beğendiğiniz Tek gönderi bloklarından herhangi birini seçebilirsiniz. Tercih ettiğiniz şablonun üzerine gelin, ekle'ye tıklayın.

3. Adım: Önceden hazırlanmış bir Elementor Tekli Gönderi şablonu seçin
Şablon yüklendikten sonra, tüm yeni blog şablonlarını kaydetmek için yayınla düğmesine tıklayın .
Önceden hazırlanmış bir tek gönderi şablonu kullanarak bir Elementor blog gönderisini kullanan bir blog gönderisine son bir bakış.

ElementsKit ile bir Elementor en son gönderiler sayfası nasıl oluşturulur
Artık çekici bir tek gönderi şablonuna sahip olduğunuza göre, tüm bloglarınızın göz yormayan ve kullanıcı dostu bir şekilde görüntülenmesi için özel bir blog listeleme sayfası oluşturmanın zamanı geldi. ElementsKit ile özel bir Elementor son gönderilerini nasıl oluşturabileceğinize bir göz atalım.
1. Adım: ElementsKit'i Kurun ve Etkinleştirin
Çarpıcı bir blog liste sayfası oluşturmak için Elementor sayfa oluşturucu ile birlikte ElementsKit'e ihtiyacınız olacak. ElementsKit, web geliştirmeyi her zamankinden daha kolay hale getirmek için 85'ten fazla widget ve modül içeren Elementor için hepsi bir arada bir eklentidir.

2. Adım: Gönderiler Listesi ile ilgili Widget'ı Etkinleştirin
Etkinleştirildiğinde, gönderi listesi sayfasını oluşturmak için gönderiyle ilgili widget'ı açmanız gerekir. ElementsKit, Blog Gönderileri, Gönderi Izgarası, Gönderi Listesi, Gönderi sekmesi widget'ı vb. içeren blog listelerinizi görüntülemek için bir dizi widget sağlar. Kullanmak istediğiniz widget'ı etkinleştirebilirsiniz.

ElementsKit kullanarak güzel bir Elementor tek sayfa kaydırmalı gezinmeyi nasıl oluşturabileceğinizi görün
3. Adım: Widget'ı ekleyin ve özelleştirin
Şimdi, blog listesi sayfasına gidin, widget'ı arayın ve basitçe sürükleyip bırakın. Widget yüklendikten sonra, blog listesi sayfanızı kişiselleştirmek için ilgili ayarları özelleştirebilirsiniz. Birkaç ElementsKit widget'ı ve bunların özelleştirme seçenekleriyle bir blog listesi sayfasının nasıl görüneceğine bir göz atalım.
Blog Yazıları:
Blog Gönderisi widget'ını kullanarak, bloglarınızı Blok biçiminde, Başparmaklı Izgara ve Başparmaksız ızgara tasarımında görüntüleyebilirsiniz. Ayrıca satır başına gösterilecek gönderi sayısını, sayfalandırmayı etkinleştirme/devre dışı bırakma ve daha birçok seçeneği ayarlayabilirsiniz. Daha fazla ayrıntı için, son blog gönderilerinin nasıl görüntüleneceğine ilişkin blogumuza göz atın.

Mesaj Izgarası:
Post grid eklentisi ile, blog listenizde hangi kategori bloglarını görüntülemek istediğinizi özelleştirebilirsiniz. Ayrıca görüntülenecek gönderi sayısını ve her satırın sahip olması gereken sütun numaralarını da seçebilirsiniz. Daha fazla ayrıntı için belgelerimize bakın.

Sekme Gönder widget'ı
Bir Gönderi Sekmesi widget'ı ile, Posta Izgarası gibi tüm özelleştirme seçeneklerinin yanı sıra ekstra bir kategori sekmesine sahip olursunuz. Bu seçenekle, kullanıcılar herhangi bir kategori sekmesine gelip yalnızca o kategorideki blogları görebilir.

Widget'ınızı seçtikten ve tercihinize göre özelleştirme yaptıktan sonra güncellemek için güncelleme butonuna tıklayın. Artık Elementor'un en son gönderilerini cazip bir şekilde görüntüleyen bir sayfanız olmalıdır.

Son sözler
Özel bir Elementor blog yazısı şablonunun iki şekilde nasıl oluşturulacağı konusunda size kolay bir eğitim sağlamak için elimizden gelenin en iyisini yapmaya çalıştık. Blogu, özel Elementor blog şablonunuzu oluşturmak için yararlı bulduğunuzu umarız. Adımları takip edebilir, düzenleri ve tasarımları tercihinize göre değiştirebilirsiniz.
ElementsKit widget'ları ile blog listesi sayfanıza olağanüstü bir dokunuş vermeyi unutmayın. ElementsKit, Elementor için mükemmel bir tamamlayıcıdır, bu eklentinin sunduğu tüm harika widget'ları kontrol etmek için zaman ayırın.