Güzel bir arşiv yapın ve podcast’iniz için bir not sayfası görüntüleyin
Dün, dinleyicilerinizi gerçekten etkileyecek podcast ana sayfanızı hazırlamak için görsel bir Divi üreticisi kullandık, ama ya etkinliğinize daha derin kazmak istiyorlarsa? Güzel bir arşive gidecekler ve bugün nasıl yapacağınızı öğreteceğim bir not sayfası gösterecekler. Bugünün nihai ürünü: Sayfa ve sayfa arşivlerinin kendilerinin verandayı tamamlamak için tasarlandığını, ancak öğeleri doğrudan yansıtmayın. Etkinlik notu sayfasında, her ziyaretçinin bölümleri doğrudan tarayıcısında dinleyebileceğinden, belirli bölümlerin spot ışığını ve bağlantılarını görebildiğinden ve e -posta listenize kaydolma fırsatına sahip olduğundan emin olmak istiyorum.
Arşiv sayfaları eşit derecede basit ama etkinlik notu gibi işlevseldir. Arşiv sayfasının bir hedefi vardır: böylece kullanıcınız arka kataloğunuzu hızlı ve kolay görebilir. Bu sayfanın tam olarak yaptığı şey bu. Etkinlik hakkında kısa bir alıntı ile dinleyiciniz, dinlemek istedikleri konuyu tam olarak bulmak için etkinliğinizi tarayabilir. Dün gibi ihtiyacınız olan varlıklar, bazı yüksek çözünürlüklü arka plan görüntülerine ihtiyacınız olacak. Kullandığım ikisi bu koleksiyonda Unplash’ta (dün ana sayfanın arka planını da içeriyordu). Önizlemede gri bir ölçekte düzenliyorum, ancak herhangi bir düzenleme düzenleme yazılımı siyah-beyaz efekt/gri ölçeği uygulayabilir veya doygunluk kaymasını 0’a taşımanıza izin verebilir.Bir veranda inşa ettiyseniz hayatınız da biraz daha kolay olacak çünkü aynı stillerden bazılarını kullanacaksınız. Hepsi bu, o zaman inşa etmeye başlayalım! Şovun Not Not sayfası sadece WordPress’te bir “Gönderi” dir, bu nedenle panonuza gidin ve bir gönderi açın -> Yeni ekleyin. . İstediğiniz şeyin başlığını verin ve URL salyangozunu basit bir şeye ayarlayın (böylece dinleyiciniz bölümünüz bittikten sonra hatırlar). İlk olarak, “Divi Builder’ı kullanın” tıkladığınızdan emin olun. İhtiyacımız olan bir sonraki seçenek dizisini açacak. Sayfanın sağ tarafında, etkinlik notlarımız için yan çubuğu kullanmayacağımız için gönderiyi “tam geniş” olarak ayarlayın. Ve yazının başlığını “gizle” olarak ayarlayın, böylece yazının kendisi için yazar, yorumlar ve tarih gibi görünmez. Sonra görsel oluşturucuyu girmek ve hoş bir boş web sayfası tarafından sunulmak istersiniz. Yapmak istediğiniz ilk şey, bölüm ayarlarına girmek için sayfanın sol üst köşesindeki mavi kısımdaki dişli simgesine tıklamaktır. Oradan, arka plan görüntüsünüzü yükleyin. Ayarlara biraz daha aşağı kaydırın ve bir paralaks efekti kullanarak açın. Paralaks yöntemini varsayılan “gerçek paralaks” a bırakın. Ayarları kaydedin ve şöyle bir şey göreceksiniz: Yukarıdaki son üründe tam olarak ne var, değil mi? Sayfaya içerik ekleyerek biraz germeliyiz. + Yeşil’i tıklayın ve kolonun bir satırını girin (sol üst köşededir). Sonra, dün verandada bunu yaptığınız için mutlu olacaksınız. Bir satır seçer seçmez, pencereden elementleri seçmenizi isteyen memnuniyetle karşılanırsınız. Dün kaydettiğimiz podcast oynatıcıyı “Kütüphane’den eklendi” yi tıklayarak seçeceksiniz. Sadece benim “podcast bölümü” adını verdim, ancak farklı bir şey seçerseniz, seçtiğinizden emin olun. Badabing-Badaboom, Sihir gibi program not sayfanıza eklenen bir podcast bölümünüz var. Her yeni sayfa not sayfası için başlıkları ve medyayı (ve olası bölüm sanatını) düzenlemeniz gerektiğini unutmayın. Az önce eklediğiniz şey, kurtardıklarınızın bir kopyasıdır. Etkinliğinizin gerçek notları doğrudan podcast oynatıcı altında olacaktır, bu nedenle fareyi oynatıcıya gidin ve + Black tuşuna basın. Metin modülünü görene kadar aşağı kaydırın. Sayfaya ekleyin. Metin ayarlarındaki İçerik sekmesinin altında, notlarınızı WYSIWYG düzenleyicisine girin ve Tasarım sekmesini açın. Tasarım sekmesinde aşağıdaki seçeneği güncelleyin: Metin Rengi: Işık Oryantasyon Metin: Sol metin yazı tipi: Özel Elite Metin Yazı Tipi Boyut: 20px Metin Metin: Kaydet ve yeni bir parlak metin bloğu ve buna benzer bir sayfa göreceksiniz.
Etkinliğin not sayfası için veranda streçine ulaştık – sadece iki unsur kaldı. Tekrar + Siyah’ı tıklayın ve dün kaydettiğiniz düğme şablonunu ekleyin. Dün yapılacağı gibi kullanıcıları arşive getirmek yerine, bu bunları ana sayfaya geri döndürecektir. Düğme ayarı sayfasına gidin ve URL’yi eğimli çizgiye basitçe baş aşağı ayarlayın. Neden /eve gitmiyorsunuz veya benzeri? Peki, sadece ters bir eğik çizgi kullanmak, kullanıcınızı ne olursa olsun, web sitenizin ön sayfasına getirecektir. Aynı sitede olduğunuz için, etki alanını hareket ettirmek bile düğmeyi etkilemez. Her zaman eve gidecek. Tam olarak yapmak istediğiniz gibi! Diğer düğmeler ayarlarını açın ve doldurun. Aynı pencerede açın, düğmenin metnini “eve dön” (veya ne istersen) olarak değiştirin ve düğmeyi “doğru” olarak düzleştirme (her ikisi de içeriği engellememek ve çatışmaya devam etmek için onun içerikleri). Tasarım sekmesi stili Divi kütüphanesinden içe aktarılmalıdır. Şimdi iyi bir gezinme düğmeniz olacak ve birçok sayfada kullanabilmeniz için kütüphanenize eklemenizi öneririm. Ve son olarak, kullanıcıların podcast’ler hakkında en son haberleri almaya devam etmesini sağlamak için tatlı ve tatlı e -posta adresini alabilmemiz için bir e -posta kaydı hazırlayalım. Bunun için tek bir yeni sütun satırı istiyoruz. Bu yüzden + Yeşil’i tıklayın ve yerine yerleştirin. Ardından Optin e -posta modülünü açılır menü ekleyin. Tıpkı dün gibi, modül ayarlarına gidin ve görüntülemek istediğiniz başlığı ve WYSIWYG editöründe istediğiniz harekete geçirme davetinin metnini girin.
Ayrıca, düğmenin kendisine istediğiniz metni ekleyin. Gerçekten benzersiz olan “abonelik” seçtim. E -posta hizmetinizin sağlayıcısını ve listesini seçin (dünden, listeyi seçmezseniz yayınlandığında tam modülün sayfada görünmeyeceğini unutmayın). RGBA’nın arka planını şeffaf olacak şekilde değiştirin. Tasarım sekmesinin altında yazı tipi üstbilgisini “Özel Elite” ve boyutunu 36px olarak ayarlayın. Ayrıca gövde yazı tipini “Özel Elite” olarak ayarlayacaksınız ve boyut 16px olur. Bu site için hemen hemen her şeyden farklı olarak, Sınırı Optin e -posta modülleri için kullanmak istiyoruz. Bu yüzden “kullanıcı sınırını” Evet’e taşıyın ve rengi #ffffff ve özel dolguyu her tarafta 15 piksel olarak ayarlayın.
Bittiğinde, Gelişmiş sekmesine geçin ve modül açısını döndürmek için özel CSS altındaki ana öğeye ekleyin: Border-Radius: 10px;
İşinizi kaydedin ve bir optin e -postası alacaksınız! Not sayfanıza ihtiyacınız olan tek şey, bu modülü başka bir sayfada kullanmak için kaydetmektir. Optin e -postanızın site genelinde tutarlı olmasını istediğiniz için bunu küresel bir ürün olarak kaydedeceğiz. Fareyi modüle yönlendirdiğinizde “Kütüphaneye Ekle düğmesine” tıklayın ve “Bu Global öğeyi yap” kutusunu kontrol ettiğinizden emin olun. Artık birkaç sayfada kullanabileceğiniz bir öğeniz var. Ve herhangi bir değişiklik yaparsanız, her modülün tek tek değiştirilebileceği podcast oynatıcı ve yukarıdaki düğmenin aksine, tüm durumlarda yansıtılır. Ve orada, arkadaşlar, notlarınızı gösteren sayfa şablonu! Ayrıca, tüm sayfaları kütüphanenize saklamanızı ve böylece her bölüm için ihtiyacınız olan öğeleri değiştirebilmeniz için kütüphanenize saklamanızı öneririm. Şimdi … arşive devam edin! Bitiş çizgisi görünür! Arşiv Sayfanızı Oluşturun WordPress Gösterge Tablosunu Açın ve yeni bir sayfa, ad (benim “arşiv”) eklemek için gezinin ve görsel oluşturucu Divi’yi açın. Kolay. Orada bulunduktan sonra, metin modülüne sahip yeni bir tek sütun satırı ekleyin. Ayarlara doğrudan ve WYSIWYG düzenleyicisine sayfanızın başlığını girin. Tasarım sekmesinde, metnin rengini ışığa ve oryantasyona merkeze ayarlayın. Yazı tipini “Özel Elite” ve yazı tipinin boyutunu 50 piksel olarak ayarlayın. Metnin hücreselde iyi görünmesini sağlamak için üst ve alt marjı 40 piksel olarak değiştirdiğinizden emin olun. Çalışmanızı kaydedin ve kendinizi hazırlayın – arşive arka plan eklemek için temizleyin! + Mavi kutudaki ayarları açın ve arka plan görüntüsünüzü seçin ve not notları için yaptığınız gibi paralaksını ayarlayın. Bir kez daha, bu gri ölçeği önizlemeyi kullanarak yaptım. Tasarım sekmesinin altında, tüm sayfaların paralaks efekti arşivinizde ne kadar yayın yaptığınızı umursamamasına izin vermesi için her birini 55px ve 176px’e kadar üst ve alt dolguyu ayarlayın. 176px neden 175 değil? Çünkü ben bir asiim, bu yüzden. İşinizi kaydederken bunu göreceksiniz: Ardından, yeni bir sütun satırı ekleyin, sadece bu sefer blog modülünü girin. Bu, ayarladığınız WordPress döngüsünü görüntüleyecek ve sadece dinleyicinizin ne olduğunu bilmesi için bir teklif ve başlık olmasını istiyoruz. Ayarları açın ve içerik sekmesindeki seçenekleri aşağıdaki gibi güncelleyin: Gönderme Numarası: 10 (veya siteniz için en uygun olan her şey – bu, bu numara görüntülenen bir sayfa numarası verecektir) İçerik: Teklif Görüntüleyin (çünkü istiyoruz Oyuncudaki bölümü tıklayıp dinleyecek kullanıcılar) Üstün Görüntüler Göster: Evet Kafes Fayansının Arka Plan Rengi: RGBA (73,73,73,0,72) Tasarım sekmesinde, aşağıdaki seçenekleri güncelleyin: Düzen: Yazı Tipi Başlık Kutusu: Elite Özel Renk Metin Tajuk: #ffffff Body Font: Elite Özel Renk Gövde Metin: #fffff Meta Yazı Tipi: Elite Özel Renk Meta Metin: #ffffff Sınır kullanın: Evet Sınır Rengi: #FFFFF Sınır Sınır Genişliği: 1px Sınır Kuvveti: Katı Her şey hazır olduktan sonra, yapılması gereken son bir stiliniz var. Izgaranın kendisi her kutuda keskin bir kare açı vardır ve sitenin diğer bölümleriyle eşleşmesi için 10 piksel bir sınır yarıçapı elde etmek istiyoruz. WordPress Gösterge Tablonuza gidin -> Divi -> Tema seçeneğine, ardından CSS Custom’a gidin. Her teklif kutusunun açısını yuvarlamak için bu kodu kutuya ekleyin: .et_pb_post { Border-Radius: 10 piksel; } “.Et_pb_post” un, kutuları bir bütün olarak ayarlamak için Divi tarafından kullanılan CSS sınıfı olduğunu unutmayın. Bundan sonra, tüm işinizi kaydedin. Yapılacak tek kişi kütüphanenizin ana sayfasına bir geri düğme eklemek ve bitireceksiniz. Blog modülünüzle aynı satıra eklemek için + siyah işaretini tıklayın. Hot Diggity Dog, Arşiv sayfanızı hazırlamayı bitirdiniz. Tebrikler! Arşiv sayfanızı hazırlamayı yeni bitirdiniz. Arşiv sayfanızı ekranın altındaki + mor tıklayarak bir şablon olarak kaydedin ve dün ve bugün arasında kova listenizdeki diğer öğeleri kontrol edebilirsiniz, sadece tam işlevsel bir podcast oynatıcı, veranda, arşiv ve şablon yaptınız. Program notları. Sonuç ve hepsi bu! Podcast sayfamda iki öğreticiyi takip ettiğiniz için teşekkür ederiz. Bu bağlantıda Divi ile güzel bir podcast sayfası oluşturmanın ilk yolunu yakalayabilirsiniz. Sorularınız veya yorumlarınız varsa, aşağıda bırakmaktan çekinmeyin ve cevaplamak için elimden geleni yapacağım!