WordPress'te Gutenberg Post Slider Nasıl Oluşturulur

WordPress gönderi kaydırıcısı, içeriği belirli bir kaynaktan dinamik olarak alan ve web sitenizin veya blogunuzun ziyaretçilerine gösteren kullanışlı bir bloktur. Artık WordPress'in en son güncellemesiyle, ücretsiz bir Eklenti ile Gutenberg Post Slider'ı ekleyebilirsiniz. Peki WordPress'e Gutenburg Post Slider nasıl eklenir?

Gutenberg bloklarını kullanarak WordPress Slider eklemek için şu dört basit adımı uygulamanız gerekir:

1. PostX Eklentisini Kurun ve Etkinleştirin.

2. Yeni bir sayfa oluşturun veya yazı kaydırıcısını göstermek istediğiniz mevcut sayfayı düzenlemeye başlayın.

3. Kaydırıcı Gutenberg bloğunu ekleyin.

4. Sayfayı Yayınla veya Güncelle'ye tıklayın.

Bu kadar!

WordPress'te Gutenberg gönderi kaydırıcısı oluşturmanın en kolay yolu

Tüm WordPress kullanıcıları uzman geliştiriciler değildir. Şimdi, Gutenberg güncellemesi yeni başlayanlar için işi daha da zorlaştırdı. Yeni başlayan biriyseniz endişelenmeyin, size adım adım WordPress gönderi kaydırıcısı eklemenin en kolay yolunu göstereceğim.

Adım – 1: PostX Eklentisini Kurun ve Etkinleştirin

Her şeyden önce, WordPress sitenize giriş yapın. Eklenti bölümüne gidin ve “Yeni Ekle” düğmesine tıklayın. Arama çubuğuna PostX yazın ve “Yükle”ye tıklayın. Ardından aktif olana tıklayın ve eklenti kullanıma hazır olacaktır.

Adım – 2: Kaydırıcı eklemek için mevcut sayfayı oluşturun veya düzenleyin

Yeni bir sayfaya veya mevcut bir sayfaya bir WordPress resim kaydırıcısı da ekleyebilirsiniz. Örneğin, WordPress Gutenberg resim kaydırıcısında yeni bir sayfaya geçelim. Sayfa bölümüne gidin ve yeni ekle'yi tıklayın.

Adım – 3: Gönderi kaydırıcı bloğunu ekleyin

Blok düzenleyiciden artı simgesine tıklayın. Ardından, gönderi kaydırıcı bloğunu seçin. Hazır gönderi kaydırıcısı sayfaya eklenecektir.

4. Adım: Sayfayı Yayınlayın veya Güncelleyin

Şimdi, kaydırıcı sayfaya eklendi. Yeni sayfa için “yayınla”ya tıklayın ve mevcut bir sayfa için “güncelle”ye tıklayın. Resim kaydırıcı sayfada görünecektir.

Gutenberg Block ile WordPress gönderi kaydırıcısı nasıl özelleştirilir

Bildiğiniz gibi PostX, WordPress için hazır bir dinamik kaydırıcı sunuyor. Ancak bu eklentinin ücretsiz sürümünün de özelleştirme seçenekleri sunduğunu bilmek sizi daha mutlu edecektir.

Hazır Tasarımlar

İçerik oluşturma baskısı, gönderi bloklarınızı özelleştirmek için zamanınızı tüketmemekten daha sıktır. Öte yandan, sıradan görünen bir varsayılan tasarım, mükemmel içeriğiniz olduğunda bile izleyicinizi uzaklaştırabilir. Bu nedenle Gutenberg'in dinamik direk kaydırıcısı çekici hazır tasarımlarla birlikte gelir.

İhtiyacınız olan her şey zaten düzenlenmiştir. İstediğiniz hazır tasarımı bloğun “Tasarım” bölümünden kolayca seçebilirsiniz. Bu hazır tasarımlar, yazı kaydırıcınıza üstün bir görünüm sunarken size zaman kazandıracak. Artık hareket halindeyken dinamik gönderi kaydırıcıları ekleyebilirsiniz.

Genel

Gönderi sayısı da bu bölümden kontrol edilebilir. Tek bir gönderi kaydırıcısına toplam 50 gönderiye kadar eklenebilir. Gönderi kaydırıcınızın yüksekliğini buradan da değiştirebilirsiniz. Her gönderi kaydırıcısı üç farklı şekilde hizalanabilir. Otomatik oynatma ve animasyon soldurma da bu bölümden etkinleştirilebilir. Animasyon solması, bir slayttan diğerine yumuşak bir geçiş sağlar.

