Her WordPress’in stilini farklı şekilde nasıl yapılır

Hiç farklı blog gönderme stiline sahip bir site buldunuz mu? Bazı siteler özel arka planlarla vurgulanan yayınlar yayınlarken, diğerleri benzersiz bir görünümle düzenlenmiş her kategori yayınına sahip olabilir. Her WordPress Post’u farklı şekilde organize edeceğinizi öğrenmek istiyorsanız, doğru yerdesiniz. Bu makalede, her bir WordPress postasını farklı şekilde nasıl düzenleyeceğinizi göstereceğiz.

Not: Bu öğretici, WordPress’e özel CSS eklemenizi gerektirir. Ayrıca bir muayene aracı kullanabilmelisiniz. CSS ve HTML hakkında bazı temel bilgiler gereklidir.
WordPress WordPress’te tek tek yayınlar düzenlemek, web sitenizdeki çeşitli öğelere varsayılan CSS sınıfları ekler. Standartla eşleşen WordPress temaları, gövdeye, direklere, sayfalara, widget’lara, menülere ve daha fazlasına CSS sınıfları eklemek için WordPress’in ihtiyaç duyduğu koda sahip olmalıdır. Post_class () adlı WordPress çekirdek işlevi, WordPress’e göndermek için CSS varsayılan sınıfını nereye ekleyeceğini söylemek için temalar tarafından kullanılır. Web sitenizi ziyaret ederseniz ve tarayıcınızda bir muayene aracı kullanırsanız, her yazı için eklenen bu sınıfları görebileceksiniz.

Aşağıda, kullanıcının gördüğü sayfaya göre varsayılan olarak eklenen CSS sınıfıdır.
.Post-Id
.Postalamak
.Ek
.yapışkan
.Hentry (Hatom Microdeat sayfaları)
.Kate-iid
.Name kategorisi
.isim etiketi
.Format- {format-nama}
.type- {post-type-name}
.Has-Post-Phumbnail
.post -password gerektiren
.Post-Password korumalı
Çıktı örnekleri şöyle görünecektir: Her WordPress Post’u her bir CSS kullanarak farklı şekilde düzenleyebilirsiniz Sınıf -Masal. Örneğin, her gönderiye stil vermek istiyorsanız, ID sonrası sınıfı özel CSS’nizde kullanabilirsiniz.
.Post-412 {
Arka Plan rengi: #FF0303;
Renk: #ffffff;
}
Mülkünüze uyacak şekilde posta kimliğini değiştirmeyi unutmayın.
Başka bir örneğe bakalım. Bu kez haber adı verilen belirli kategoriler altında gönderilen tüm yayınları düzenleyeceğiz. Bunu temamıza aşağıdaki özel CSS ekleyerek yapabiliriz “. Kategori-News {

yazı tipi boyutu: 18px;
yazı tipi tarzı: italik;
}
Bu CSS, haber kategorisi altında gönderilen tüm yayınları etkileyecektir. Post -Developer Class Fonksiyon Teması, WordPress’e bir gönderi sınıfı nereye ekleneceğini söylemek için post_class işlevini kullanır. Genellikle etiketinde vardır.
POS sınıf işlevi yalnızca WordPress tarafından üretilen varsayılan CSS sınıfını içermez, aynı zamanda kendi sınıfınızı eklemenizi sağlar. Temanıza bağlı olarak, Post_Class işlevini single.php dosyanızda veya içerik şablonu dosyasında bulacaksınız. Genellikle, kod şu gibi görünecektir: <makale id = "post- ” >
Şuna benzer özniteliklerle kendi özel CSS sınıfınızı ekleyebilirsiniz: <makale id = "Post- ” >
Post_class, her biri özel CSS sınıfınızla varsayılan CSS sınıfını yazdırır.
Birkaç CSS sınıfı eklemek istiyorsanız, bunu bir dizi olarak tanımlayabilir ve Post_class işlevinde arayabilirsiniz.
<makale id = "post- ” >
The_Posts işlevi tarafından üretilen CSS varsayılan sınıf yazarına dayalı farklı gönderi stili, yazarın adını CSS sınıfı olarak içermez. Her yazının stilini yazara göre ayarlamak istiyorsanız, önce yazarın adını CSS sınıfı olarak eklemeniz gerekir.
Bunu aşağıdaki snippet’leri kullanarak yapabilirsiniz:
<makale id = "post- ” >
Bu kod, CSS sınıfı olarak iyi bir kullanıcı adı ekleyecektir. Nicename, WordPress tarafından kullanılan url dostu bir isimdir. Alanı yoktur ve küçük harfle CSS sınıfı olarak kullanılmasını mükemmel hale getiren tüm karakterler.
Yukarıdaki kod size şu şekilde çıktı verecektir:
Artık, bu özel yazarın tüm yayınlarını farklı görünmesi için düzenlemek için özel CSS’nizdeki .Peter’i kullanabilirsiniz.

