Divi ile Açık İş Pozisyonu Düzeni Nasıl Oluşturulur (Ücretsiz İndirin!)

Her hafta size bir sonraki projeniz için kullanabileceğiniz yeni ve ücretsiz Divi yerleşim paketleri sunuyoruz. Düzen paketlerinden biri için, web sitenizi bir sonraki düzeye taşımanıza yardımcı olacak bir kullanım örneği de paylaşıyoruz.

Bu hafta, devam eden Divi tasarım girişimimizin bir parçası olarak, size Divi'nin Dijital Pazarlama Düzen Paketi ile eşleşen çarpıcı bir açık iş pozisyonu düzenini nasıl oluşturacağınızı göstereceğiz. Bu düzen, düzen paketine zaten dahil olan kariyer düzenine bir ektir. Düzeni oluşturduktan sonra, açık iş pozisyonlarının her biri için yeniden kullanabilecek ve içeriği buna göre değiştirebileceksiniz. Düzeni sıfırdan oluşturmak istemiyor musunuz? Bu yazının sonunda, düzeni ÜCRETSİZ olarak indirebilecek ve Divi Kitaplığınıza yükleyebileceksiniz.

Hadi hadi bakalım!

Ön izleme

Öğreticiye dalmadan önce, farklı ekran boyutlarında yeniden oluşturacağımız (ve indirebileceğiniz) düzene bir göz atalım:

Dijital Pazarlama Ana Sayfa Düzeni ile Yeni Sayfa Oluşturun

Yeni Sayfa Ekle ve Visual Builder ile Aç

Yeni bir sayfa ekleyerek, sayfanıza bir başlık vererek, yayınlayarak ve hemen Visual Builder'a geçerek başlayın.

Dijital Pazarlama Ana Sayfa Düzenini Yükleyin

Dijital Pazarlama Düzen Paketinde bulunan düzenlerden birini yeniden kullanacağız. Bu, tüm web sitesi boyunca aynı stili korumayı kolaylaştıracaktır. Hazır düzenlerinize gidin, Dijital Pazarlama Düzen Paketi ile karşılaşana kadar aşağı kaydırın ve ana sayfa düzenini kullanın.

Alakasız Bölümleri Kaldır

Yüklediğimiz düzen, açık iş pozisyonu düzeni için ihtiyacımız olmayan bazı bölümler içeriyor. Bu yüzden onları hemen kaldıracağız. Bunlar ihtiyacınız olmayacak bölümler:

Sayfayı Açık İş Pozisyonu Düzenine Dönüştürün

Kahraman Bölümü Metin Modülünü Kaldırma

Artık sayfayı açık iş pozisyonu düzenine dönüştürmeye başlayabiliriz! Kahraman bölümünde aşağıdaki açıklama Metin Modülünü kaldırarak başlayın:

Kahraman Bölümündeki İçeriği Değiştir

Kahraman bölümünüzde kalan modüllerin kopyasını da değiştirin.

Kahraman Bölümünün Altına Yeni Bir Bölüm Ekle

Ardından, kahraman bölümünün hemen altına yeni bir standart bölüm ekleyin.

İki Sütunlu Satır Ekle

Aşağıdaki sütun yapısına sahip bir satır ekleyeceğiz:

Klon Kahraman Bölümü Metin Modülü ve Yeni Satırın 1. Sütundaki Yeri

İşleri kolaylaştırmak için, kahraman bölümümüzün Metin Modüllerinden birini yeniden kullanacağız ve onu yeni satırımızın ilk sütununa yerleştireceğiz. Bu bize zaman kazandıracak ve ihtiyaçlarımıza göre değişiklik yapmamızı sağlayacaktır:

Metin Modülündeki H1 Metnini Kaldır

Bu Metin Modülünü açın ve birlikte verilen H1 kopyasını çıkarın. H3 kopyasını da 'İş Tanımı' olarak değiştireceğiz.

H3 Metin Ayarlarını Değiştir

Kahraman bölümümüzdeki metin rengi beyazdır, bu yüzden bunu kesinlikle bu düzen paketinin renk paletiyle eşleşen bir renk olan '#fcb6ab' olarak değiştirmemiz gerekecek. Sol Metin Hizalamasını da kullanacağız.

Klon Metin Modülü ve Sütun 2'deki Yeri

Değişiklikleri uyguladıktan sonra Metin Modülünüzü kopyalayın ve ikinci sütuna yerleştirin. Kopyayı burada da değiştirdiğinizden emin olun.

