Divi 2.4'ü Keşfetmek: Divi Builder ile Güzel Blog Yazıları Oluşturmak

Bu haftanın başlarında, Divi tarihindeki en büyük yükseltme ve en popüler WordPress temamız için dev bir adım olan Divi 2.4'ü tanıttık. Bu güncellemede keşfedilecek o kadar çok harika özellik var ki, hepsini sürüm gönderisinde açıklamak zordu, bu yüzden size nasıl alınacağını öğretmeyi amaçlayan 2 haftalık bir dizi bilgilendirici blog gönderisi yapmaya karar verdik. Divi 2.4'ün tam avantajı ve yeni seçenekleri. Bu dizinin üçüncü bölümünde, Divi Builder'ın güzel ve ilgi çekici blog gönderileri oluşturmak için nasıl kullanılacağından bahsedeceğiz.

Divi 2.4 Hakkında Her Şeyi Buradan Öğrenin

Blog Yazıları Daha İyisi İçin Değişiyor

Hikaye odaklı gönderi, bir blog devriminin başlangıcıdır. Tasarımcılar bunu yıllardır, tasarım programlarının onlara sayfa üzerinde özgürce hüküm sürdüğü yazılı basında yapıyorlar. Her sayfaya kendi kişiliğini kazandırmak için tipografinin, şekillerin ve görüntülerin iç içe geçtiği dinamik makaleler yaratmak. Web geliştikçe, düz paragraflardan yavaş yavaş karma medya başyapıtlarına dönüşen gönderiler de gelişti.

Karışık medya hikaye odaklı bir gönderiye ilişkin ilk sınıf örneklerinden biri New York Time'ın Kar Yağışı makalesidir. Bu sayfayı aşağı kaydırmak, ortalama okuma deneyiminizden daha fazlasıdır. Bu tür gönderiler, daha dinamik bir deneyim oluşturmak için videoları, resimleri, metni birleştirerek ve ziyaretçi davranışıyla (kaydırma gibi) etkileşim kurarak bilgisayarın ve tarayıcının sunduğu özelliklerden tam olarak yararlanır.

O zamandan beri, Paul Ford'un son 38.000 kelimelik “Kod Nedir?” makalesi gibi sınırları daha da zorlayan pek çok benzer parça ortaya çıktı. Bu çığır açan parçalar, okuyucularınız için memnuniyetle karşılanan bir değişiklik olabilir ve makalelerinizin tasarımını mükemmelleştirmek için harcadığınız fazladan zaman, canlılığın artmasına neden olabilir. Bu, çevrimiçi yayınların geleceğidir ve bu şekilde kalabalığın arasından sıyrılabilirsiniz.

Hikayeler Görsel Olarak Anlatılabilir

Hikayeler farklı şekillerde anlatılabilir. Bir roman okuduğumuzda, yalnızca kelimelere ve hayal gücümüze güveniriz. Bu, anlatımın yerini, dikkatle çerçevelenmiş, oynanmış ve düzenlenmiş kelimeler, sesler ve görsellerin bir kombinasyonu olan farklı tekniklerin aldığı sinemadan büyük ölçüde farklıdır. Blog gönderileri, çoğu zaman kullanılmayan araçlar ve teknikler içeren bir karma medya tuvali olmaları bakımından farklı değildir. Pitckfork'un Glitter In The Dark projesini okuduğunuzda, fare tekerleğinin her bir kaydırması, çevrimiçi çevirme kitabında sizi her seferinde bir görüntü ileri çeken yeni bir çerçevedir. National Geographic'ten Killing Kennedy'yi keşfettiğinizde, gerçeküstü bir çevrimiçi deneyimde zamanda geriye götürülürsünüz.

Oluşturucu artık tüm gönderi türleri için etkinleştirildiğinden, bu tür blog gönderileri artık Divi 2.4 ile mümkün! Divi Builder'ı kullanarak, WordPress ile birlikte gelen standart TinyMCE düzenleyicisini kullanmadan önce asla mümkün olmayan oldukça şaşırtıcı şeyler oluşturabilirsiniz.

Güzel Bir Divi Blog Yazısının Anatomisi

