Kahve Evi: Kahve dükkanları ve kafeler için ücretsiz divi düzeni paketi
Bugün, Coffee House adlı Divi için yaptığım düzeni paylaşmaya hevesliyim. Kahve evi, adından da anlaşılacağı gibi, kafeler, kafeler ve benzerleri için idealdir. Mümkün olduğunca eğlenceli hale getirdim, bu yüzden estetiği seviyorsanız, genel düzen veya tek tek parçalar için birçok kullanım bulabileceğinize inanıyorum. Zevk almak! Kendi Divi web sitenizde ücretsiz bir kahve evi düzeni kullanmak için bir kahve evi düzeni paketini indirin, yükleyin ve hazırlayın, önce aşağıdaki düğmeyi kullanarak indirmeniz gerekir. İndirmelere erişmek için, aşağıdaki formu kullanarak Divi Daily E -posta listemize abone olmanız gerekir. Yeni bir müşteri olarak, Divi’nin iyiliğini daha fazla alacaksınız.
Zaten listede iseniz, e -posta adresinizi aşağıya girin ve İndir’i tıklayın. Tekrar abone olmayacaksınız.
Düzen paketini indirin
Unssplash.com’daki cömert yazarların tüm fotoğrafları Unsplash lisansı aracılığıyla. Düzen paketi GPL altında piyasaya sürülür, yani özel ve ticari projeler için ücretsiz kullanabilirsiniz! Elegantthemes.com ve ürünlerimizi kullanarak hizmet gereksinimlerimizi kabul edersiniz.
Abone olmayı başardınız. Aboneliğinizi onaylamak için lütfen e-posta adresinizi kontrol edin ve Ücretsiz Haftalık Divi Düzen Paketine erişin! Sonraki, indirme klasörünüzde ve Unzip’de kahve içme-ev-layout-summerhayes.zip dosya paketini arayın. Ardından, WordPress yöneticinizle Divi> Divi kütüphanesine gidin ve sayfanın üst kısmındaki “İçe Aktar” düğmesini tıklayın. Taşınabilirlik sermayesi göründüğünde, İçe Aktarma sekmesini açın. “Dosya Seç” düğmesini tıklayın ve kahve-ev-layout–divi.json dosyasını seçin. Ardından “Divi Oluşturucu Düzeni İçe Aktar” düğmesini tıklayın ve içe aktarma işlemi tamamlanana kadar bekleyin.
İthalat tamamlandıktan sonra, yeni kahve evinizin düzenini, kütüphaneden Kütüphane> Ekle’yi açarak herhangi bir üretici tarafından desteklenen sayfaya yükleme yeteneğine sahip olacaksınız. Düzeni bir gösteri gibi görünmesi için bir kahve evi düzeni paketi hazırlayın, birkaç şeye dikkat etmeniz gerekir: navigasyon: Bu demo için zarif temalarla divi başlık uzantısı eklentisini kullanıyorum. Yukarıdaki blog yayınının adımlarını izleyerek uzantıları web sitenize yükleyin. Divi başlık uzantısını yükledikten sonra WP navigasyonunuzda Divi 100 adlı yeni bir menü öğesi bulacaksınız.
Divi 100’ü açın ve aşağıdakileri seçin: Türü seçin: 1 Stil: 5’i seçin (İsterseniz başka bir stil seçebilirsiniz). Varsayılan rengi seçin: #ffffff Etkin renk seçin: #d7bc99 “Değişik Kaydet” i tıklayın. Divi’yi Aç> Tema Ayarı> Başlık ve Gezinme> Başlık Stili için Başlık Biçimi “Tam Ekran” ı seçin. Divi’yi Aç> Tema Ayarı> Başlık ve Gezinme> Slayt İçinde ve Tam Ekran Başlık Ayarları. Aşağıdaki seçeneği kontrol edin: Seçilmeyen “Üst Bıçakları Görüntüle” ten emin olun. Menü Metin Boyutu: 32 Aralık Harfleri: 1 Yazı Tipi: PT SANS Stil Yazı Tipi: Büyük Arka Plan için Kalın ve “TT” için “B” seçeneğini seçin: RGBA (45,46,65,0.93) Menü Bağlantı Renk: #FFFFFFF Aktif Bağlantı Rengi : #D7bc99 “Kaydet ve Yayınla” yı tıklayın. Kaydırma işleminden sonra logonun küçülmediğinden emin olmak için: Divi’yi Aç> Ayarlama Teması> Başlık ve Gezinme> Ana Menü Çubuğu. “Tam Genişlik Oluştur” menü yüksekliği seçin: 66 Logonuzun boyutunu logonuza uyacak şekilde ayarlayın.
Divi> Tema Ayarı> Başlık ve Gezinme> Sabit Gezinme Ayarları. Menünün yüksekliğinin ana menünün yüksekliğiyle aynı kaldığından emin olun. Menü Yüksek: 66 “Yüzen” Düğmeler: Bu düzen için, yüzer gibi görünmesi ve yüzerken basılan düğmenin yanılsamasını yaratması için düğmeyi düzenlerim. Bu, kutunun gölgesinin etkisini ekleyerek ve kutunun gölgesinin değerinin gelişimini ekleyerek yapılır.
Kayan/basılı etkisi elde etmek için aşağıdaki CSS kodunu eklemeniz gerekir. Divi> Tema Seçenekleri> Özel CSS’ye kaydırın> Aşağıdaki kodu ekleyin: A.ET_PB_BUTTON, A.ET_PB_PROMO_BUTTON.ET_PB_BUTTON, .ET_PB_CONTACT_SUBMIT.ET_PB_BUTTON { Box-Shadow: 0 8px 20px 1px RGBA (0.0.0.0.3);}A.et_pb_promo_button.et_pb_button: hover, a.et_pb_button: hover, .et_pb_contact_submit.et_pb_button: hover {
Box-Shadow: 0 1px 1px 1px RGBA (0.0.0,0.1)
}
“Değişikliği Kaydet” i tıklayın. Şimdi sayfanızı kontrol edin, tüm düğmeleriniz “yüzer” olmalıdır. İletişim formu için ortada “Gönder” düğmesi
Eklenecek son şey, iletişim formu için “Gönder” düğmesine odaklanmak için CSS kodudur. Divi> Tema Seçenekleri> Özel CSS> Aşağıdaki kodu ekleyin: .et_contact_bottom_container {
Şamandıra: yok;
Metin-align: merkez;
Dolgu Top: 10 piksel;
Dolgu Alt: 20px;
}
“Değişikliği Kaydet” i tıklayın. İşte burada. Divi Kahve Evi Düzeni Paketi Ücretsiz kahve evi düzeni, yerel kahve yerleri için basit bir web sitesi oluşturmak için kullanılabilir. Çoğu düzen gibi, sitenizi birkaç sayfa web sitesine genişletmek için parçaları ve modülleri tekrarlayabilir ve yeniden yönlendirebilirsiniz.
Bu düzen, kahve evi müşterileri için yararlı olacak birkaç parçaya sahiptir: “Döndüğümüz bölüm” mevcut kahve içerir ve genişletilebilir veya “menü” bölümüne dönüştürülebilir. “Tohum kökenimiz” bölümü, satılan kahvenin hikayesini ve nereden geldiğini anlatıyor. Bu bölüm, kahve veya işletmenin kendisi hakkında bilgi hakkında daha fazla bilgi sahibi olabileceğiniz başka bir sayfaya genişletilebilir. Diğer önemli bölümler şunlardır: yeni müşterilerin bir iş bulmasına yardımcı olmak için “referanslar”, “kişiler” ve “haritalar”.