İş Tanımı Metin Modülü Ekle

İlk sütundaki önceki Metin Modülünün hemen altında, devam edin ve yeni bir Metin Modülü ekleyin. Göstermeniz gereken iş tanımını eklemek için bu Metin Modülünü kullanabilirsiniz. Paragrafların, H3 başlıklarının ve listelerin bir kombinasyonunu kullanıyoruz. Bunların her biri için ayrı Metin Modülleri oluşturmaya gerek yoktur. Yalnızca bir Metin Modülü kullanacağız ve metin ayarlarında üç metin türünün de ayarlarını değiştireceğiz.

Liste Ayarları

Paragraf ayarlarını atlıyoruz ve hemen liste ayarlarına geçiyoruz. Orada, aşağıdaki ayarları kullanacağız:

• Sırasız Liste Stil Türü: Daire
• Sırasız Liste Öğesi Kimliği: 12px (Bu, liste öğelerini biraz sağa itecektir)

H3 Metin Ayarları

Daha sonra H3 metin ayarlarınızı açın ve aşağıdaki ayarları kullanın:

• Başlık 3 Yazı Tipi: Roboto
• Başlık 3 Yazı Tipi Ağırlığı: Kalın
• Başlık 3 Metin Boyutu: 40px (Masaüstü), 35px (Tablet), 28px (Telefon)

Blurb Modüllerini Sütun 2'ye Yerleştirin

Digital Marketing Layout Pack'in ana sayfa düzeni, sıfırdan bir şey oluşturmak yerine yeniden kullanabileceğimiz birçok çarpıcı tasarım öğesi içerir. Örneğin, bir sonraki bölümdeki Blurb Modülleri, nasıl başvurulacağı, son tarih, konum ve uygunluk gibi ek ayrıntıları paylaşmak için mükemmeldir. Bu bölümü bitirdikten sonra sileceğiz Blurb Modüllerini istediğiniz renk paleti ile klonlamak yerine bir önceki bölümün ikinci sütununa yerleştirmeniz yeterli.

Blurb Modüllerinin Alt Kenar Boşluğunu Kaldır

Bu Blurb Modülleri, kendilerine atanan sıfır alt kenar boşluğu nedeniyle bir araya getirilir. Devam edin ve kullandığınız modüllerin her birinin 'opx' alt dolgusunu çıkarın.

Bulanık İçeriği ve Simgeleri Değiştir

Şimdi devam edebilir ve bu Blurb Modüllerinin içeriğini tek tek değiştirebilirsiniz. Paylaştığınız içerikle de eşleşen bir simge seçin.

Kalan Bölümü Kaldır

Daha önce de belirtildiği gibi, iş akışımızı kolaylaştırmak için yalnızca Blurb Modüllerinin olduğu bölümü kullanıyorduk. İhtiyacınız olan Blurb Modüllerini değiştirdikten sonra devam edip bu bölümü kaldırabilirsiniz.

Düzeni Divi Kitaplığına Kaydet ve Diğer Açık Pozisyonlar için Yeniden Kullan

Düzeni Divi Kitaplığına Kaydet

Ve işimiz bitti! Artık mevcut ve gelecekteki tüm açık iş pozisyonları için kolayca yeniden kullanabileceğimiz çarpıcı bir yerleşim düzenine sahibiz. Yapmanız gereken tek şey, aşağıdaki simgeye tıklayarak düzeni Divi Kitaplığınıza kaydetmek, düzeninize bir ad vermek ve 'Kütüphaneye Kaydet' düğmesini tıklamaktır:

Düzeni ÜCRETSİZ İndirin

Ellerinizi ücretsiz açık iş pozisyonu düzenine 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.

Ön izleme

Artık tüm adımların üzerinden geçtik, şimdi farklı ekran boyutlarındaki açık iş pozisyonu düzenine son bir göz atalım:

Son düşünceler

Bu kullanım örneği blog gönderisinde, Divi'nin Dijital Pazarlama Düzen Paketine ek olarak zarif ve çarpıcı bir açık iş pozisyonu sayfasını nasıl oluşturacağınızı gösterdik. Divi's Visual Builder'ı kullanarak düzeni sıfırdan oluşturduk ve düzeni de paylaştık. Ücretsiz olarak indirebilir ve Divi kitaplığınıza yükleyebilirsiniz. Herhangi bir sorunuz varsa, aşağıdaki yorum bölümüne bir yorum bıraktığınızdan emin olun!