Divi için 15+ şaşırtıcı blog yazısı şablon öğreticileri
Divi blog yayın şablonunuzu tasarlamanın ve ayarlamanın birçok yolu vardır. Neyse ki, başlamanıza yardımcı olacak zarif temalar blogunda şablon öğreticileri birçok Divi blogu şablonu öğreticileri var. Bu makalede, Divi Tema Builder ile kullanabileceğiniz 15’ten fazla Amazing Blog Post Şablon Eğiticileri göreceğiz. Hepsi, masaüstü ve hücresel ekranlar için bir blog yayın şablonu oluşturmak için adım -by -adım talimatlarını içerir. Birçoğu JSON dosya indirmelerini ve video talimatlarını içerir. Bazıları CSS içerir. 1. Bir blog yazısı şablonu tasarlama
Bu öğretici, Divi Tema Builder’da bir blog yayın şablonu oluşturmaya başlamak için bilmeniz gereken her şeyi gösterir. Bu, blog yazısı şablonunun ve neden ihtiyacınız olanın temellerini içerir. Ayrıca dinamik içerik ve blog yayınları için nasıl kullanılacağını tartışır.Bkz. Eğitim 2. Blog Gönderme Şablonlarına CTA Yapışkan Kenar Çubuğu Ekleyin Bu öğretici, yapışkan bir CTA’nın nasıl yapılacağına ve blog yayın şablonunuzun yan kutusuna nasıl ekleneceğine odaklanır. Bu, bağımsız çalışan iki farklı kenar çubuğu gösterir. Yan bıçaklar macun konumuna ulaşana kadar direkle yuvarlandı, daha sonra direği takip ettikleri noktaya kadar yuvarlanana kadar orada kalın. Bu bilgiler aynı zamanda herhangi bir sayfayı şablonlamaya da hizmet eder. Bu CSS içerir. Bkz. Öğreticiye 3. Dinamik olarak dostça bir blog yazısı şablonu oluşturun Bu, kullanıcı deneyimine odaklanan bir blog yayın şablonunun nasıl oluşturulacağını gösterir. Bu, dinamik öğelerin tasarıma nasıl girileceğini gösterir. Bu öğreticide yapılan şablonlar rahatsızlıklardan temizdir, bu da basit ve kullanımı kolay hale getirir.
Bkz. Öğretici 4. Bu blog yazısında Divi Yorum Modülünü Stil Etme Modülü Bir blog yayın şablonu ile mükemmel işlev gören yorumlar bölümünün düzenlenmesine odaklanan şablon. Bu, bir yorum modülü ile iki tasarım oluşturur. Takip eden modül insanlar da dahildir. Arka plan, grafik düzenleyiciyle yapılır ve nasıl dahil edileceğine dair kılavuz. Bkz. Öğreticiye 5. Blog Gönderi Şablonunuz İçin Dinamik Bir Yazar Kutusu Tasarlama Bu öğreticide, blog yazısı şablonunuz için bir yazar kutusu oluşturmak için dinamik içeriğin nasıl kullanılacağını öğreneceksiniz. Masaüstünde, yazarın kutusu yan çubuğa bağlı. İçerik gizlidir ve yazarın görüntüsü temiz bir tasarım oluşturmak için gizlenmiştir. İçerik, imleci yazarın kutusuna yönlendirdiklerinde ortaya çıktı. Hücresel için yazar kutusu içerik altında. Buna CSS dahildir. Bkz. Öğreticiye 6. DUA Yan Çubuğu Oluşturma Şablonu Posta Şablonu
Bu öğretici, her iki tarafta kenar çubuğuna sahip bir blog yayın şablonunun nasıl oluşturulacağını gösterir. Bir tarafta bir blog yazısı ve diğer tarafta kayıt e-postası ile temiz. Yan bıçaklar cep telefonuna yığıldı. CSS dahildir. Bkz. Eğitim 7. Blog Gönderi Şablonunuz İçin Dinamik Bir Gönderi Bilgisi Bilah Oluşturma Bu öğretici, kullanıcı kaydırıldığında ekranda kalan dinamik içeriği kullanarak bilgi bıçaklarının nasıl oluşturulacağını gösterir. İçerik, kullanıcının ne okuduğunu göstermek için geçerli başlık ve gönderme kategorisini, yorum bırakacak yorum ve bağlantıların ve bültene abone olmak için düğmeleri içerir. Buna CSS dahildir. Bkz. Öğreticiye 8. Blog Gönderi Şablonunuza Tam Yan Bıçakları Ekleyin
Bu öğretici, kullanıcı yuvarlanırken masaüstü sürümüne yüklenen tam yüksek yan çubuğun nasıl yapılacağını gösterir. Yan çubuk, masaüstü ekranının tam yüksekliğini alır. Hücresel versiyon, içerikten sonra yan bıçakları yerleştirir. CSS özel olarak dahildir. Bkz. Öğretici 9. Blog Gönderme Spor Şablonu Oluşturma Bu öğretici, bir yandan üstün resimler ve diğer yandan içerik yayınları içeren bir blog yazısı şablonunun nasıl oluşturulacağını gösterir. Başlık ve Metada ile üstün görüntü, içerik yuvarlanırken yerinde kalır. Hücresel için, düzen her zamanki gibi çalışır. Buna CSS dahildir. Bkz. Öğreticiye 10. Blog Gönderi Şablonunuz İçin Yapışkan Bir Yan Blade Yapın Bu, yapışkan bir yan çubuğun nasıl yapılacağını gösterir. Ekrandaki yapışkan konuma ulaştıktan sonra, içeriğin sonuna ulaşana kadar yan çubuk yerinde kalır. Yan bıçaklar daha sonra her zamanki gibi yazı ile kaydırın. Bu her zamanki gibi bir cep telefonu üzerinde çalışır. Blog yazısı şablonu başlangıçtan yapılır ve örtüşen öğeleri ve özel CSS’yi içerir. Bkz. Öğreticiye 11. Blog Gönderi Şablonunuz için Gözlem Yorumları Oluşturma
Bu öğretici, yorumlar bölümünü küçültmek için nasıl bir düğme yapacağınızı gösterir. Yorum çubuğundaki düğme, ifade etmek için yorumları açın. Bu, birçok yorumla yayınlarda kullanıcı deneyimini geliştirmek için çok yararlıdır. CSS özel olarak dahildir. Bkz. Öğreticiye 12. Blog Gönderi Şablonunuza Fullwidth Üstün Görüntüler ekleyin
Bu öğretici, üstün görüntünüzü masaüstü ve hücreselde nasıl geniş hale getireceğinizi gösterir. Bu, dinamik parçalar, yayın başlıkları modülleri, ayrı görüntüler ve metin modülleri dahil olmak üzere bunu başarmanın çeşitli yollarını gösterir. Bazıları bindirme gradyanı içerir. Bkz. Öğretici 13. Bu farklı kategori için farklı bir blog yayın şablonu kullanmak, web sitenizdeki çeşitli kategoriler için farklı blog gönderme şablonları ayarlamak için divi tema oluşturucu ayarlarının nasıl kullanılacağını gösterir. Ayrıca, farklı blog yayınlarını kullanmanın faydalarını ve varsayılan şablonların kategorisinin nasıl hariç tutulacağını tartışır.
Bkz. Öğreticiye 14. Belirli bir yayına farklı bir blog yazısı şablonu oluşturun
Bkz. Öğreticiye 16. Tema Makerinde Gönderme İçerik Modülünü Kullanma Bu öğretici, Post İçerik Modülünün nasıl kullanılacağı konusunda derinlemesine tartışılmaktadır. Bu, modülün çalışma şeklini ve Divi Tema Builder’da bir blog yazısı şablonu tasarlarken modülü kullanmanın en iyi yolunu içerir. Ayrıca, kısa bir kodla üretilen WooCommerce sayfasıyla nasıl kullanılacağını gösterir ve ne zaman kullanılmamayı önerir. Bkz. Öğretici 17. Bu Divi andattorial Blog Gönderi Şablonu’na tam ekran kahramanı ekleyin Blog yayın şablonunuza tam ekran kahramanları eklemek için çeşitli yöntemler gösterir. Yöntem, tam ekran yayın başlık modülünü, arka planın üstündeki başlığı içerir ve kahramanın altına meta verileri ekler. Ayrıca kahramanların üzerine degradelerin nasıl ekleneceğini de gösterir. Bkz. Öğretici 18. Blog Gönderi Şablonunuza Meta Verileri Ekleyin
Bu, blog yayın şablonunuza meta verileri eklemek için dinamik içeriğin nasıl kullanılacağını gösterir. Bu, meatadata’nın ne olduğunu, dinamik içeriğin etadata için nasıl çalıştığını ve meta verileri görüntülemek için neden dinamik içeriği kullanmanız gerektiğini tartışıyor. Meta veri ekran seçenekleri de kapsanmaktadır. Bkz. Öğretici 19. Divi Blog Gönderi Şablonunuza Gezinme Gönderileri Ekleyin Bu öğretici, gezinme modüllerini yayınlama içerir. Bu, navigasyon gönderme ve blog şablonunuza eklemek için en iyi yeri göstermeniz gerektiğini neden içerir. Bu, modülü iki taraflı metin, düğme ve düğme oluşturmak için düzenlemenin üç farklı yolunu gösterir. Divi için Ücretsiz Bir Blog Gönderi Şablonu Nasıl Bulunur Öğreticisine bakın