Divi Tema Oluşturucu ile Tarif Kartı Şablonu Nasıl Oluşturulur

Yayınlanan: 2019-11-26

Yemek blogcuları ve yemek tarifi yaratıcıları, yayınladıkları tariflere tutarlı bir şekilde bakmanın ne kadar önemli olduğunu bilirler. Yaygın bir çözüm, bir tarif kartı eklentisi kullanmaktır, ancak bu, tasarım sınırlamaları ile birlikte gelir. Artık Divi Tema Oluşturucu ile sitenizde ve blogunuzda kullanmak için kendi tarif kartı şablonunuzu oluşturabilirsiniz. Gelişmiş Özel Alanlar (ACF) eklentisinin yardımıyla benzersiz ve yeniden kullanılabilir bir tarif kartı tasarlamak hiç olmadığı kadar kolay.

Bu gönderide, dinamik içerikli bir tarif kartı şablonunun nasıl oluşturulacağını göstereceğiz. Divi Theme Builder ayarlarını kullanarak, o kategoriyi seçerek tarifleri içeren blog gönderilerine tasarım uygulanabilir. Bu öğreticinin, kendi özel alanlarınızla kendi tarif kartları stilinizi yaratmanız için size ilham vereceğini umuyoruz.

Tasarımın farklı ekran boyutlarında nasıl göründüğüne bir göz atalım.

Tarif Kartı Şablonu Önizlemesi

Tasarımın farklı ekran boyutlarında nasıl göründüğüne bir göz atalım.

masaüstü

Tablet

Mobil

1. Gelişmiş Özel Alanlar Eklentisini İndirin ve Yükleyin

Ara ve Yükle

Eklenti arama çubuğunda 'Gelişmiş Özel Alanlar'ı arayarak ACF eklentisini bulun, kurun ve etkinleştirin.

Yeni Alan Grubu Ekle

ACF sekmesine tıklayın ve 'yeni ekle'yi seçin. Grubu 'Tarif Kartı' olarak adlandırın. 'Alan ekle' düğmesi ile özel alanları tek tek ekleyin.

Özel Alanlar Ekle

Her özel alan için 'alan ekle' düğmesini tıklayın. Her biri farklı bir içerik türü için özelleştirilebilir. Aşağıdaki liste, her alan için etiketi ve türü belirtir. Modülleri oluştururken kolayca bulabilmeniz için her alan etiketinin başına 'tarif' kelimesini ekleyin. Etiketi ekledikten sonra alan adı otomatik olarak doldurulacaktır.

Tarif Başlığı

Tarif başlığıyla başlayın.

  • Alan Etiketi: Tarif Başlığı
  • Alan Türü: Metin
  • Gerekli mi?: Evet
  • Yer Tutucu Metni: Tarif Başlığı
  • Karakter Sınırı: 30

Tarif Yazarı

Ardından, yazar için bir alan oluşturun.

  • Alan Etiketi: Tarif Yazarı
  • Alan Türü: Metin
  • Gerekli mi?: Evet
  • Yer Tutucu Metni: Yazar

Tarif Hazırlama Süresi

Bunu hazırlık süresi ile takip edin.

  • Alan Etiketi: Tarif Hazırlama Süresi
  • Alan Türü: Sayı
  • Gerekli mi?: Evet
  • Yer Tutucu Metni: ##
  • Başa Hazırla: Hazırlama Süresi:
  • Ek: min.

Tarif Porsiyonları

Ardından, porsiyonlar.

  • Alan Etiketi: Tarif Porsiyonları
  • Alan Türü: Sayı
  • Gerekli mi?: Evet
  • Yer Tutucu Metni: ##
  • Başa Ekle: Porsiyon:

Tarif Lezzet İpucu

Bir lezzet ipucu alanı ekleyin.

  • Alan Etiketi: Tarif Lezzet İpucu
  • Alan Türü: Metin
  • Gerekli mi?: Evet
  • Başa Ekle: Lezzet İpucu:
  • Karakter Sınırı: 40

Tarif Resmi

Şimdi, görüntü alanını ekleyin.

  • Alan Etiketi: Tarif Resmi
  • Alan Türü: Resim
  • Gerekli mi?: Evet

Tarif Malzemeler Başlığı

Ardından, malzemeler başlığı.

  • Alan Etiketi: Tarif Malzemeleri Başlığı
  • Alan Türü: Metin
  • Talimatlar: Yer tutucu metnin aynısını yazmanız yeterlidir.
  • Gerekli mi?: Evet
  • Yer Tutucu Metni: Malzemeler

