50+ PostX Gutenberg Bloğu [Hızlı Bir Site Tasarlamanın Yolları]

Tanıtım

PostX Gutenberg blokları , başlangıçta yalnızca bir avuç hazır blok ve başlangıç ​​paketiyle geldi.

Ve şimdi, şu anda PostX'in Pro sürümüyle kullanılabilen 50'den fazla hazır blok tasarımı sunmaktan gurur duyuyoruz.

Bugünkü amacımız, hazır bloklar ve başlangıç ​​paketleri ile kolayca çalışabilmeniz için farklı tasarım kategorileri hakkında sizleri aydınlatmak. Farklı gönderi blokları kategorileri ile erişebileceğiniz ayarlardan bahsedeceğiz.

Bu size, kullanıma sunulmak üzere olan 50'den fazla tasarımdan nasıl yararlanabileceğiniz konusunda daha iyi bir fikir verecektir.

Bu yazının sonunda, bir siteyi hızlı ve etkili bir şekilde tasarlamanın yollarını öğreneceksiniz.

O halde lafı fazla uzatmadan başlayalım!

PostX Ready Blocks Kitaplığına Erişim Hakkında Hızlı Not

PostX Hazır Gutenberg bloklarına erişmek için yapmanız gerekenler:

• Sol üstte Kitaplığı Engelle'yi seçin.
• Blok Kitaplığı Penceresinde, Yerleşim Paketleri/Başlangıç ​​Paketleri veya Hazır Blok Tasarımları'nı seçme seçeneklerini göreceksiniz.

• Tercihinize göre Pro veya Ücretsiz Düzen Paketlerini veya Tasarım Bloklarını seçebilirsiniz. Ancak PostX'in Pro sürümünün birçok erişilebilir seçenekle geldiğini unutmayın.
• Bir sayfaya bir tasarım getirmek istediğinizde, İçe Aktar'a tıklamanız yeterlidir.

• Tasarım bloğu/Başlangıç ​​Paketi sayfaya aktarılacaktır.

Hepsi bu kadar. Artık PostX'in özelleştirme özelliklerini kullanarak tasarımla çalışabileceksiniz.

Taksonomi Gutenberg Post Blokları ile Çalışmak

Taksonomi blokları, yayınlarınızı post taksonomisine göre sergilemenin en basit yoludur. Genel olarak, kullanıcıların sitenizdeki bir içerik havuzundan belirli taksonomik gönderileri seçmesine izin vermek için bunları kullanabilirsiniz.

***Önemli Not: Herhangi bir hazır blok veya yerleşim paketi ile çalışırken, önceden tanımlanmış bir dizi yerleşim veya diğer hazır blok tasarımları arasından seçim yapma seçeneğiniz olacaktır. Ayrıca, bu PostX Gutenberg bloklarına ek CSS ve duyarlı tasarım özellikleri ekleme seçeneği de vardır.

Tasarım önerilerine “ Tasarım” sekmesinden ulaşabilirsiniz. Burada, yerleşim düzenini ve blok önerilerini bulabilirsiniz. Gutenberg posta bloklarını doğrudan menüden içe aktarabilirsiniz. Ayrıca, en altta Ek CSS Sınıfları ekleme seçeneği vardır.

Gelişmiş sekmesi , WordPress siteniz için belirli tasarım özellikleri eklemenize olanak tanır. Burada, tüm hazır blok tasarımı için arka plan, dolgu ve diğer tasarım özelliklerini değiştirebilirsiniz. Ayrıca istediğiniz gibi özel CSS ve duyarlı tasarım özellikleri de ekleyebilirsiniz.

Yukarıda belirtilen özellikler, tüm yerleşim paketleri ve hazır bloklar için hemen hemen aynıdır .  

Şimdi, sınıflandırma tasarım bloğu ile çalışmaya geri dönelim.

Hazır bloklar için tüm önemli ayarları Ayarlar sekmesi altında bulabilirsiniz. Yine, bu tüm hazır bloklar ve yerleşim paketleri için geçerlidir.

Taksonomi Gutenberg blokları tasarımı için:

• Genel sekmesi altında, sütun sayısını değiştirme seçeneğini bulacaksınız. Ayrıca, birazdan bahsedeceğimiz farklı ayarları etkinleştirme veya devre dışı bırakma seçeneği de var.

• Taksonomi Sorgusu , PostX Gutenberg blok sonrası eklentisinin başlıca özelliklerinden biridir. Hedef kitlenize belirli taksonomik gönderileri göstermek için belirli bir Sorgu Türü ve Taksonomi Türü seçmenize olanak tanır. Ayrıca, göstermek istediğiniz gönderi sayısını seçmenize izin veren bir Gönderi Numarası Kaydırıcısı vardır.

• Başlık Ayarları altında, önceden oluşturulmuş farklı Başlık Stilleriyle kendi Başlık Metninizi ekleme seçeneğini bulacaksınız. Ayrıca, hizalamayı ayarlama ve bir URL ekleme seçeneği de vardır.

• Sonra Görüntü Ayarı var. Burada, görüntülerin genişliğini, yüksekliğini ve aralığını değiştirebilirsiniz. Ayrıca, Görüntü Hizalamasını da değiştirebilirsiniz.

• İçerik Kaydırma Seçenekleri altında, Fareyle üzerine gelme animasyonunu, arka plan rengini, kutuyu ve dolgu ayarlarını değiştirmek için belirli ayarlar bulacaksınız.

• Başlık Ayarları için rengi, tipografiyi ve diğer ayarları değiştirebilirsiniz. Ayrıca, PostX'in Spesifik Renk Pro adı verilen önemli bir özelliği var, harika bir eklenti. Bu ayarla, sınıflandırma gönderileriniz gönderilerinizin rengini alabilir.

• Ardından, gönderi sayısını kullanıcılarınıza belirli bir şekilde göstermek için tipografi, kenarlık ve diğer özellikleri değiştirebileceğiniz Sayma Stili Ayarı vardır.

• Son olarak, en az değil, Alıntı Ayarı var. Burada renk, tipografi ve dolgu ayarlarıyla oynayabilirsiniz.

Bunlar, hazır taksonomi bloklarının temel ayarlarından bazılarıdır. Ve mağazamızda 50'den fazla tasarım bloğumuz var, bunların arasında farklı sınıflandırma post blokları (11+) var.

Post Grid Bloklarıyla Çalışmak

Post grid blokları , PostX eklentilerinin ana cazibe merkezidir. Gönderiler ızgarası, WordPress gönderilerini bir ızgara düzeninde sergilemeyi ifade eder. Böylece sitenizin kullanıcıları çok fazla kaydırma yapmadan bir bakışta çok sayıda gönderi görebilir.

Aralarından seçim yapabileceğiniz toplam 19 Gutenberg direk ızgara bloğu hazır bölüm (daha fazla gelen) bulunmaktadır. Bunlardan herhangi birini seçebilir ve kişisel tercihinize göre özelleştirebilirsiniz.

Özelleştirilmiş bir ana sayfa veya arşiv sayfası şablonu oluştururken bir gönderi ızgara bloğu eklemek için aşağıdaki adımları izlemeniz gerekir.

Ana sayfayı veya arşiv sayfası şablonunu düzenlerken blok kitaplığı tıklayın. Hazır Blok Tasarımına tıklayın ve aralarından seçim yapabileceğiniz çok sayıda blok tasarımı görebilirsiniz. Mevcut ızgara bloklarından herhangi birini seçin ve içe aktar'a tıklayın. İstenilen gönderi ızgara bloğu sayfaya eklenecektir. Artık ihtiyacınıza göre özelleştirebilirsiniz.

Ayar bölümünü kullanarak hazır posta ızgarası bölümündeki her şeyi özelleştirebilirsiniz. Ancak ayarlara girmeden önce hazır tasarımlarla oynayabilirsiniz. Mevcut hazır tasarımlardan herhangi birini seçebilirsiniz.

