Ö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…

İçindekiler gizle
Özel Elementor blog gönderisi şablonu oluşturmak için yüklemeniz gereken eklentiler
Sıfırdan Elementor özel blog sayfası Şablonu nasıl oluşturulur
Önceden hazırlanmış Elementor şablonunu kullanarak tek gönderi sayfası nasıl oluşturulur
ElementsKit ile bir Elementor en son gönderiler sayfası nasıl oluşturulur
Son sözler

Ö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.
ElementsKit gif

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.

Elementor'da yeni şablon nasıl eklenir

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.

Elementor Blog Gönderisi Şablonu Oluşturun

Ş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.

Özel Elementor blog gönderileri için bir yapı seçin

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.

blogu özel Elementor blog gönderisini oluştururken gör-önizlemeye ayarla

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.

Elementor blog gönderisinin öne çıkan resmini 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.

Elementor'un öne çıkan görsel widget'ının içerik ayarları

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'un stil ayarları, görüntü widget'ını içerir

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 .

gönderi bilgilerini 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 .

bilgi gönder Elementor widget ayarları

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.

Gönderi bilgileri Elementor widget stili ayarları

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 .

yazı başlığını sürükleyip bırakın

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

başlık içeriği gönder Ayarlar özel Elementor blog gönderisi

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

elementor yazı başlığı stili ayarları

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.

gönderi içeriğini sürükle ve bırak

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.

Elementor sosyal simgeler widget ayarları

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

Elementor Sosyal Simgeler ayarları stil ayarları

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.

Elementor yazar kutusu widget'ı

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

Elementor yazar kutusu widget stili ayarları

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.

Elementor sonrası sayfalandırma widget'ı özel blog sayfası elementoru

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.

Elementor özel blog şablonu gönderi sayfalandırma widget'ı stil ayarları

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.

Elementor gönderi widget'ları ayarları Elementor özel blog gönderisi

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.

Elementor sonrası yorum widget'ı özel blog sayfası elementoru
ElementsKit gif

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.

Özel öğe veya blog gönderisi şablonunu önizleyin

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).

Elementor Blog Gönderisi Şablonu oluşturun özel blog sayfası öğesi

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.

Hazır blog yazısı şablonları ekleyin

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ış.

Hazır şablonlu Elementor blog yazısı

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.

Elementor için eklentide ElementsKit'i kurun ve etkinleştirin
ElementsKit'i Şimdi Alın

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'in gönderiyle ilgili widget'larını etkinleştir

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.

ElementsKit ile Elementor'un en son gönderileri

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.

Izgara ayarları öğesini veya en son gönderileri gönderin

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.

Gönderi sekmesi widget ayarları özel blog sayfası öğesi veya en son gönderiler

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.

ElementsKit gif

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.

ElementsKit'i Şimdi Alın