Tarif Malzemeler Listesi

Bunu içerik listesiyle takip edin.

  • Alan Etiketi: Tarif İçindekiler Listesi
  • Alan Türü: Metin Alanı
  • Talimatlar: Her öğeden sonra bir boşluk ekleyin
  • Gerekli mi?: Evet
  • Sıralar: 8
  • Yeni Satırlar: Otomatik olarak ekleyin <br>

Tarif Hazırlama Başlığı

Sondan sonra hazırlık başlığı.

  • Alan Etiketi: Reçete Hazırlama Başlığı
  • Alan Türü: Metin
  • Talimatlar: Yer tutucu metnin aynısını yazmanız yeterlidir.
  • Gerekli mi?: Evet
  • Yer Tutucu Metni: Hazırlık

Tarif Hazırlama Listesi

Son olarak, hazırlık listesi.

  • Alan Etiketi: Reçete Hazırlama Listesi
  • Alan Türü: Metin Alanı
  • Talimatlar: Her öğeden sonra bir boşluk ekleyin
  • Gerekli mi?: Evet
  • Satırlar: 10
  • Yeni Satırlar: Otomatik olarak ekleyin <br>

Alan Grubunu Yayınla

Alan grubunu yayınlayın. Alan grubu pencereniz aşağıdaki ekran görüntüsü gibi görünmelidir.

Divi Builder'da Tarif Kartı Şablonu için ACF Eklenti İçeriğine Nasıl Erişilir

Gelişmiş özel alanlar, dinamik içerik simgesine tıklanarak bir Divi modülüne eklenebilir. Bu simge, içerik kutusunun sağ üst köşesindedir. Şuna benziyor:

2. Divi Builder ile Yeni Tarif Kartı Şablonu Oluşturun

Divi Tema Oluşturucu Adımları

1. Tarifler Kategorisi Oluşturun

Şablonu buna atayabilmeniz için 'tarifler' adında bir kategoriye ihtiyacınız var. Gösterge tablosu aracılığıyla kategori sekmesine ekleyin.

2. Divi Tema Oluşturucu'yu açın ve Yeni Şablon Ekle

Divi tema oluşturucusunu açın ve yeni bir şablon ekleyin.

3. Global Gövde Ekle

'Genel gövde ekle'yi tıklayın ve şablonu belirli kategorilerdeki gönderilere > tarifler atayın. Ardından, 'şablon oluştur' düğmesine tıklayın.

4. Özel Gövde Oluşturun

'Genel gövde ekle'yi tıklayın ve 'özel gövde ekle'yi seçin.

3. Dinamik İçeriği Kullanarak Tarif Kartı Tasarımını Yeniden Oluşturun

Yeni Bölüm Ekle

Şimdi tarif kartı şablonunu tasarlamaya başlayabiliriz. Divi oluşturucu açıldığında, 'sıfırdan oluştur' seçeneğini seçin. Yeni bir bölüm ekleyerek başlayın.

Arka plan

Bölüm ayarlarında bir arka plan rengi ekleyin.

  • Arka Plan Rengi: Açık Gri #eded

boyutlandırma

Ayrıca, tasarım sekmesinde boyutlandırmayı ayarlayın.

  • Genişlik: %100
  • Maksimum Genişlik: %100

1. Satır Ekle

Sütun Yapısı

Tek sütunlu yeni bir satır ekleyin.

boyutlandırma

Modülleri eklemeden önce satırın boyutlandırma ayarlarını yapın.

  • Maksimum Genişlik: 90%

Sütun Ayarları

Arka plan

Satır içindeki sütun ayarlarını özelleştirin. İlk olarak, bir arka plan rengi ekleyin.

  • Arka Plan Rengi: Beyaz #ffffff

Sınır

Ardından, kenarlık stillerini değiştirin.

  • Yuvarlatılmış Köşeler: Dört köşenin tümü 1vw
  • Kenar Stilleri: Dört tarafın tümü
  • Genişlik: 5 piksel
  • Renk: Çok Koyu Gri #333333

Dinamik İçerikli Metin Modülü Ekleyin

İçerik

Satır ve sütun ayarlarını tamamladıktan sonra sıra modül eklemeye gelir. Bir metin modülü ekleyerek başlayın. İçerik penceresinde, tarif başlığı için dinamik içeriği seçin. Seçildikten sonra dişli simgesine tıklayın ve H1 snippet'lerini girin.

  • Gövde: Tarif Başlığı
  • Gövde Ayarları:
    • Önce: <H1>
    • Sonra:</H1>