Post grid blokları için hazır tasarımlardan memnun değilseniz, ayar bölümünü kullanarak bunları özelleştirebilirsiniz. Bunun için bloğu seçmeniz ve ayarlara tıklamanız gerekir. Ardından mevcut tüm ayarlara erişebilirsiniz. Ayarları kullanarak herhangi bir bloğu özelleştirebilir ve ana sayfanızı veya arşiv sayfası şablonunuzu oluşturabilirsiniz.

Şimdi, post grid bloklarının ayarlarına bir göz atalım.

• İlki, ızgaradaki yazı sayısını artırabileceğiniz veya azaltabileceğiniz genel ayarlardır . Ardından bloklar arasındaki yüksekliği ve boşluğu ayarlayabilirsiniz.

• Genel ayarlar altında, alıntı, başlık, resim ve daha fazlasını oku gibi diğer seçenekleri de gösterebilir veya gizleyebilirsiniz.

• Başlık ayarları altında başlık metninin boyutunu seçebilirsiniz. Ardından, vurgulu ve metin rengini de değiştirebilirsiniz. Başlığın dolgusu , başlık ayarı bölümü kullanılarak da ayarlanabilir.

• Meta açıklama için mevcut stiller arasından seçim yapabilir ve renk, tipografi, boşluk, kenar boşluğu ve dolguyu değiştirebilirsiniz.

• Bir stil, konum, metin rengi, arka plan rengi vb. seçerek ızgara blokları gönderisinin kategorisini özelleştirebilirsiniz.

• Görüntü ayarlarını kullanarak görüntülerin boyutunu seçebilir ve biraz animasyon ekleyebilirsiniz.

Posta Listesi Bloklarıyla Çalışmak

Gönderi listesi blokları, ana sayfaya veya arşiv sayfalarına gönderilerin bir listesini göstermek için kullanılır. PostX, aralarından seçim yapabileceğiniz ve özelleştirebileceğiniz 13 gönderi listesi bloğu sunar. Bu bloklar arşiv sayfaları, özellikle kategori sayfaları için uygundur. Ancak, bunu ana sayfaya da ekleyebilirsiniz.

Gönderi listesi bloklarını ana sayfaya veya arşiv sayfasına eklemek için bazı basit adımları izlemeniz gerekir.

Blok kitaplığına tıklayın ve Hazır Blok Tasarımı bölümüne gidin . Artık çok sayıda mevcut blok arasından seçim yapabilirsiniz. Mevcut gönderi listesi bloklarından herhangi birini seçin ve içe aktar'a tıklayın. Seçilen blok sayfaya eklenecektir.

Artık seçilen bloğu tasarım bölümünden içe aktararak görünümünü değiştirebilirsiniz. Ardından, ayarlar bölümünü kullanarak bu gönderi listesi bloğunun her bölümünü özelleştirebilirsiniz.

Şimdi, gönderi listesi blokları için ayarlara bir göz atalım.

• Genel ayarlarda , sütun sayısını ve sütun boşluklarını ayarlama seçeneğini elde edebilirsiniz. Görüntü çevirme ve yeni bir sekmede açılan bağlantılar gibi diğer özellikleri de kullanabilirsiniz.

• Başlık ayarını kullanarak gönderi listesi bloklarının başlığının 20 stili ve çeşitli metin boyutları arasından seçim yapabilirsiniz.

• Görüntü ayarlarını kullanırken görüntüler için istediğiniz boyutu seçebilirsiniz. Animasyon eklemek ve yüksekliği, genişliği ve aralığı ayarlamak için de bazı seçenekler vardır.

• Meta stil, konum, ayırıcı, renk, kenar boşluğu seçebilirsiniz. Doldurma vb. Mesaj listesi blokları için meta açıklamaları göstermek istiyorsanız.

• Gönderi listesi blokları için daha fazlasını okumak isteyip istemediğinize karar verebilirsiniz. Göstermeyi seçerseniz, diğer tüm bloklar gibi özelleştirebilirsiniz.

Post Slider Bloklarıyla Çalışmak

Gönderi kaydırma blokları , öne çıkan gönderileri ana sayfanın üst kısmında sergilemenin en iyi yoludur. PostX, tam genişlikte ve dinamik olan beş farklı Gutenberg post kaydırıcı bloğu arasından seçim yapmanızı sağlar.

