[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! important;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0p0 ! önemli; border-bottom-width: 0px! important; padding-bottom: XNUMXpx! important;} "] [vc_column_text]

Divi: Kullanılacak en kolay WordPress teması

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target = "boş" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] İNDİR [/ vcex_button] [/ vc_column] [/ vc_row]

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor.

Makalelerini blogda farklı şekilde yayınlayan bir web sitesine hiç rastladınız mı?

Bazı web siteleri, özel bir arka planla vurgulanan makaleler sunarken, diğerleri her bir kategori yayınını benzersiz bir görünüme sahip olabilir. Her zaman her WordPress gönderisini nasıl özelleştireceğinizi öğrenmek istiyorsanız, doğru yere geldiniz.WordPress'teki her makaleye benzersiz bir stil nasıl verilir

Bu öğreticide, her WordPress makalesinin nasıl farklı şekilde şekillendirileceğini göstereceğiz.

Ancak, WordPress'i hiç yüklemediyseniz, keşfedin Bir WordPress blog 7 adımlarını nasıl yüklenir et Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için 

O zaman neden burada olduğumuza dönelim.

Not: Bu eğitim, WordPress'e özel CSS eklemenizi gerektirir. İnceleme aracını da kullanmanız gerekecektir. Bazı CSS ve HTML bilgisi gereklidir.

WordPress öğeler üzerinde bireysel bir tarzı ver

WordPress, web sitenizin çeşitli öğelerine varsayılan CSS sınıfları ekler. Standart uyumlu bir WordPress teması, gövde, makaleler, sayfalar, widget'lar, menüler ve daha fazlası için CSS sınıfları eklemek için WordPress tarafından gerekli olan koda sahip olmalıdır.

Ayrıca rehberimizi keşfedin Kalıcı: Blogunuza bağlantıları nasıl özelleştirilir

WordPress'in ana işlevi denir " post_class () WordPress'e bu varsayılan CSS sınıflarını makalelere nereye ekleyeceğini söylemek için temalar tarafından kullanılır.

Web sitenizi ziyaret eder ve tarayıcınızda İnceleme aracını kullanırsanız, bu sınıfların her gönderi için eklendiğini görebilirsiniz.

Sınıflar css wordpress panosu

Bir kullanıcı tarafından görüntülenen sayfaya göre varsayılan olarak eklenen CSS sınıfları.

  • .post kimliği
  • .poster
  • .attachement
  • .gluant
  • .hentry
  • arama_özellikleri .kategori İD
  • arama_özellikleri .kategori-name
  • .tag-name
  • .format- {boyut adı}
  • {.type- sonrası tip adı}
  • sonrası üzerlerine .has
  • .post-şifre gerekli
  • .protected-a-şifre ile

Ekran örneği şöyle görünür:

Her bir WordPress yayınını, ilgili CSS sınıflarını kullanarak farklı şekilde özelleştirebilirsiniz.

Ayrıca Oku: WordPress bu hafta sonu blog nasıl iyileştirilir

Örneğin, tek bir yayını düzenlemek istiyorsanız, post-class'ı özel CSS'nizde kullanabilirsiniz.