Başlık Metni

Ardından, H1 metin ayarlarını buna göre biçimlendirin:

  • Başlık Seviyesi: H1
  • Yazı Tipi: Orienta
  • Ağırlık: Kalın
  • Hizalama: Merkez
  • Renk: Çok Koyu Gri #3d3d3d
  • Boy:
    • Masaüstü: 3vw
    • tablet: 4vw
    • Telefon: 5vw
  • Harf Aralığı: 3px
  • Satır Yüksekliği: 1.5em

aralık

Boşluk değerlerini de değiştirin.

  • Alt Kenar Boşluğu:
    • Masaüstü: -1vw
    • Tablet: -2vw
    • Telefon: -5vw
  • Üst Dolgu:
    • Masaüstü + Tablet: 1vw
    • Telefon: 2vw
  • Alt Dolgu: 0vw
  • Sol + Sağ Dolgu:
    • Masaüstü + Tablet: 3vw
    • Telefon: 4vw

Dinamik İçerikli 2. Metin Modülü Ekleyin

İçerik

İkinci bir metin modülü ekleyin ve tarif yazarı için dinamik içeriği seçin.

  • Gövde: Tarif Yazarı

Metin

Ardından, metni stilize edin.

  • Yazı Tipi: Encode Sans
  • Renk: Çok Koyu Gri #3d3d3d
  • Boy:
    • Masaüstü: 1.4vw
    • Tablet: 2.4vw
    • Telefon: 3vw
  • Hizalama: Merkez

aralık

Ardından, aralığı ayarlayın.

  • Üst Marj: 1.5vw
  • Üst Dolgu:
    • Masaüstü + Tablet: 0vw
    • Telefon: 2vw
  • Alt Dolgu: 2vw
  • Sol + Sağ Dolgu:
    • Masaüstü: 2vw
    • Tablet + Telefon: 3vw

2. Satır Ekle

Sütun Yapısı

Şimdi, aşağıdaki sütun yapısını kullanarak ikinci bir satır ekleyin:

boyutlandırma

Satır ayarlarını açın ve boyutlandırma ayarlarını buna göre yapın:

  • Oluk Genişliği: 2
  • Genişlik: %90
  • Maksimum Genişlik: %100
  • Satır Hizalama: Sol

aralık

Ardından, boşluk.

  • Üst + Alt Dolgu: 0.5vw
  • Sol Dolgu: 10vw

görünürlük

Son olarak, gelişmiş sekmesinde görünürlüğü ayarlayın.

  • Yatay Taşma: Görünür
  • Dikey Taşma: Görünür

Sütun 1 + 2 + 3 Ayarlar

Sınır

Üç sütuna da aynı şekilde stil verin. İlk olarak, kenarlık ayarlarına gidin ve bazı değişiklikler yapın. Her üç sütun için tekrarlayın.

  • Yuvarlatılmış Köşeler: Dört köşenin tümü 1vw
  • Kenar Stilleri: Dört tarafın tümü
  • Genişlik: 5 piksel
  • Renk: Çok Koyu Gri #333333

dönüştürmek

Tasarıma fareyle üzerine gelme efekti vermek için dönüştürme ayarlarını aşağıdaki gibi yapın. Her üç sütun için tekrarlayın.

  • Hover'da Dönüştürme Ölçeği: %105 x %105

Sütun 1'e Metin Modülü Ekle

İçerik

Bir metin modülü ekleyin ve içerik penceresini şimdilik boş bırakın. Bunu daha sonra ekleyeceğiz.

Arka plan

Modüle bir arka plan rengi ekleyin.

  • Arka Plan Rengi: Kireç Yeşili #b1e88d

Başlık Metni

Sonraki H5 metin ayarlarına stil verin.

  • Başlık Seviyesi: H5
  • H5 Yazı Tipi: Oryanta
  • H5 Renk: Çok Koyu Gri #3d3d3d
  • H5 Boyutu:
    • Masaüstü: 1vw
    • Tablet: 2.3vw
    • Telefon: 3.3vw
  • Hizalama: Merkez

aralık

Son olarak, aralık değerlerini aşağıdaki gibi ayarlayın.

  • Üst Dolgu:
    • Masaüstü: 1vw
    • Tablet: 1.5vw
    • Telefon: 3.5vw
  • Alt Dolgu:
    • Masaüstü: 0.5vw
    • Tablet + Telefon: 1.5vw
  • Sol + Sağ Dolgu:
    • Masaüstü: 2vw
    • Tablet + Telefon: 3vw