İyi bir blog yazısı bir hikaye anlatır ve onu iyi anlatır. Web gibi görsel bir ortamda iyi bir hikaye anlatmak için, sadece ne yazdığınızdan daha fazlasını düşünmeniz gerekir, aynı zamanda yazınızın nasıl görüntülendiğini de düşünmeniz gerekir. Bazı harika temel tipografik stille iyi bir tema kullanmak iyi bir başlangıçtır, ancak yine de sayfanızdaki öğelerin sırası ve yapısı gibi bazı kararları kendiniz vermeniz gerekir.

1. Kenar Çubuğunu Kaldırmaktan Korkmayın – Kenar çubukları giderek daha az gerekli hale geliyor. Blogunuzun tamamında bir kenar çubuğunuz olsa bile, ekranın tüm genişliğinden yararlanmak için bir veya iki gönderiden kaldırmayı düşünebilirsiniz (yukarıdaki "Kar Yağışı" ve "Kod Nedir?" örneklerine çok benzer) ). Kenar çubuğu widget'larını gerçekten gönderide tutmak istiyorsanız, ancak yine de tam genişliğe gitmek istiyorsanız, Kenar Çubuğu modülünü kullanarak bunları sayfanızın altına 1 sütun satırında eklemeyi düşünün. Bu, Divi'nin yazılar için Divi Tema Ayarları kutusunda bulunan yeni “Tam Genişlik” düzeni seçeneğini kullanarak mümkündür.

2. Çok Çıldırmayın – Bazen basitlik en iyi arkadaşınızdır. Divi'de bulunan tüm modüllerle, gönderinize bir ton malzeme eklemek cazip gelebilir. Kendinizi Metin ve Görüntü modülleri gibi temel öğelerle sınırlarken bile, yalnızca bu öğelerin Divi'nin sütun düzenlerini kullanarak nasıl düzenlendiğine bağlı olarak ilham verici bir gönderi oluşturabileceğinizi düşünün. Aşağıdaki örnek blog gönderileri neredeyse tamamen metin ve resim modüllerinden oluşturulmuştur.

3. Fotoğrafları Dikkatli Kullanın – Güzel görüntüler bir gönderinin harika görünmesini sağlayabilir, ancak kötü görüntüler tasarımınızı da mahvedebilir. Blogunuzda fotoğraf kullanıyorsanız, uyumlu bir tarza sahip yüksek kaliteli görseller seçmeye özen gösterin. İyi fotoğraflar bulmak zor olabilir, bu nedenle konuyla ilgili yazımıza göz atmayı unutmayın.

Yazıyı Görüntülemek İçin Buraya Tıklayın

4. İçeriği Sindirilebilir Hale Getirmek İçin Sütunları Kullanın – Uzun blog gönderilerini, aynı format tekrar tekrar tekrarlandığında (metin, resim, metin, resim, metin resmi) anlamak özellikle zor olabilir. Hangi şeylerin birbiriyle ilişkili olduğunu söylemek zor olabilir ve gönderide kolayca kaybolabilirsiniz. Divi'nin sütun düzenlerini kullanarak, görüntülediğiniz içerik için anlamlı olan bir düzen oluşturma fırsatına sahipsiniz.

5. Alanınızın Farkında Olun – Tam Genişliğe Gitmek harika bir seçenektir, ancak Kenar Çubuğu kullanmak da harika görünebilir. Ancak, kenar çubuğunuzun boyutuna ve web sitenizin içerik genişliğine göre içeriğiniz için kullanılabilir alanı göz önünde bulundurmayı unutmayın. Genel olarak, bir kenar çubuğunuz etkinken metni 1/4 sütun satırının içine yerleştirmek zor olabilir. 1/3 sütuna ve üstüne yapışmayı deneyin.

Yazıyı Görüntülemek İçin Buraya Tıklayın

6. Beyaz Alan Arkadaşınızdır – Resim ve metinlerinize nefes alacak alan bırakın. Divi ile her modül, satır ve bölüm, Gelişmiş Tasarım Ayarları sekmesinde özel boşluk kontrollerine sahiptir. Bazen metninizin etrafına fazladan boşluk eklemek, makalenizin daha kolay anlaşılmasını sağlayabilir. İşlerin "ekranın üst kısmında" olması veya sayfanızın çok uzun olması konusunda endişelenmeyin. Akıllı bir adam bir keresinde "hiçbir sayfa çok uzun olamaz, sadece çok sıkıcı" demişti. Etkili bir hikaye ilgi çekicidir ve merak, ziyaretçilerinizi doğal olarak sayfada aşağı çeker.