Bir gönderi kaydırıcısı eklemek için kitaplığı engelle'ye gidin ve hazır tasarımlara tıklayın. Şimdi mevcut gönderi kaydırıcı bloklarından herhangi birini seçin. İçe aktar düğmesine tıklayın ve blok sayfaya eklenecektir. Artık tasarım bölümünden içe aktararak görünümü değiştirebilirsiniz. Ardından, ayar bölümlerini kullanarak kaydırıcıyı da özelleştirebilirsiniz.

Post kaydırıcı blokları için ayarlara bir göz atalım.

• Genel ayarlar altında, animasyon soldurma ekleyebilir, yazı sayısını seçebilir, kaydırıcı bloklarının yüksekliğini ve kaydırma hızını ayarlayabilirsiniz.

• Ardından Noktalar, Oklar, Başlık, Başlık, alıntı, kategori, meta, resim vb. gibi diğer özellikleri kapatabilir veya açabilirsiniz.
• Sorgu oluşturucuyu kullanarak belirli kategorilerden ve etiketlerden belirli gönderileri veya gönderileri gösterebilirsiniz.

• Kaydırıcı bloklara noktalar ve oklar eklemek isterseniz, bunları özelleştirme seçeneğine de sahipsiniz.
• İçerik kaydırma ayarı altında, içeriğin dikey ve yatay konumlandırmasını kontrol edebilirsiniz. Ardından yüksekliği ve genişliği de ayarlayabilirsiniz.

• Kaydırıcıdaki görüntülerin boyutunu değiştirmek için görüntü ayarlarını kullanın. Ayrıca, kaydırma çubuğu bloklarının görüntülerine gri tonlama ve yarıçap ekleyebilirsiniz.

• Metin rengi, vurgulu renk, boşluk, kenar boşluğu, dolgu vb. eklemek için meta ayarlarını kullanabilirsiniz.

• Kategori ayarlarını kullanarak gönderilerde gösterilen kategori metninin konumunu ve görünümünü özelleştirin.

Posta Modülü Bloğu ile Çalışma

En son 50+ posta bloğumuz arasında, Posta Modülü blokları daha çok istenen seçeneklerden biridir. Bu bloklar, birazdan bahsedeceğimiz PostX'in bazı gelişmiş özelliklerinden yararlanır.

Bundan önce, Post Module bloklarının (6+) farklı varyasyonları olduğunu ve bunların tümüne Tasarım Sekmesinden erişilebileceğini hatırlatmak isteriz. Ayrıca, ek CSS eklemek istiyorsanız, bunu Gelişmiş Sekmesinden de yapabilirsiniz.

Şimdi Modül blokları için genel ayarlara bir göz atalım.

• Genel Sekmesi altında, belirli ayarları Etkinleştirme/Devre Dışı Bırakma seçeneğini bulacaksınız. Burada, Post Gap ve Büyük Resim Yüksekliğini de değiştirebilirsiniz. Ayrıca Hizalama ve İçerik Etiketini de değiştirebilirsiniz.
• Gönderi Modülü Blokları için Gelişmiş Sorgu Oluşturucu , tercihinize göre belirli gönderileri seçmenize olanak tanır. Okuyucularınız için özel gönderi blokları oluşturmak için Hızlı Sorgu, Gönderi ve Taksonomi Açılır Listelerini kullanabilirsiniz. Ayrıca, “ Sırala” Açılır ve “ ASC/DESC” (artan/azalan düzen) kullanarak gönderilerinizi sıralama seçeneği de vardır. Ayrıca, Ofset gönderilerini de gösterme seçeneği vardır.

• Başlık ve Başlık Ayarları hemen hemen aynı. Tipografi, hizalama, kutu ve dolgu ayarlarını kullanarak metin tasarımı ayarlarıyla oynama seçeneğiniz vardır. Ayrıca Alt Başlıkları da gösterme seçeneğiniz vardır.