1. Sütundan İki Kez Metin Modülünü Çoğalt ve 2. ve 3. Sütunlara Taşı

Tel çerçeve görünümünde, ilk sütundaki metin modülünü çoğaltın. Ardından, kopyaları 2. ve 3. sütuna taşıyın.

Sütun 1'deki Metin Modülüne Dinamik İçerik Ekleme

Hazırlık süresi için dinamik içeriği ekleyin ve ayarları yapın.

  • Gövde: Tarif Hazırlama Süresi
  • Gövde Ayarları:
    • Önce: <H5>Hazırlık Süresi:
    • Sonra: dk.</H5>

Sütun 2'deki Metin Modülüne Dinamik İçerik Ekleme

Tarif porsiyonları için dinamik içeriği ekleyin ve ayarları yapın.

  • Gövde: Tarif Porsiyonları
  • Gövde Ayarları:
    • Öncesi: <H5>Porsiyonlar:
    • Sonra: </H5>

Sütun 3'teki Metin Modülüne Dinamik İçerik Ekleme

Lezzet ucu için dinamik içeriği ekleyin ve ayarları yapın.

  • Gövde: Tarif Lezzet İpucu
  • Gövde Ayarları:
    • Önce: <H5>Lezzet İpucu:
    • Sonra: </H5>

3. Satır Ekle

Sütun Yapısı

Şimdi aşağıdaki sütun yapısını kullanarak üçüncü satırı ekleyin:

boyutlandırma

Herhangi bir modül eklemeden önce satırın boyutunu ayarlayın.

  • Özel Oluk Genişliği: 2
  • Genişlik: %80
  • Maksimum Genişlik: %100

aralık

Ayrıca, varsayılan üst kenar boşluğunu silin.

  • Üst Marj: 0vw

görünürlük

Son olarak, gelişmiş sekmesinde görünürlüğü ayarlayın.

  • Yatay Taşma: Görünür
  • Dikey Taşma: Görünür

Sütun 1 + 2 + 3 Ayarlar

Sınır

Kenarlık ayarlarından başlayarak üç sütuna da aynı şekilde stil verin. 2. ve 3. sütunlar için tekrarlayın.

  • Yuvarlatılmış Köşeler: Dört köşenin tümü 1vw
  • Kenar Stilleri: Dört tarafın tümü
  • Genişlik: 5 piksel
  • Renk: Çok Koyu Gri #333333

dönüştürmek

Tasarım sekmesine bir vurgulu dönüşüm ekleyerek devam edin. 2. ve 3. sütunlar için tekrarlayın.

  • Hover'da Dönüştürme Ölçeği: %105 x %105

Sütun 1'e Dinamik İçerikli Görüntü Modülü Ekleme

İçerik

Tarif görüntüsü için dinamik içeriğe sahip bir görüntü modülü ekleyin.

  • Resim: Tarif Resmi

Sütun 2'ye Dinamik İçerikli Metin Modülü Ekleme

İçerik

Şimdi, içerik başlığı için dinamik içeriğe sahip bir metin modülü ekleyin. Dişli simgesine tıklayın ve aşağıdaki gibi H3 snippet'lerini girin.

  • Metin Gövdesi: Tarif Malzemeler Başlığı
  • Gövde Ayarları:
    • Önce: <H3>
    • Sonra: </H3>

Başlık Metni

Ardından, başlık metnine stil verin.

  • Başlık Seviyesi: H3
  • H3Yazı Tipi: Oryanta
  • H3 Renk: Çok Koyu Gri #3d3d3d
  • H3 Boyutu:
    • Masaüstü: 1.6vw
    • Tablet: 2vw
    • Telefon: 5.5vw
  • Hizalama: Merkez

aralık

Aralığı ayarlayarak modülü tamamlayın.

  • Alt Marj: 0vw
  • Üst Dolgu:
    • Masaüstü: 2vw
    • Tablet: 3vw
    • Telefon: 4vw
  • Sol + Sağ Dolgu:
    • Masaüstü: 2vw
    • Tablet + Telefon: 3vw

Sütun 2'ye Bölücü Modülü Ekle

Hat

Bir ayırıcı modül ekleyin ve aşağıdaki gibi biçimlendirin.

  • Renk: Kireç Yeşili #b1e88d