.Peter {
Arka Plan rengi: #EEE;
Sınır: 1 piksel katı #CCC;
}
Popülerliğe dayalı gönderme stili, bazen yorum sayısına dayanan popüler bir yazı widget’ına sahip bir site görmüş olabileceğiniz yorum sayısını kullanarak. Bu örnekte, yorum sayısını kullanarak yayınları farklı şekilde nasıl düzenleyeceğinizi göstereceğiz. İlk olarak, yorum sayısını almalı ve sınıfı onunla ilişkilendirmeliyiz. Yorum sayısını almak için, tema dosyanıza aşağıdaki kodu eklemeniz gerekir. Bu kod WordPress döngüsüne dahil edilmiştir, böylece etiketinden hemen önce ekleyebilirsiniz. onaylandı;
if ($ my_comment_count = 10 && $ my_comment_count = 20) {
$ my_comment_count = ‘popüler’;
}
?>
Bu kod, görüntülenen yayınların yorum sayısını kontrol eder ve onlara bu sayıya dayalı bir değer verir. Örneğin, 10’dan az yorum içeren yayınlar, yeni, 20’den az görünen bir sınıf ve 20’den fazla popüler yorum olan bir sınıf alır.
Ardından, Post_Class işlevine CSS sınıfı yorum sayısı eklemeniz gerekir. <Makal ID = "Post- >
Bu, yeni ortaya çıkan yeni bir CSS sınıfı ekleyecek ve her yazının sahip olduğu yorum sayısına göre tüm yayınlara popüler olacak. Popülerliğe dayalı olarak gönderme kuvvetine özel bir CSS ekleyebilirsiniz: .New {Border: 1px katı #ffff00;}
.Emerging {kenarlık: 1px kesik #ff9933;}
.Popular {kenarlık: 1px kesik #cc0000;} Yalnızca sınırlar ekleriz, istediğiniz CSS kurallarını ekleyebilirsiniz.
Tema dosyalarınızdaki CSS sınıfı Kustom sabit kodlama alanına dayalı olarak gönderme stili sizi yalnızca belirli CSS sınıflarıyla sınırlandırır. Ya yazarken makaleye hangi CSS sınıfının ekleneceğine karar vermek istiyorsanız ne olur? Özel bir alanla, CSS sınıfını hızlı bir şekilde ekleyebilirsiniz. İlk olarak, postaya özel bir alan eklemeniz gerekir, böylece test edebilirsiniz. Gönderiyi düzenleyin ve özel alana gidin.
Özel bir alan adı olarak bir yazı sınıfı sınıfı ve değer alanında CSS sınıfı olarak kullanmak istediğiniz her şeyi ekleyin. Kaydetmek için ‘Özel Alan Ekle’ düğmesine tıklamayı ve ardından yayınınızı kaydedin. Ardından, özel alanınızı post -class olarak görüntülemek için tema dosyanızı düzenleyin. id, ‘sınıf sonrası’); ?>
<makale id = "post- ” >
Bu, aşağıdaki HTML’yi görüntüleyecektir: >>
Artık özel bir alan kullanarak eklediğiniz Post_class için özel bir CSS ekleyebilirsiniz.

Arka plan-rengi: ## FF0000;
}