Sorgu

Gutenberg'in dinamik gönderi kaydırıcısı, kendi sorgu oluşturucuyla birlikte gelir. Bu widget'ı kullanarak birçok parametreyi kolayca ekleyebilirsiniz. Blogunuzun veya web sitenizin ziyaretçilerinin rahatlığı için içeriğinizi düzgün bir şekilde düzenlemenin bir alternatifi yoktur. Gutenberg'in dinamik direk kaydırıcısının parladığı yer burasıdır. Gutenberg'in gönderi kaydırıcısını hem gönderi hem de sayfa olarak kullanabilirsiniz. Bu, sorgu bölümündeki “yazı tipi” çubuğunda kolayca değiştirilebilir. Ayrıca toplam gönderi sayısını da kontrol edebilirsiniz. Bu widget, içeriğinizi kategoriye veya etikete göre düzenlemenizi sağlar. Parametreyi değiştirmek için ilgili düğmelere tıklamanız yeterlidir. İçeriğinizi belirli bir sıraya göre sıralamak için "Sıralama ölçütü" çubuğuna tıklamanız ve yönteminizi seçmeniz gerekir. "Gönderiyi dahil et" çubuğu kullanılarak, gönderi kaydırıcınıza farklı gönderilerden içerik eklenebilir. Bunu yapmak için posta kimliğini virgülle eklemeniz gerekir. Benzer şekilde, "gönderiyi hariç tut" çubuğunu kullanarak farklı gönderilerin içeriğini de hariç tutabilirsiniz. Widget'ın sonundaki "ofset gönderi" çubuğunu kullanarak ofset gönderilerinin sayısını değiştirebilirsiniz. Bu, dinamik gönderi kaydırıcınız yayınlanmadan önce bir dizi gönderiyi atlamanıza olanak tanır.

Ok

Dinamik bir gönderi kaydırıcısında, kaydırıcının içeriğinde manuel olarak gezinmek için genellikle kaydırıcının her iki tarafında bir ok bulunur. Bu oklar, dinamik bir direk kaydırıcısının hem görünümü hem de işlevi için çok önemlidir. Oklarınızı içeriğinizin gerektirdiği şekilde kolayca özelleştirebilirsiniz. Sağ üstte yer alan “Ok Stili” bölümünde üç farklı ok türünden birini seçebilirsiniz. Her tasarım, gönderi kaydırıcınıza farklı bir görünüm verecektir.

Gönderi kaydırıcınızın oklarının boyutunu, genişliğini, yüksekliğini ve dikey konumunu bile değiştirebilirsiniz. Tüm seçeneklerin kendi kutuları vardır. Her ölçüm, ilgili kutulara girdi verilerek doğru bir şekilde değiştirilebilir. Orijinal oklar, gezinen animasyonla birlikte, altlarındaki seçenekler kullanılarak özelleştirilebilir. Arka plan rengiyle birlikte okların rengini bile değiştirebilirsiniz. Kenarlık ve kutu gölgesi de bu bölümden tercihlerinize göre değiştirilebilir. Bu seçenekler, gezinme animasyonu için de kullanılabilir.

İçerik Sarma

İçerik kaydırma, dinamik gönderi kaydırıcınızın en iyi kısımlarını özetler ve vurgular. Uygun bir içerik sarma, web sitenizin ziyaretçilerine gönderi kaydırıcınızın kısa bir açıklamasını verir ve onu tanıtır. Gutenberg'in içerik sargısı bunu mükemmel bir şekilde yapıyor ve size özelleştirme için bolca fırsat sunuyor. İçerik sarmanızın dikey ve yatay konumunu kolayca değiştirebilirsiniz. Bunu yapmak için hem dikey hem de yatay seçeneklerin üç konum düğmesinden birine tıklamanız yeterlidir.

İçerik sargısının yüksekliği ve genişliği, ilgili kutulara girdi verilerek değiştirilebilir. Seçenekleri hem normal hem de vurgulu modda değiştirebilirsiniz. Her mod, içeriğinizi daha iyi stilize etmek için arka plan rengini ve diğer seçenekleri değiştirmenize olanak tanır. Ayrıca kenarlık yarıçapı, kutu gölgesi, iç dolgu ve dolgu girdilerini de değiştirebilirsiniz. Her seçenek, ayarları değiştirmek için girdi verebileceğiniz kendi kutularıyla birlikte gelir.

