Elegant Food: Ücretsiz Yemek Blogu Ana Sayfa Kategori Düzeni Ekstralar için

Bugün Ekstra için başka bir ücretsiz kategori düzeni veriyoruz. Bu kategori düzeni, bir yemek blogu için ana sayfa olarak kullanılmak içindir. Bu düzenin arkasındaki konsept, tam blogu görüntülemek değil (demomuzda ayrı bir sayfaya koyduk), bunun yerine site ziyaretçileri için popüler içerik türlerini/kategorilerini vurgulamaktır.

Son kategori düzeni hediyemizde olduğu gibi, onu kullanma süreci, düzeni içe aktarmak ve bir sayfaya yüklemekten daha önemlidir. Kategori düzenleri, örneğimizde elde edilen aynı görünümü elde etmeden önce onları doldurmak için içeriğe ihtiyaç duyduğundan, gördüğünüz tam efekti elde etmenize yardımcı olmak için düzen paketimize demo içeriği ve görüntüleri (ve birkaç diğer öğeyi) ekledik. aşağıdaki resimler.

Hadi içeri girelim!

Ekstra için Elegant Food Kategori Düzen Paketinde Neler Var?

İndirme dosyası food-blog-layout-pack.zip içinde aşağıdaki dosyalar bulunur:

• 0-header-settings.json – bu dosya Elegant Food başlık ayarlarını içerir. Tema Özelleştirici aracılığıyla içe aktarılır.
• 1-all-food-blog-layout-pack.json – bu dosya tek bir içe aktarmada tüm bölümleri ve tam yemek blogu kategorisi düzenini içerir.
• 2-food-blog-layout-all-sections.json – bu dosya tüm bölümleri tek bir içe aktarmada içerir.
• 3-food-blog-layout.json – bu dosya tek bir içe aktarmada yalnızca tam düzeni içerir
• özel css klasörü – bu klasör, kategori düzeni sayfası ayarlarınıza eklemeniz gereken özel css'nin düz metin dosyasını (ve bir referans resmi) içerir.
• demo içerik klasörü – bu klasör, demomuzda bulunan içeriği çoğaltmak için ihtiyaç duyacağınız tüm demo içeriğini içerir.
• yemek blogu bireysel bölümler klasörü – bu klasör, yalnızca bir veya birkaçını içe aktarmak istemeniz durumunda, tüm kategori düzeni bölümlerini tek json dosyaları olarak içerir.

Elegant Food Layout Pack'i İndirme

İndirmeye erişmek için aşağıdaki formu kullanarak Divi Daily e-posta listemize abone olmanız gerekir. Bu, size Yemek Blogu Kategori Düzen Paketi'ne erişmenizi sağlayacak ve size sürekli olarak yeni (ve ücretsiz) Divi kaynakları, ipuçları, püf noktaları ve haberler kaynağı sağlayacaktır.

Zaten listedeyseniz, aşağıya e-posta adresinizi girin ve indir'i tıklayın. İki kez abone olmayacaksınız.

1. Adım: Yeni İndirdiğiniz Dosyayı Çıkarın

Yeni kategori düzeninizi Extra'da çalıştırmanın ilk adımı, az önce indirdiğiniz sıkıştırılmış dosyayı indirilenler klasörünüzde bulmak ve açmaktır. Açıldıktan sonra yukarıda bahsettiğimiz tüm dosya ve klasörleri göreceksiniz. Artık bunları Ekstra çalıştıran WordPress kurulumunuza eklemeye başlayabiliriz. En iyi sonuçlar için aşağıda ana hatlarıyla belirttiğim sırayı takip etmenizi öneririm.

2. Adım: Logoyu Ekleyin ve Özelleştirici Ayarlarını İçe Aktarın

Ardından zarif-food-logo.png adlı indirmenin demo içerik klasörüne eklediğimiz logoyu ekleyelim. Eklemek için WordPress yöneticinizde Ekstra > Tema Seçenekleri'ne gidin ve logonun yanındaki yükle düğmesini tıklayın.

Logonuz eklendikten sonra değişikliklerinizi kaydedin ve Ekstra > Tema Özelleştirici seçeneğine gidin. Özelleştirici kenar çubuğu menüsünün üst kısmındaki içe aktar simgesini tıklayın.

Taşınabilirlik modu açıldığında, içe aktarma sekmesine gidin. Mevcut ayarlarınıza geri dönebilmeniz durumunda, "İçe aktarmadan önce yedeği indir" yazan onay kutusunu işaretleyin. Ardından, yemek blogu indirme klasöründen 0-header-settings.json dosyasını seçin.

Mavi "Ekstra Özelleştirici Ayarlarını İçe Aktar" düğmesini tıklayın. İçe aktarma tamamlandığında, başlığınız aşağıdaki Elegant Food ekran görüntüsündeki başlık gibi görünmelidir.

3. Adım: Demo İçeriğini İçe Aktarın

Tamam, artık tema özelleştirici ayarlarımız artık ağır işlere geçebileceğimize göre değil. İçeriğimizi içe aktarıyoruz.