7. Metniniz ve Görüntünüzle Evlenin – İyi hazırlanmış bir blog yazısı tasarımında, her içerik parçası daha büyük bir resimde küçük bir rol oynar. Her resim etrafındaki metinden uzakta olmalıdır. Metninizin, resimlerinizin ve arka plan renklerinizin birlikte oynamasına izin vererek ilgi çekici düzenler oluşturmak için pek çok fırsat var. Aşağıdaki gönderide, sandalyedeki bükülmenin, bar tezgahlarının solundaki bar tezgahlarına nasıl yol açtığına dikkat edin. Yukarıdaki gönderide, özellikle oluşturmanın ayrıntılı adımlarına, sağdaki eğitici görsellerin nasıl eşlik ettiğine dikkat edin.

8. İçeriği Düzenlemek İçin Bölümlerin Arka Planlarını Kullanma – Daha büyük içerik parçalarını ayırmak için Bölümleri kullanmak, tıpkı bir hikayedeki bölümler gibi makalenizi daha düzenli hale getirmenin harika bir yoludur.

Yazıyı Görüntülemek İçin Buraya Tıklayın

Gönderinize Benzersiz Bir Görünüm Vermek için Divi'nin Gönderi Başlığı Modülünü Kullanın

Divi 2.4'ten önce, tüm gönderiler, gönderi başlığı ve meta veriler dahil olmak üzere tek tip bir düzene sahipti. Gönderiler için Divi Builder'ın kullanıma sunulmasıyla birlikte, standart gönderi öğelerinizin görüntülenmesi de dahil olmak üzere gönderinizle ilgili her şeyin özelleştirilebilir olduğundan emin olmak istedik: Gönderi Başlığı, Meta Verileri ve Öne Çıkan Görsel. Bu artık Yazı Başlığı Modülü kullanılarak mümkündür.

Standart Gönderi Başlığı Görüntülemeyi Devre Dışı Bırakma

Divi ile bir gönderi yazarken, standart gönderi başlığı ekranı artık devre dışı bırakılabilir. Devre dışı bırakıldığında, yazı başlığı da dahil olmak üzere tüm yazınızı oluşturmak için Divi Builder'ı kullanmak için ücretsiz saltanat verilir.

Divi Gönderi Başlığı Modülünü Kullanma

Standart Gönderi Başlığı devre dışı bırakıldığında, sayfanızın en üstüne özelleştirilmiş ve güzel bir şekilde tasarlanmış bir gönderi başlığını otomatik olarak eklemek için Divi Gönderi Başlığı Modülünü kullanabilirsiniz.

Bu modül, gönderi başlığınız, yazar adınız, gönderi tarihiniz, yorum sayınız, kategoriler ve öne çıkan görsel gibi önemli gönderi bilgilerini otomatik olarak görüntüler; normalde gönderinizin en üstünde bulacağınız her şey. Bu bilgi parçaları açılıp kapatılabilir ve ayrıca Post Title Module ayarları kullanılarak farklı düzenler ve stiller halinde yeniden düzenlenebilir.

Bu, yazı blogunuz için tamamen yeni bir görünüm oluşturmanıza olanak tanır. Örneğin, aşağıdaki gönderide standart gönderi başlığı ekranını Divi Gönderi Başlığı Modülü lehine devre dışı bıraktık. Modülü Öne Çıkan Resmi arka plan olarak gösterecek şekilde ayarladık ve ayrıca başlık için özel metin stili ve metne yarı saydam bir arka plan ekledik. Farklı yazı başlığı ayarları kombinasyonu kullanılarak elde edilebilecek çok çeşitli görünümler vardır.

Eğlenin ve Denemeye Başlayın!

Umarım bu yazı size Divi Builder'ın, büyük geliştirme ekipleriyle büyük çevrimiçi yayınların dışında nadiren bulunan hikaye odaklı, karma medya makaleleri oluşturarak blogunuzun kalabalığın arasından sıyrılmasına yardımcı olmak için nasıl kullanılabileceği hakkında birkaç fikir verir. . Bir sonraki gönderinizin tasarımına fazladan zaman ayırmaya çalışın ve ne olduğunu görün. İnan bana, ziyaretçilerin havaya uçacak!