resim

Görüntüler, dinamik bir gönderi kaydırıcısının ruhu ve kalbidir. Doğru formatta uygun görseller, web sitenizin veya blogunuzun ziyaretçilerini başka hiçbir şeye benzemeyen şekilde çekebilir. Benzer şekilde, resimlerinizin sıkıcı olmayan bir sunumu ziyaretçileriniz için çekici olmayabilir. Bu nedenle Gutenberg'in dinamik gönderi kaydırıcısı, söz konusu görüntüler olduğunda ince ayar yapmanız için geniş seçeneklerle birlikte gelir. Resimlerinize vurgulu animasyonlar bile ekleyebilirsiniz. Daha iyi kişiselleştirme için birçok seçeneğe sahip iki mod vardır. Normal modda, resminizin normal olarak nasıl görüneceğini özelleştirebilirsiniz.

Fareyle üzerine gelme modundayken, imlecinizi üzerine getirdiğinizde resminizin nasıl görüneceğini özelleştirebilirsiniz. Bir moddan diğerine geçmek için ilgili düğmelere tıklamanız yeterlidir. Mod butonlarının hemen altındaki gri skala ölçeri kullanarak her iki modda da gri skalayı kolayca değiştirebilirsiniz. Görüntülerinizin yarıçapı, hem normal hem de fareyle üzerine gelme modunda yarıçap seçeneğinden de değiştirilebilir.

Yarıçapı ayarlamak için "üst", "Sağ", "Alt" ve "sol" kutulara istediğiniz girişi girmeniz yeterlidir. Yazı kaydırıcınıza istediğiniz renk ve boyutta bir kutu gölgesi de eklenebilir. Son olarak “Kaplama Türü” kutusundan görüntülerin bindirme türünü değiştirebilirsiniz. Beş bindirme türünden seçiminizi yapabilirsiniz.

Nokta

Her gönderi kaydırıcısı, o yazı kaydırıcısındaki slayt sayısını gösteren noktalarla birlikte gelir. Ayrıca ziyaretçilerinizin hangi slaytı görüntülediklerini bilmelerini sağlar. Bu işlev, ziyaretçinizin dinamik gönderi kaydırıcınızda hassas bir şekilde gezinmesini sağlar. Noktalar olmadan ziyaretçiler kolayca hüsrana uğrar ve kafası karışır. Ve kafası karışmış, hüsrana uğramış ziyaretçiler, bir daha asla geri dönmemek üzere web sitenizden veya blogunuzdan daha sık ayrılırlar. Bu nedenle, Gutenberg'in dinamik gönderi kaydırıcısındaki nokta widget'ında ince ayar yapmak için birçok seçenek verilmiştir. İlk olarak, noktalar arasındaki boşluğu yeterince artırabilir veya azaltabilirsiniz. Bunu, "boşluk" kutusundaki girişi değiştirerek yapabilirsiniz.

Noktaların dikey ve yatay konumu da aynı şekilde değiştirilebilir. Hem aktif hem de aktif olmayan noktalar, ince ayar yapmanız için kendi seçeneklerine sahiptir. İlgili kutulardaki girişi değiştirerek her ikisinin de genişliğini ve yüksekliğini kolayca değiştirebilirsiniz. Arka plan rengi ve kenarlık bile tercihlerinize göre özelleştirilebilir. Kutu gölgesi ve kenarlık yarıçapı için özelleştirilebilir seçenekler de mevcuttur. Tek yapmanız gereken, bunları özelleştirmek için ilgili kutulardaki girişi değiştirmek.

Daha fazla oku

“Daha fazlasını okuyun”, dinamik bir gönderi kaydırıcısının en önemli bölümlerinden biridir. Ziyaretçilerinizi tek bir slaytta gösterilenden daha ayrıntılı bir içeriğe götürür. Bu, ziyaretçilerinizin içeriğinizde daha kolay ve rahat bir şekilde gezinmesini sağlar. "Daha fazla oku" bölümü, dinamik gönderi kaydırıcınızın tüm görünümüne çok şey bağlıyor. Burada bile Gutenberg, ince ayar yapmanız için birçok seçenek sunuyor. Öncelikle, gönderi kaydırıcınızdaki metnin mutlaka “daha ​​fazlasını okuyun” olması gerekmez. Bu metni “devamını oku” widget'ında en üstteki kutuya istediğiniz metni yazarak değiştirebilirsiniz. “Daha fazla oku” metninden sonra genellikle bir simge bulunur.

