Divi's Theme Builder ve ACF ile Dinamik Bir İş Açılış Gönderisi Şablonu Nasıl Oluşturulur

Yayınlanan: 2019-12-26

Divi Theme Builder'ı dinamik içerikle birlikte kullandığınızda, kendinizi hızlı bir şekilde eklentileri kendi yarattığınız şablonlarla değiştirirken bulacaksınız. Bugünün eğitiminde, Divi Theme Builder ve bir ACF alanları grubunu kullanarak tamamen dinamik bir iş ilanı şablonunun nasıl oluşturulacağını göstereceğiz. Bu dinamik iş ilanı şablonu tamamen özelleştirilebilir ve JSON dosyasını da ücretsiz olarak indirebileceksiniz!

Hadi hadi bakalım.

Ön izleme

Eğiticiye dalmadan önce, farklı ekran boyutlarındaki sonuca hızlıca bir göz atalım.

masaüstü

açık iş pozisyonu şablonu

Mobil

açık iş pozisyonu şablonu

İş Açma İlanı Şablonunu ÜCRETSİZ İndirin

Ücretsiz iş ilanı şablonuna el koymak için önce aşağıdaki düğmeyi kullanarak indirmeniz gerekir. İndirmeye erişmek için aşağıdaki formu kullanarak Divi Daily e-posta listemize abone olmanız gerekir. Yeni bir abone olarak, her Pazartesi daha da fazla Divi iyiliği ve ücretsiz bir Divi Düzen paketi alacaksınız! Zaten listedeyseniz, aşağıya e-posta adresinizi girin ve indir'i tıklayın. "Yeniden abone olmayacaksınız" veya fazladan e-posta almayacaksınız.

Dosyaları İndirin

Ücretsiz İndir

Divi Bültenine katılın ve size nihai Divi Açılış Sayfası Düzen Paketinin bir kopyasını ve ayrıca tonlarca başka şaşırtıcı ve ücretsiz Divi kaynağı, ipucu ve püf noktası e-posta ile gönderelim. Takip edin ve kısa sürede bir Divi ustası olacaksınız. Zaten aboneyseniz, e-posta adresinizi aşağıya yazın ve düzen paketine erişmek için indir'i tıklayın.

Başarıyla abone oldunuz. Aboneliğinizi onaylamak ve haftalık ücretsiz Divi düzen paketlerine erişmek için lütfen e-posta adresinizi kontrol edin!

1. Gönderi Kategorileri Ekle

Gönderi Kategorilerine Git

Açık iş pozisyonu şablonu oluşturmanın ilk kısmı, eklediğiniz açık iş pozisyonları için kullanacağınız yeni gönderi kategorileri eklemektir. WordPress panonuzdaki gönderi kategorilerine gidin.

açık iş pozisyonu şablonu

Açık İş Pozisyonu Kategorileri Ekle

Her departman için bir üst kategori ve ayrı bir kategori ekleyin.

İş Açılışı
- iletişim
- Tasarım
- Gelişim
- Pazarlama
- …

açık iş pozisyonu şablonu

2. ACF'yi Kurun ve Proje Alanlarını Ayarlayın

ACF'yi Yükleyin ve Etkinleştirin

Ücretsiz Gelişmiş Özel Alanlar eklentisini yükleyip etkinleştirerek devam edin.

açık iş pozisyonu şablonu

Alan Grubunu Ayarla

WordPress Panonuz > Özel Alanlar > Yeni Ekle seçeneğine giderek yeni bir alan grubu oluşturun.

açık iş pozisyonu şablonu

Alanlar grubunun yalnızca bu öğreticinin önceki bölümünde eklediğimiz üst kategorinin parçası olan gönderilerde görünmesini istiyoruz. Bunu yapmak için, alanlar grubuna aşağıdaki kuralların uygulandığından emin olun:

Gönderi Türü, Gönderi'ye eşittir ve
Mesaj Kategorisi İş Açmaya eşittir

açık iş pozisyonu şablonu

Alan Ekle

Alanlar grubu oluşturulduktan sonra sıra farklı alanları eklemeye gelir. Bu öğreticinin önizlemesindekiyle tamamen aynı şablonu yeniden oluşturmak için aşağıdaki özel alanlara ihtiyacınız olacak:

sorumluluklar
- Alan Etiketi: Sorumluluklar
- Alan Türü: Metin Alanı
Gerekli deneyim
- Alan Etiketi: Gerekli deneyim
- Alan Türü: Wysiwyg Düzenleyici
İstenen yetenekler
- Alan Etiketi: Gerekli beceriler
- Alan Türü: Wysiwyg Düzenleyici
Bonus nitelikler
- Alan Etiketi: Bonus nitelikler
- Alan Türü: Wysiwyg Düzenleyici
Konum
- Alan Etiketi: Konum
- Alan Türü: Metin
Meslek türü
- Alan Etiketi: İş türü
- Alan Türü: Onay kutusu
- Seçenekler: Tam zamanlı + Yarı zamanlı + Serbest (her seçim için yeni hat)
Yönlendirme uygula
- Alan Etiketi: Yönlendirme uygula
- Alan Türü: URL

açık iş pozisyonu şablonu

3. Yeni Blog Yazısı Ekle

Açık İş Pozisyonu Unvanı, Kısa Açıklama ve Kategoriler Ekle