boyutlandırma

Ardından boyutlandırma değerlerini ayarlayın.

  • Ağırlık: 5 piksel
  • Genişlik: %40
  • Hizalama: Sol

aralık

Son olarak, aralığı ayarlayın.

  • Üst Marj: 0vw

Sütun 2'ye Dinamik İçerikli Metin Modülü Ekleme

İçerik

İçindekiler listesi için dinamik içeriğe sahip bir metin modülü ekleyin. Dinamik içerik sekmesindeki dişli simgesine tıklayın ve ham HTML'yi etkinleştirin.

  • Metin Gövdesi: Tarif İçindekiler Listesi
  • Gövde Ayarları: Ham HTML'yi Etkinleştir

Metin

Ardından, metni aşağıdaki gibi biçimlendirin.

  • Yazı Tipi: Encode Sans
  • Renk: Çok Koyu Gri #333333
  • Boy:
    • Masaüstü: 0.9vw
    • Tablet: 2vw
    • Telefon: 3vw

aralık

Ayrıca, aralığı ayarlayın.

  • Üst boşluk:
    • Masaüstü: -1vw
    • Tablet: -3vw
    • Telefon: -5vw
  • Üst Dolgu:
    • Masaüstü + Tablet: 0vw
  • Alt Dolgu:
    • Masaüstü: 3vw
    • Tablet + Telefon: 4vw
  • Sol + Sağ Dolgu:
    • Masaüstü: 3vw
    • tablet: 4vw
    • Telefon: 5vw

Sütun 2'deki tüm Modülleri çoğaltın ve Sütun 3'e Taşıyın

Tel kafes görünümünde, ikinci sütundaki tüm modülleri çoğaltın. Çoğaltılan modülleri aynı sırayla üçüncü sütuna taşıyın.

Sütun 3'teki 1. Metin Modülüne Dinamik İçerik Ekleme

Hazırlık başlığı için dinamik içeriği ekleyin.

  • Gövde: Tarif Hazırlama Başlığı

Sütun 3'teki 2. Metin Modülüne Dinamik İçerik Ekleme

Ayrıca, hazırlıklar listesi için dinamik içeriği sütunun son metin modülüne ekleyin.

  • Gövde: Tarif Hazırlama Listesi

4. Satır Ekle

Sütun Yapısı

Şablonu tamamlamak için bir gönderi içeriği modülüne ihtiyacımız var. Aşağıdaki sütun yapısını kullanarak yeni bir satır ekleyin:

boyutlandırma

Modül eklemeden önce satırın boyutunu ayarlayın.

  • Özel oluk genişliği: 2
  • Genişlik: %100
  • Maksimum Genişlik: %80

aralık

Sonraki boşluk ayarlarını değiştirin.
  • Sol + Sağ Dolgu: 0vw

Sütun 1 Ayarları

Arka plan

Sütunu, yukarıdaki tarif kartına uyacak şekilde biçimlendirin. İlk önce bir arka plan ekleyin.

  • Arka Plan Rengi: Beyaz #ffffff

aralık

Ayrıca, aralığı ayarlayın.

  • Sol Dolgu: 0vw

Sınır

Son olarak, sınır ayarlarını değiştirin.

  • Yuvarlatılmış Köşeler: Dört köşenin tümü 1vw
  • Kenarlık Stilleri: dört tarafın tümü
  • Genişlik: 5 piksel
  • Renk: Çok Koyu Gri #333333

Sütun 2'yi Boş Bırakın.

Sütun 1'e Gönderi İçeriği Modülü Ekle

Metin

Birinci sütuna bir içerik gönderi modülü ekleyin ve metni tarif kartı şablonuna uyacak şekilde biçimlendirin.

  • Yazı Tipi: Encode Sans
  • Renk: Çok Koyu Gri #333333
  • Boy:
    • Masaüstü: 0.9vw
    • Tablet: 2vw
    • Telefon: 3vw
  • Çizgi Yüksekliği: 2em

Başlık 1 Metin

  • Yazı Tipi: Orienta
  • Renk: Çok Koyu Gri #333333
  • Boy:
    • Masaüstü: 2vw
    • tablet: 5vw
    • Telefon: 6vw

Başlık 2 Metin

  • Yazı Tipi: Orienta
  • Renk: Çok Koyu Gri #333333
  • Boy:
    • Masaüstü: 1.8vw
    • Tablet: 4.5vw
    • Telefon: 5.5vw