Gutenberg'in gönderi kaydırıcısı, metninize eklemeniz için size üç şık simge sunar. İsterseniz, simgeyi tamamen atlayabilirsiniz. Simgenin boyutu, "simge boyutu" çubuğu kullanılarak değiştirilebilir. “Daha fazlasını okuyun” metninizin ve simgenizin rengini, arka plan rengini, kenarlığını ve kenarlık yarıçapını değiştirebilirsiniz. Bunlar hem normal hem de havada asılı durumda değiştirilebilir. Örneğin, normal düğmede rengi siyah olarak ayarlamak, metnin gerçek rengini siyah yapacaktır.

Öte yandan, vurgulu düğmede rengi kırmızı olarak ayarlamak, yalnızca imlecinizi üzerine getirdiğinizde metni kırmızıya çevirir. Son olarak, yazı kaydırıcınızdaki “beni oku” metniniz ile diğer içerik arasındaki boşluğu her yönden değiştirebilirsiniz. Bunu yapmak için yalnızca istediğiniz girdiyi "boşluk" kutularına koymanız gerekir. Boşluğu dört yönden de değiştirebilirsiniz. Benzer şekilde, dolgu da değiştirilebilir.

Başlık

Web siteleri dünyasında, bir başlık dikkate alınması gereken en önemli şeylerden biridir. Bir başlık yalnızca içeriğinize bir giriş işlevi görmez, aynı zamanda SEO'da önemli bir rol oynar. İyi bir başlık, web sitenizin ziyaretçileri ile uzun bir yol kat edebilir. Aksine, kötü bir başlık sadece ziyaretçilerinizi uzaklaştırmakla kalmaz, aynı zamanda arama motoru optimizasyonunuzu da mahveder. Gutenberg'de bunu anlıyoruz ve unvanınızı mükemmel hale getirmek için size bol seçenek sunuyoruz. SEO'da daha iyi sonuçlar için, başlık etiketlerinizi "başlık" widget'ının hemen üstünde uygun şekilde özelleştirebilirsiniz. Bunu yapmak için yalnızca bir düğmeden diğerine geçmeniz gerekir. Başlığınızın konumunu değiştirmek için "aşağıdaki meta" düğmesini açmanız veya kapatmanız gerekir. Önerdiği gibi, başlığınız metanın üstünde veya altında olabilir. Ayrıca başlığınızın rengini ve gezinen rengi değiştirebilirsiniz. Renkleri değiştirmek için ilgili kutulara tıklamanız ve geniş bir renk yelpazesinden seçim yapmanız yeterlidir. Başlığınızın tipografisini değiştirmek için tipografi bölümüne tıklamanız gerekmektedir. Burada yazı tipi boyutunu, yazı tipi türünü, yazı tipi ağırlığını, satır yüksekliğini, harf aralığını ve çok daha fazlasını değiştirebileceksiniz. Ek olarak, unvanınıza ekstra ağırlık vermeniz için burada bazı süslemeler var. Son olarak, başlığınızın dolgusunu her yönden değiştirebilirsiniz.

Meta