• Ardından, gönderilerinizle meta seçeneklerini göstermenize izin veren Meta Ayarı var. Meta Konumunu seçebilir ve gönderilerinizle hangi Meta seçeneklerini göstermek istediğinizi seçebilirsiniz. Ayrıca oynayabileceğiniz olağan tipografi, arka plan ve diğer tasarım ayarları da var.

• Görüntü ve İçerik Kaydırma ayarlarıyla, görüntüleri ve gönderileri tam istediğiniz gibi sergileme seçeneğine sahipsiniz. PostX'te oluşturulan genişlik, yükseklik ve diğer görüntü özelliklerini seçerek görüntüleri gösterebilirsiniz. Animasyonları gezinme için de ayarlayabilirsiniz.

Aynı şey, içeriği tam istediğiniz gibi sergilemek için farklı tipografi ve kontrollerle oynayabileceğiniz İçerik kaydırma ayarları için de geçerlidir.

• Ayrıca, Kategori Ayarları , kullanıcılarınıza daha spesifik olmanızı sağlar. Kategorilerin Stilini ve Konumlandırmasını değiştirebilirsiniz. Ayrıca, daha iyi görünmesi için dolgu, arka plan rengi, satır aralığı ve tipografi gibi yerleşik stil özelliklerini değiştirebilirsiniz.

• AJAX Filtreleme ve Sayfalandırma , PostX Gutenberg blok eklentisinin ana özelliklerinden ikisidir. Ve kullanımı çok kolay olan 50'den fazla hazır tasarım bloğunda pişirilir.

Filtre Ayarları ile, hedef kitleniz için son filtrelemeyi göstermek için Filtre türünü ve Kategoriyi değiştirebilirsiniz.

Öte yandan, Sayfalandırma Ayarları ile önceden oluşturulmuş tasarımları ve hizalama konumlandırmasını kullanarak WordPress sitenize navigasyon ekleyebilirsiniz.

Her iki ayar için de tipografiyi, kutuyu, kenarlık ayarlarını ve daha fazlasını değiştirebilirsiniz.

• Alıntı Ayarlarından, popüler SEO eklentileriyle çalışmanıza olanak sağlayan SEO Alıntısını etkinleştirebilirsiniz. Bunun üzerine, normal tasarım ayarlarını alırsınız.

PostX Düzeni/Başlangıç ​​Paketleri

Hazır Gutenberg posta blokları dışında PostX Pro, önceden hazırlanmış birçok yerleşim paketiyle birlikte gelir. Bunlar hemen hemen farklı posta bloklarının bir kombinasyonudur. Bu nedenle, farklı blokların tümü özelleştirilebilir.

PostX, sizin için sürekli olarak yeni düzen paketleri getiriyor. Haber mizanpajları oluşturmak ve bunları PostX tasarım kitaplığına (kısa kod desteğini kullanarak) kaydetmek için önceden hazırlanmış başlangıç ​​paketlerini kullanabilir veya 50'den fazla blok kullanabilirsiniz.

Sonuç olarak, WordPress sitenizde içeriği nasıl göstermek istediğiniz üzerinde tam kontrole sahipsiniz. Bu nedenle, PostX'i ve tüm özelliklerini kontrol ettiğinizden emin olun (bu yazının bir yerinde size bir teklifimiz var!).

Ah evet, PostX post blokları eklentisinin önemli bir özelliği olan arşiv oluşturucudan bahsetmeyi unuttuk mu? Küçük bir çabayla, hazır blokları kullanabilirsiniz.

Son düşünceler

PostX'in 50'den fazla PostX Gutenberg bloğunu denemeniz için hazır. Ücretsiz bir PostX kullanıcısıysanız, desteğiniz için teşekkür ederiz.

Ancak, ziyaretçilerinize mümkün olan en iyi deneyimi sunmak için farklı post blok tasarımları keşfetmek isteyen biriyseniz, muhtemelen PostX Pro planına geçmeyi düşünmelisiniz.

Bunu yapmak istiyorsanız, yazının bir yerinde sizin için bir sürpriz var. Özel bir HEDİYE kazanmak için onu bulun!