Başlık 3 Metin

  • Yazı Tipi: Orienta
  • Renk: Çok Koyu Gri #333333
  • Boy:
    • Masaüstü: 1.6vw
    • Tablet: 4.5vw
    • Telefon: 5vw

aralık

Tarif kartının stiline uyması için aralık değerlerini ayarlayın.

  • Üst + Alt Dolgu: 2vw
  • Sol + Sağ Dolgu:
    • Masaüstü: 4vw
    • Tablet + Telefon: 6vw

Blok alıntı satırının rengini veya bağlantı rengini değiştirmek istiyorsanız, bunu tema özelleştiricide vurgu rengi altında yapabilirsiniz.

4. ACF Eklenti Ayarlarını ve Reçete Kartı Şablonunu Kullanarak Gönderiyi Düzenleme / Oluşturma

Özel Alanları Girin

Bir gönderi açın veya ekleyin. İçerik alanının altında, tarif kartı şablonu için tüm özel alanları bulacaksınız. Bu avokado tost tasarımını yeniden oluşturmak için aşağıdaki alanları doldurun.

Tarif Başlığı:

  • Süper Yeşil Vegan Avokado Tostu

Tarif Yazarı:

  • Magdalena Swifter – www.veganchef.com

Tarif Hazırlama Süresi:

  • 15

Tarif Porsiyonları:

  • 3

Tarif Lezzet İpucu:

  • Deniz tuzu gevreği ve sızma yağ kullanın

Tarif Resmi:

  • Avokado Tost Görüntüsü

Tarif Malzemeler Başlığı:

  • İçindekiler

Tarif Malzemeler Listesi:

  • 3 Adet Tam Buğday Ekmeği
  • 1 Olgun Avokado
  • 100 gram. Pişmiş Bakla
  • 10 gr. Yeşil Filiz
  • 1 Doğranmış Taze Soğan
  • 30g. ufalanmış beyaz peynir
  • 1 Limon Yarıya Kesilmiş
  • Zeytinyağı
  • Deniz tuzu serpin

Tarif Hazırlıkları Başlığı:

  • Hazırlık

Tarif Hazırlama Listesi:

  • 1. Ekmek dilimlerini dilediğiniz gibi kızartın.
  • 2. Avokadoyu açın, posayı çıkarın, çatalla ezin.
  • 3. Avokadonun üzerine limon suyunu sıkın, tuzlayın.
  • 4. Avokado püresini tost ekmeğinin üzerine yayın.
  • 5. Bakla, filiz ve doğranmış taze soğanı serpin.
  • 6. Tuzla tatlandırın.
  • 7. Ufalanmış beyaz peynir ekleyin.
  • 8. Zeytinyağı ile bitirin.

Gönderiye Bir Başlık Verin

Başlık

Gönderinize bir başlık eklemeyi unutmayın.

  • Avokado Tost Tarifi

İçerik Ekle, Kategori Seç ve Öne Çıkan Görsel Ekle

Blog gönderisinin içeriğini normal düzenleyiciye yazın veya ekleyin. Tarifler kategorisini seçin ve öne çıkan bir resim ekleyin.

Tarif Kartı Şablonu Önizlemesi

Bir kez daha, tarif kartı şablonuyla bitmiş gönderinin farklı ekranlarda nasıl göründüğüne tekrar bakalım.

masaüstü

Tablet

Mobil

Bu bir Sargı!

Bu tarif kartı şablon tasarımına ulaşmak için attığımız adımları hızlıca gözden geçirelim.

  1. ACF eklentisini yükleyin.
  2. Bir tarif kartı alan grubu oluşturun.
  3. Özel alanlar ekleyin.
  4. Yeni bir şablon oluşturun ve bunu 'yemek tarifleri' kategorisi altındaki blog gönderilerine atayın.
  5. Modüllerdeki ACF alanlarından dinamik içerik kullanın.
  6. Alanları doldurarak bir blog yazısı oluşturun veya düzenleyin.
  7. Blog yazısı içeriği ekleyin.

Bu tasarım dinamik içerikli bir şablon olarak oluşturulduğundan, ACF eklentisi özel alanlarını kullanan tüm yemek tarifi blog gönderilerinde tutarlı kalacaktır. Bu tarif kartı şablonu tasarımının, yemekle ilgili bloglarınız için her türlü yeni ve yenilikçi tarif şablonuna ilham vermesini umuyoruz. Yorumlarınız ile düşüncelerinizi öğrenmemize izin verin.