Bir meta, web sitenizin veya blogunuzun ziyaretçisine gönderi kaydırıcınız hakkında kısa bilgiler sağlar. İçeriğinizi arayanlar tarafından da görülebilir. Uygun meta etiketler, içeriğinizi aynı anda SEO dostu ve ziyaretçileriniz için kolayca erişilebilir tutar. Gutenberg'in Meta widget'ı bu tür şeyler düşünülerek oluşturulmuştur. Meta etiketlerinizi daha iyi özelleştirmeniz için size birçok özellik sunar. İlk olarak, metanızın konumunu yukarıdan aşağıya veya tam tersi şekilde değiştirebilirsiniz. Bunu yapmak için ilgili düğmelere tıklamanız yeterlidir. Gutenberg, meta etiketlerinizi düzenleyebileceğiniz altı farklı stil sunar. “Stil” çubuğundan istediğinizi kolayca seçebilirsiniz. Etiketlerinizi birbirinden ayırmak için “ayırıcı” çubuğunda altı farklı ayırıcı kullanabilirsiniz. "Meta" çubuğunda meta etiketlerinizi ekleyebilir veya atlayabilirsiniz. Tipografi bölümündeki ikona tıklanarak metnin tipografisi değiştirilebilir. Ayrıca, gezinen renkleriyle birlikte etiketlerin rengini de değiştirebilirsiniz. Bu ayrı bölümler için seçilen renkleri gösteren renkli kutular mevcuttur. Boşluk, kenar boşluğu, dolgunun ayrıca ölçümlerle ince ayar yapabileceğiniz ayrı bölümleri vardır. Son olarak, meta etiketlerinize bir kenarlık ve arka plan da eklenebilir. Arka plan rengini seçebilirsiniz. Bordür durumunda, aralarından seçim yapabileceğiniz altı farklı stil vardır.

Kategori

Dinamik gönderi kaydırıcınızı sınıflandırmak, kullanıcı dostu bir web sitesi veya blog oluşturmaya gelince çok önemlidir. Eksikliği, web sitenizin ziyaretçileri için yıkıcı bir kafa karışıklığına neden olabilir. Bu sadece ziyaretçilerinizi kapatmakla kalmayacak, aynı zamanda blogunuzun veya web sitenizin itibarını da mahvedecektir. Gutenberg'in Kategori widget'ı, gönderi kaydırıcınızı hassasiyet ve güzellikle kategorilere ayırmanıza olanak tanır. Kategorize etmek amacıyla size dört farklı stil sunar. Bunu, bu widget'ın üst kısmındaki "kategori stili" çubuğunda değiştirebilirsiniz. Tipografi de tercihlerinize göre özelleştirilebilir. İnce ayar yapabilmeniz için tüm olağan seçenekler burada mevcuttur. Hem metninizin rengini hem de gezinme rengini değiştirebilirsiniz. Arka plan rengi ve kenarlık için özelleştirme seçenekleri hem metin hem de fareyle üzerine gelme animasyonu için kullanılabilir. Sınır yarıçapı, boşluk ve dolgu da tercihlerinize göre değiştirilebilir. Bunu yapmak için her birinin dört kutusundaki girdileri değiştirmeniz yeterlidir.

Alıntı

Bir alıntı, web sitenizin veya blogunuzun ziyaretçilerine gönderi kaydırıcınızın bir özetini sunar. Bu, ziyaretçilerinizin gönderi kaydırıcınızın ne hakkında olduğunu anlamasına yardımcı olur. Aynı zamanda, ziyaretçileri cezbetmek için içeriğinizi çekici bir şekilde tanıtır. İyi düşünülmüş bir alıntı, web siteniz veya blogunuz için çok fazla trafik oluşturmada uzun bir yol kat edebilir. Ancak çoğu, gerçek içerikle birlikte alıntınızın sunumuna bağlıdır. Gutenberg'in dinamik post kaydırıcısı size parlak bir sunum sunar. Alıntının tamamını veya yalnızca bir kısmını gösterebilirsiniz. Tüm alıntıyı göstermek için bu widget'ın üst kısmındaki kaydırma düğmesini açmanız yeterlidir. Ancak, yalnızca bir kısmını göstermeyi seçerseniz, kayan düğmenin altında bir çubuk görünür. Buradan alıntınızın ne kadarını göstermek istediğinizi kontrol edebilirsiniz. Ayrıca metnin tipografisini ve rengini de değiştirebilirsiniz. Her ikisi de diğer widget'lara benzer olağan seçenekleriyle gelir. Son olarak, alıntınızın dolgusunu her yönden değiştirebilirsiniz. Bunu yapmak için, istediğiniz girişi dört yön kutusuna koymanız gerekir.

Son Açıklamalar

PostX'in dinamik gönderi kaydırıcısı, WordPress'in geleceğini içinde tutar. Size zaman kazandırırken web sitenize veya blogunuza şık bir görünüm kazandıracaktır. Burada her şey zaten sizin kullanımınız için hazırlanmıştır. Peki gecikme neden? PostX'in dinamik gönderi kaydırıcısının ve diğer gönderi bloklarının yardımıyla geleceği elinizde tutun. Bu harika eklentiyi şimdi edinin.