.post-412 {plan renkli: #FF0303; Renk: #FFFFFF; }

Gönderi kimliğinizle eşleşecek şekilde Gönderi Kimliğini değiştirmeyi unutmayın.

WordPress'teki bir makalenin görünümünü özelleştirin

Başka bir örneğe bakalım.

Bu kez, "news" adı verilen belirli bir kategoride yayınlanan tüm makaleleri ele alacağız.

Rehberimizi keşfedin WordPress Blogunuza Özel CSS Ekleme

Elementor ile web sitenizi kolayca oluşturun

Elementor oluşturmanıza izin verir Kolay ve Ücretsiz profesyonel bir görünüme sahip herhangi bir web sitesi veya blog tasarımı. Kendiniz yapabileceğiniz bir web sitesi için çok fazla ödeme yapmayı bırakın.

Bunu, temamıza şu özel CSS'leri ekleyerek yapabiliriz.

arama_özellikleri .kategori-haber {font-size: 18px; font-style: italic; }

Bu CSS, "kategorisindeki tüm öğeleri etkileyecek güncellik '.

post_class fonksiyonu ()

Tema geliştiricileri işlevi kullanır post_class () WordPress'e gönderi sınıflarını nereye ekleyeceğini söylemek için. Genellikle "makale" etiketinin içindedir.

fonksiyon post_class () Varsayılan olarak WordPress tarafından oluşturulan CSS sınıflarını yüklemekle kalmaz, aynı zamanda kendi sınıflarınızı eklemenize de izin verir.

keşfedin Blogunuza içerik kazıyıcılar nasıl korursunuz

WordPress temanıza bağlı olarak, post_class () işlevini single.php dosyanızda veya şablon dosyalarında bulabilirsiniz. Normalde kod şöyle görünecektir:

" >

Aşağıdaki gibi bir özelliğe sahip kendi özel CSS sınıfınızı ekleyebilirsiniz:

" >

Post_class sınıfı, özel CSS sınıfınızla ilgili varsayılan CSS sınıflarını yazdırır.

Birden fazla CSS sınıfı eklemek istiyorsanız, bunları bir dizi olarak tanımlayabilir ve post-class () işlevinde kullanabilirsiniz.

" >

Makaleleri yazara göre farklı stilde göster

Posts_class işlevi tarafından oluşturulan varsayılan CSS sınıfları, yazarın adını bir CSS sınıfı olarak içermez.

Her gönderinin stilini yazara göre özelleştirmek istiyorsanız, önce yazarın adını bir CSS sınıfı olarak eklemeniz gerekir.

Ayrıca Oku: CSS animasyonları WordPress nasıl eklenir

Bunu aşağıdaki kod parçacığını kullanarak yapabilirsiniz:

" >

Bu kod, kullanıcı adını bir CSS sınıfı olarak ekleyecektir. Kullanıcı adı, WordPress tarafından kullanılan URL ile uyumlu bir addır. Boşluk içermez ve tüm karakterler küçük harflidir, bu da onu CSS sınıfı olarak kullanmak için mükemmel kılar.

Rehberimize bakınız WordPress Blogunuza Özel CSS Ekleme

Yukarıdaki kod muhtemelen şu şekilde görüntülenecektir:

Artık özel CSS'nizde ".peter" kullanarak söz konusu yazara ait tüm gönderileri farklı görünecek şekilde değiştirebilirsiniz.

.peter {plan renkli: #EEE; border: solid 1px #CCC; }

Yorumlara dayalı makalelerin gönderilmesini özelleştirme

Ürünlerinizi internet üzerinden mi satmak istiyorsunuz?

Fiziksel ve dijital ürünlerinizi WordPress'te satmak ve çevrimiçi mağazanızı kolayca oluşturmak için en iyi e-ticaret eklentileri olan WooCommerce'i ücretsiz indirin. Yeni başlayanlar için mükemmel.

Bazen yorumlara göre sıralanan popüler makaleleri içeren widget'lı web siteleri görmüş olabilirsiniz. Bu örnekte, yorum sayısını kullanarak nasıl farklı bir stil oluşturacağınızı göstereceğiz.

Bizim keşfedin Yorumlarınızı yönetmek için 10 premium WordPress eklentisi

İlk önce, yorumların sayısını almalı ve bir sınıfı ilişkilendirmeliyiz.

Yorum sayısını almak için, aşağıdaki kodu WordPress tema dosyalarınıza eklemeniz gerekir. Bu kod WordPress döngüsüne girer, etiketinin hemen önüne ekleyebilirsiniz. .

onaylandı; eğer ($ my_comment_count <10) {$ my_comment_count = 'yeni'; } elseif ($ my_comment_count> = 10 && $ my_comment_count <20) {$ my_comment_count = 'ermerging'; } elseif ($ my_comment_count> = 20) {$ my_comment_count = 'popüler'; }?>

Bu kod, yayınlanan yayın için yorum sayısını kontrol eder ve onlara hesaba dayalı bir değer atar. Örneğin, 10 yorumundan daha az olan mesajlar " yeni 20’den daha az ortaya çıkan ", Ve 20 yorumlarından daha çok endişelenen şey" popüler '.

Daha sonra CSS sınıfını post_class fonksiyonuna eklemelisiniz.

" >

Bu, her yazıdaki yorum sayısına göre tüm makalelere yeni, ortaya çıkan ve popüler CSS sınıflarını ekleyecektir.

Ayrıca sizi şu makaleyi okumaya davet ediyoruz: Belgeleri çevrimiçi imzalamak için 6 WordPress eklentileri

Popülerliğe dayalı stil yayınlarına özel CSS de ekleyebilirsiniz:

.New {sınır: Katı 1px #FFFF00;} .emerging {sınır: 1px #FF9933 etmektedir;} .popular {sınır: 1px #CC0000 kesik;}

Sadece kenarlıklar ekliyoruz, ancak istediğiniz CSS kurallarını ekleyebilirsiniz.

Ayrıca bazı premium WordPress eklentilerini keşfedin  

Modern bir görünüm vermek ve blogunuza veya web sitenize bağlantıyı optimize etmek için diğer WordPress eklentilerini kullanabilirsiniz.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. Ultimate Üyelik Pro

Ultimate Membership Pro mükemmel bir premium WordPress aboneliği ve içerik kısıtlama eklentisidir. Kullanıcıların özel erişim düzeyleri oluşturarak planlarına göre (ücretsiz veya ücretli) yönetilmesine olanak tanır.

Ultimate üyelik pro wordpress üyeliği wordpress eklentisi

Bu nedenle mümkün olacak web sitenizin tüm içeriğini koruveya sadece bir parçası. Örneğin bir kurs, ders, sayfa, ürün, kategori, resim vb. Olacaktır.

Ayrıca bizim makalemizi okuyun. Küçük resimler oluşturmak için 4 premium WordPress eklentileri

Başlıca işlevleri diğerlerinin yanı sıra: içerik koruması, çoklu erişim seviyeleri, birden çok ödeme ağ geçidi desteği - PayPalAuthorize.net, Şerit, 2CheckOut, Banka Havalesi-, içeriğin kısmi koruması, Ve daha fazlası…

Indir | gösteri | Web hosting 

2. How Slider için Facebook

Nasıl kaydırıcı Facebook ziyaretçilere web sitenize yorum yapma fırsatı sunan premium bir WordPress eklentisidir. Bu modern ve müdahaleci olmayan yorum kutusu ile bu WordPress eklentisi, web sitenizin Facebook sosyal ağı ile entegrasyonunu genişletecek Like Box ve Fan Page Wall işlevselliği sağlar.Facebook wordpress sosyal eklenti wordpress için kaydırıcı nasıl

Eklenti, web sitenizin kapasitelerini genişletmek için çeşitli işlevler de sağlar: Örneğin, Beğen bölümü ("Like Box") veya hayranlara ayrılmış bir sayfa ("Fan Page Wall).

Çok keşfetmek Facebook ve Disqus yorumları yavaş yavaş nasıl yüklenir

Gönderilere veya sayfalara "Beğen" ve "Paylaş" düğmelerini yerleştirmenize gerek yoktur, çünkü Facebook Yorum Kaydırıcısı zaten bunlara sahiptir ve herhangi bir yayında veya sayfada görünebilirler. Ziyaretçiler "Beğen" düğmesini bulacaklar, "Paylaş" düğmesi ve Facebook kaydırıcı yorum kutusu. Açıkçası Facebook hesaplarını kullanacaklar.

Ayrıca, sallama efektini açıp kapatabilir ve zamanını ayarlayabilirsiniz.

Indir | gösteri | Web hosting

3. Giriş yap Ninja

Bu premium WordPress eklentisi, giriş sayfanızı özelleştirmenize olanak tanır. Özelleştirmekten daha fazlası giriş formunuz. Sayfanın rengini değiştirerek, arka plan resmi ekleyerek, logo ekleyerek ve daha fazlasını yaparak sayfanın tamamını özelleştirebilirsiniz.Ninja giriş wordpress eklentisi

Diğer özellikleri: captcha ile giriş ve kayıt formlarının korunması, size saldıran IP'lerin otomatik ve manuel olarak yasaklanması, tüm bağlantı etkinliklerinin ayrıntılı bir kaydı, rollere ve kullanıcı adlarına göre kullanıcı yönlendirmesi, e-posta bildirimleri alma tüm bağlantı olayları için, kullanımı kolay bir grafik arayüz, ayrıntılı belgeler ve daha fazlası.

Indir | gösteri | Web hosting

Önerilen Kaynaklar

Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.

Sonuç

Burada ! Bu eğitim için hepsi bu, umarım WordPress blogunuzdaki makalelerin görüntülenmesini özelleştirmenize izin verir. Bu alanda herhangi bir endişeniz veya öneriniz varsa, haydi kendimizi bulalım. tartışılacak yorumlar bölümü.

Bununla birlikte, ayrıca bize danışabilirsiniz kaynakların bulunduğuİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.

Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.

... 

2 hisseleri
hisse
cıvıltı1
Enregistrer1