Yazar tarafından Divi’nin blog yazısının renk kodunu nasıl renklendirir
Divi’nin temel amaçlarından biri, web sitenizdeki her öğenin iyi görünmesini ve blog gönderisinin bir istisna olmadığından emin olmaktır. Bununla birlikte, her zaman iyileştirme için yer vardır ve yazar tarafından blog yayınınızın renk gönderimi, kullanıcıların içeriğinizde daha verimli bir şekilde gezinmeleri için bir yol sunar (ve en sevdikleri yazarları tanımlar!). Bu makalede, Divi blog yayınınıza neden bir renk kodu vermek isteyebileceğiniz ve bunu iki basit adımda nasıl yapacağınız hakkında daha fazla konuşacağız. Yeni bir boya katmanı zamanı! Neden daha ileri gitmeden önce Divi blog yayınınızın renk yayınını göz önünde bulundurmalısınız, divi blogunuzu gönderen renk kodu ile ne demek istediğimizi açıklığa kavuşturalım. Bir sonraki bölümde, kendi gönderileri için bir arka plan olarak görünecek yazarlarınızın her birine nasıl renk vereceğinizi öğreteceğiz. Bu örnekte, çok ilginç bir açık mavi renge sahip kendi gönderimi (yazar1 olarak) ayarladım:
Etkinin kendisi nispeten basittir, ancak yazarları ayırt etmek için bir etkisi olan bir yol sunar. Kullanıcılar en sevdikleri yazarların yeni eserlerini bir bakışta kolayca tanıyabilirler. Tabii ki, yazarın daha önemli adını yapmak aynı etkiye sahip olabilir, ancak görsel olarak çarpıcı olmayabilir. Buna tek dikkatiniz renk seçiminizdir. Örneğin, bu bölümün başında bir ekran görüntüsü alın-Divi blog endeksimiz beyaz bir arka plan kullanıyor, bu yüzden yazarımızı yayınlamak için genç pastel renkleri kullanmaya karar verdik. Farklı bir renk şeması seçersek ne olacağını görelim: Tabii ki, bu aşırı bir örnektir, ancak bu, noktalarımızı göstermemize yardımcı olur. Gönderinize bir renk kodu vermek istiyorsanız, paletinizi dikkatlice düşünmelisiniz, gerekirse yardımcı olmak için uygun aracı kullanın. Her yazı arasındaki farkı vurgulamak için kontrast renkleri kullanmak, kullanıcıların yazarı hızlı bir şekilde tanımlamasına yardımcı olabilir, ancak blog stilinize zarar verebilir ve içeriğinizi okumanızı zorlaştırabilir. Yazar’a dayanan Divi blog yazısının renk kodunu nasıl renklendirir (2 adımda) Şimdi teoriyi tartıştık, Divi blog yazısı için gerçek renk koduna nasıl geçmenin zamanı geldi. Bu özelliği etkinleştirmek sadece iki adım alır, ancak başlamadan önce bazı hususlar vardır. Bir başlangıç olarak, WordPress sitenizin bir yedeklemesini yapmak isteyeceksiniz, bu da değişiklik yaparken her zaman iyi bir fikirdir. İkincisi, bir divi çocuk teması oluşturmak istersiniz, böylece tema güncellendikten sonra modifikasyonunuz kalacaktır. Son olarak, FTP istemcisini bir numaralı adım için kullanmalısınız. Filezilla’yı kullanacağız, ancak istediğiniz başka araçlar varsa, yapın. Adım #1: Kod görüntülerini Fonksiyonlara ekleyin. Oradan, public_html/ wp-concent/ themes/ adresini açın, ardından alt tema klasörünüzü bulun. Ana bilgisayarınıza bağlı olarak public_html veya kök klasörüne www veya site etki alanınızdan sonra adlandırılabilir:Çocuğunuzun tema klasörünü bulduktan sonra, içindeki Functions.php dosyalarını açın ve arayın. Şimdi, ona sağ tıklayın ve görünümü okuyan seçeneğe basın: Bu, varsayılan metin düzenleyicinizle bir dosya açmanızı isteyecektir. Çocuğun temasıyla uğraştığımız için, dosya işlevi.php, anne işlevi dışında çoğunlukla boş olmalısınız. Yazarın her biri için otomatik olarak yeni bir sınıf oluşturan görüntüler ekleyeceğiz. Örneğin, John adında bir WordPress kullanıcısınız varsa, yazar-John sınıfını kullanabilirsiniz. Bu, daha sonra bazı CSS kodları eklememize izin verecektir. Ardından, satırdan sonra aşağıdaki PHP parçalarını ekleyin // Enqueue ana eylemi: function et_set_author_class ($ classs) {$ classics [] = ‘yazar-‘. StrtoLower (str_replace (”, ‘-‘, get_the_author ())); $ sınıfları döndür;}
add_filter (‘post_class’, ‘et_set_author_class’); Şimdi değişikliklerinizi kaydedin, editörü kapatın ve bitirin! Karşılaştığınız yazar ne olursa olsun, sınıfınızın çalışması için küçük harfli karakteri kullanmanız gerektiğini unutmayın. İkinci adım için önemli olacaktır. Adım #2: CSS Kustom Divi seçeneğini kullanarak her yazarın rengini belirleyin Şimdi yeni işlevimiz hazır, bir sonraki adım yazarlarınızın her biri için rengi ayarlamaktır. Divi, bunu özel CSS özellikleriyle yapmanıza izin verir, çünkü orada eklediğiniz kod tüm temalarınızı etkileyecektir. Bunu bulmak için WordPress kontrol panelinizi açın ve Divi sekmesi> tema seçeneklerine gidin, ardından sayfanın sonundaki özel CSS kutusuna gidin:
Yazarlarınızın her biri için bu alana yeni bir CSS hattı eklemelisiniz. Örneğin, yazarın adına sahip bir yazarınız varsa, onlar için belirli bir renk ayarlama şekliniz: .author-author1 {background-color: #c1f3fa! Önemli; kullanıcı adınız. Arka plan rengini gösterdikten sonra, kodun önemli olduğundan emin olmanız gerekir. Basitçe söylemek gerekirse, bu daha ağır bir kod verir ve görünebilecek herhangi bir çatışmayı bir kenara koyar – onsuz, bu özellik çalışmaz. Son örneklerden birini tartışalım. Bu durumda, iki yazar için farklı renkler ayarlayacağız. Divi özel CSS alanımıza eklediğimiz kod aşağıdadır: .Author-author1 {arka plan-color: #c1f3fa! Önemli;}
.Author-author2 {arka plan-color: #f9fcb8! Önemli;} Şimdi, ön uçtan görülen budur:
SONUÇ Blog yayınınızın yazar tarafından renk yayınlanması, kullanıcıların içeriğinizde daha kolay gezinmelerine yardımcı olabilecek basit bir özelliktir (özellikle geniş bir arşiviniz varsa).Buna ek olarak, kullanıcılarınızın çoğu en sevdikleri yazar postasını sadece renkle tanıyabilmekten mutluluk duyabilir.Dosyaları değiştirmeye başlamadan önce, sitenizi ayırmayı ve bir çocuk teması hazırlamayı unutmayın, böylece değişikliğiniz gelecekte kalacaktır.Bittiğinde, bunlar yazar tarafından divi blog yayınınıza renk kodunu vermek için izlemeniz gereken iki adımdır: functions.php dosyasını değiştirin.
Özel bir CSS DIVI seçeneği kullanarak yazarlarınızın her biri için rengi belirleyin. Yazar tarafından Divi Blog Post Kodunun nasıl renklendirileceğine dair sorularınız var mı?Aşağıdaki yorumlar bölümünde sorun!Razzers / Shutterstock.com tarafından Makale Küçük Resmi.