Özel alanlar grubunu ve tüm alanlarını tamamladığınızda, sıra örnek bir açık iş pozisyonu ilanı oluşturmaya gelir. Unvanı, iş tanımını girin ve kategorileri seçin.

açık iş pozisyonu şablonu

Tüm Özel Alanları Doldurun

Tüm özel alanları doldurarak devam edin.

açık iş pozisyonu şablonu

4. Yeni Şablon Oluşturun

Divi Tema Oluşturucu'ya Git ve Yeni Şablon Ekle

Örnek blog gönderiniz hazır olduğunda, sıra açık iş pozisyonu şablonunu oluşturmaya gelir! Bunu yapmak için Divi Tema Oluşturucu'ya gidin ve 'Yeni Şablon Ekle'yi tıklayın.

açık iş pozisyonu şablonu

Kullanmak

Şablonu İş Açma kategorisindeki gönderilerde kullanın.

açık iş pozisyonu şablonu

5. Şablon Gövdesi Oluşturmaya Başlayın

Şimdi, 'Özel Gövde Ekle'ye tıklayarak ve 'Özel Gövde Oluştur' seçeneğini seçerek tasarımı oluşturmaya başlayın. Bu sizi şablon düzenleyiciye yönlendirecektir.

açık iş pozisyonu şablonu

Bölüm 1

Degrade Arka Plan

Divi şablon düzenleyicisinin içinde bir bölüm göreceksiniz. Bu bölümü açın ve bir degrade arka planı ekleyin.

Renk 1: #ff6600
Renk 2: #fbff30
Gradyan Yönü: 126deg

açık iş pozisyonu şablonu

Alt Bölücü

Sonraki bölüme bir alt ayırıcı ekleyin.

Bölücü Stili: Listede bulun
Bölücü Yüksekliği: 8vw
Bölücü Düzenlemesi: Bölüm İçeriğinin Altında

açık iş pozisyonu şablonu

aralık

Ve bazı alt dolguları da ekleyin.

Alt Dolgu: 400 piksel

açık iş pozisyonu şablonu

1. Satır Ekle

Sütun Yapısı

Aşağıdaki sütun yapısını kullanarak bölüme yeni bir satır ekleyerek devam edin:

açık iş pozisyonu şablonu

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

Dinamik İçerik

Modül eklemeye başlama zamanı! Sütun 1'de ihtiyacımız olan ilk modül bir Blurb Modülüdür. Başlık kutusu için konum dinamik içeriğini seçin ve içerik kutusunu boş bırakın.

Başlık: Konum

açık iş pozisyonu şablonu

Simge Seç

Bir simge seçerek devam edin.

açık iş pozisyonu şablonu

Simge Ayarları

Tasarım sekmesine gidin ve simge ayarlarını aşağıdaki gibi değiştirin:

Simge Rengi: #ffffff
Resim/Simge Yerleşimi: Sol
Simge Yazı Tipi Boyutunu Kullan: Evet
Simge Yazı Tipi Boyutu: 25px

açık iş pozisyonu şablonu

Başlık Metni Ayarları

H3 metin ayarlarını da değiştirin.

Başlık Başlık Düzeyi: H3
Başlık Yazı Tipi: Lato
Başlık Metin Rengi: #ffffff
Başlık Metin Boyutu: 1.4rem

açık iş pozisyonu şablonu

Animasyon

Son olarak, animasyon ayarlarından simge animasyonunu kaldırın.

Resim/Simge Animasyonu: Animasyon Yok

açık iş pozisyonu şablonu

Blurb Modülünü Klonla ve Çoğaltmayı Sütun 2'ye Yerleştir

1. sütundaki Bulanıklık Modülünü tamamladıktan sonra, onu bir kez klonlayabilir ve kopyayı ikinci sütuna yerleştirebilirsiniz.

açık iş pozisyonu şablonu

Dinamik İçeriği ve Simgeyi Değiştir

Simgeyle birlikte başlık dinamik içeriğini değiştirdiğinizden emin olun.

Başlık: İş türü

açık iş pozisyonu şablonu

Sütun 3'e Düğme Modülü Ekle

Kopya Ekle

Son sütuna bir Düğme Modülü ekleyin. Seçtiğiniz bir kopyayı ekleyin.

açık iş pozisyonu şablonu

Dinamik Bağlantı

Sonraki dinamik uygulama yönlendirme bağlantısını seçin.

Düğme Bağlantı URL'si: Yönlendirme uygula
Düğme Bağlantı Hedefi: Yeni Sekmede

açık iş pozisyonu şablonu

hizalama

Modülün tasarım sekmesine geçin ve farklı ekran boyutlarındaki hizalamayı değiştirin.

Düğme Hizalama: Sağ (Masaüstü), Sol (Tablet ve Telefon)

açık iş pozisyonu şablonu

Düğme Ayarları

Düğmeye de stil verin.

Düğme İçin Özel Stiller Kullan: Evet
Düğme Metin Boyutu: 1rem
Düğme Metin Rengi: #ff6600
Düğme Arka Plan Rengi: #ffffff
Düğme Kenar Genişliği: 0px

açık iş pozisyonu şablonu

Düğme Sınır Yarıçapı: 100 piksel
Düğme Yazı Tipi: Montserrat
Düğme Yazı Tipi Stili: Büyük Harf

açık iş pozisyonu şablonu