WordPress yöneticinizde Araçlar > İçe Aktar seçeneğine gidin . Bu özelliği daha önce hiç kullanmadıysanız, WordPress seçeneğinin altındaki “Şimdi Kur” seçeneğine tıklamak isteyeceksiniz. WordPress içe aktarıcı yüklendikten sonra, “İçe Aktarıcıyı Çalıştır” bağlantısını tıklayın.

Ardından “Dosya Seç” düğmesini tıklayın ve indirilenler klasörünüzden elegant-food-demo-content.xml adlı dosyayı seçin. Mavi "Dosya yükle ve içe aktar" düğmesini tıklayın.

Dosya eklerini indirmeyi ve içe aktarmayı seçmenin yanı sıra yeni bir yazar ayarlama seçeneği sunulur. En azından dosya eklerini indir ve içe aktar seçeneğini işaretlemenizi tavsiye ederim, böylece içinde resim bulunan herhangi bir gönderi bu resimleri koruyacaktır.

İçe aktarma tamamlandığında, Gönderiler > Tüm Gönderiler'e gidin. 40'tan fazla yeni demo içeriğiniz olmalıdır.

4. Adım: Öne Çıkan Resimlerinizi Ayarlayın

Şimdi zaman alıcı kısım için. Her yeni gönderiyi açmanız ve ilgili öne çıkan görseli manuel olarak eklemeniz gerekecek. Kategoriye göre düzenlenmiş tüm resimlerin sıkıştırılmış bir klasörünü ekleyerek bunu olabildiğince kolaylaştırmaya çalıştım.

Aşağıdakileri yapmanızı tavsiye ederim:

Demo içerik klasöründe, öne çıkan resimler adlı bir alt klasör göreceksiniz. İçerideki resimler, yeni demo içeriğinizin içe aktarılan içerik kategorilerine karşılık gelen kategorilere göre düzenlenmiştir.

Gönderiler > Tümü'nde her kategoriyi ayrı ayrı seçmek için filtre özelliğini kullanın.

Her gönderi başlığının altındaki "düzenle" bağlantısını tıklayın ve ilgili öne çıkan görseli ekleyin. Öne çıkan görsel meta kutusu, yazı düzenleyici ekranının sağ sütununda bulunur.

Bu, bu gönderilerin her biri için biraz zaman alacaktır. Ancak yine de tüm demo içeriğini sıfırdan oluşturmaktan çok daha hızlı olacaktır.

Adım 5: Yemek Blogu Kategori Düzenini Divi Kitaplığınıza Aktarın

Öne çıkan görselleri eklemeyi bitirdiğinizde, yeni yemek blogu kategori düzeninizi içe aktarmanın zamanı gelecek. WordPress yöneticinizde Ekstra > Divi Kitaplığı'na gidin. Sayfanın üst kısmındaki “İçe Aktar ve Dışa Aktar” düğmesini tıklayın.

İçe aktarma sekmesini seçin ve "dosya seç" düğmesini tıklayın. İndirilenler klasörünüzden 1-all-food-blog-layout-pack.json dosyasını seçin. Mavi renkli "Divi Builder Düzenlerini İçe Aktar" düğmesini tıklayın.

İçe aktarma işlemi tamamlandığında, kitaplığınızda yemek blogu kategori düzenini (ve tüm bölümlerini) görmelisiniz.

Adım 6: Ana Sayfanızı Yemek Blogu Kategori Düzenine Göre Ayarlayın

Son olarak, WordPress yöneticinizde Ekstra > Kategori Oluşturucu'ya gidin . Yemek Blogu Düzeninin altındaki "düzenle" düğmesini tıklayın.

Sayfanın sağ sütununda “Düzen Kullanımı” adlı bir meta kutu göreceksiniz. "Bu düzeni ev düzeni olarak kullan"ın yanındaki onay kutusunun işaretlendiğinden emin olun ve "Güncelle"yi tıklayın.

Şimdi ana sayfanıza giderseniz, aşağıdaki örnek ekran görüntüsü gibi görünmelidir!

Yemek Blogları için Zarif Yemek Kategorisi Düzeni

Extra için bu yemek blogu kategorisi düzeni, birçok farklı kategoriye sahip yemek blogları için popüler gönderiler ve kategoriler sunmak için mükemmeldir. Bu, blogun tüm kategorilerini göstermek için değildir; yalnızca vurgulamak ve daha fazla trafik çekmek istediklerinizi gösterir.

Toplama

Umarım Ekstra için bu ücretsiz kategori düzenini beğenirsiniz. Bunu tasarlamadaki amacım, topluluğumuza kendileri veya müşteriler için web siteleri oluştururken kullanabilecekleri başka bir yararlı kaynak sağlamaktı. Ayrıca, bu dosyaları kullanarak kendi demo sitenizi kurarak müşterilere Extra ile nelerin mümkün olduğunu göstermek için de kullanabilirsiniz.

Daha fazla freebies için herhangi bir sorunuz veya isteğiniz varsa aşağıdaki yorumlarda bana bildirin!

Büyük bir duyuruyu, faydalı ipucunu veya Divi freebie'sini asla kaçırmamak için e-posta bültenimize ve YouTube kanalımıza abone olmayı unutmayın!