lostyazilim

Wordpress yorum bölümünde yazar adının yanına "onaylı hesap" tiki koyma | Eklentisiz

38 Mesajlar 8.393 Okunma
lstbozum
wmaraci reklam

WpOmerFaruk WpOmerFaruk blogkurdu.net Kullanıcı
  • Üyelik 31.03.2016
  • Yaş/Cinsiyet 33 / E
  • Meslek Wordpress Geliştiricisi
  • Konum İstanbul Anadolu
  • Ad Soyad Ö** Y**
  • Mesajlar 1177
  • Beğeniler 181 / 603
  • Ticaret 53, (%100)
Wordpress üzerine pratik kullanım bilgileri serisinde yeni bölüme hoş geldiniz!

Bu konuda sizlere birçoğumuzun yapmak istediği basit bir Wordpress kurnazlığından bahsedeceğim. Bazıları sadece bunu yapabilmek için sitelerine eklenti yüklüyor ve gereksiz sorgulara sebep oluyor.

Şimdi sizlere hiçbir eklenti kullanmadan Wordpress yazılarınızda yorum bölümünde yorumları bulunan yazarların adını renklendirme ve yazar adının hemen yanında da "onaylı hesap" anlamında bir tik işareti göstermeyi nasıl yapacağınızı göstereceğim. Hadi hemen görelim:

İlk ve son adım: Wordpress yönetici panelimize giriş yaptıktan sonra aşağıdaki CSS kodunu kopyalıyoruz ve Görünüm > Özelleştir > Ek CSS sayfasına erişiyoruz. Kopyaladığımız CSS kodunu ek CSS kodu ekleme alanına yapıştırıp kaydediyoruz. İşte hepsi bu kadar! :)

Artık yazılara yorum yapmış yazarların hem isimleri renkli olarak görünecek hem de isimlerinin yanında bir tik işareti yer alacak.


.bypostauthor .comment-author{
color: #03a9f4;
}

.bypostauthor .comment-author:after {
content: '\2713';
display: inline-block;
background: #03a9f4;
color: #fff;
font-weight: 600;
text-align: center;
font-size: 11px;
width: 15px;
height: 15px;
margin-left: 3px;
position: relative;
top: -2px;
border-radius: 50%;
}




Eğer web sitenizde FontAwesome ikon kütüphanesini kullanıyorsanız kodu aşağıdaki gibi değiştirdiğinizde direkt olarak FontAwesome check circle ikonunu gösterebilirsiniz:


.bypostauthor .comment-author{
color: #03a9f4;
}

.bypostauthor .comment-author:after{
content: '\f058';
font-family: FontAwesome;
display:inline-block;
margin-left: 3px;
color: #03a9f4;
}


FontAwesome ikon kütüphanesi kullanılmış şekilde:



Hepsi bu kadar! Hepinize mutlu bloglamalar! :)

Önemli bilgi: Yukarıdaki CSS kodu içinde yer alan classlar (bypostauthor ve comment-author) yorum alanında kullanılan varsayılan Wordpress sınıflarıdır. Temanız varsayılan Wordpress sınıflarını kullanarak temiz bir kodlama yaptıysa herhangi bir sıkıntı yaşamadan kodları kullanabilirsiniz. Ancak eğer varsayılan sınıflara dikkat edilmeden rastgele bir kodlama yapıldıysa kendi temanızdaki yazar sınıfını tespit edip ona göre değişiklik yapmanız gerekebilir.


Şuraya bir ürün yerleşirme yapayım: 175'ten fazla ayara sahip kendi tasarımım Minima temasında bu özelliği direkt olarak yönetici panelinden aç-kapat sistemi ile hiçbir ek ayar gerekmeden kullanabiliyorsunuz. Üstelik sadece yazarlar için değil siteye üye olmuş diğer kullanıcılar ve ziyaretçiler için de ayrı ayrı uyarılar gösterebiliyorsunuz. Buna ek olarak onaylı hesap işaretinin üzerine gelince dilediğiniz yazının görünmesini sağlayarbiliyorsunuz. Rahatınıza düşkünseniz şu an şahane bir indirme girmiş olan Minima blog temasına bir göz atın derim ;) Minima'daki yönetici ayarları ve görüntülenme şekli:




SezerOkcu Mintik serdar01

kişi bu mesajı beğendi.

wmaraci
reklam

the the Mekatronik.net Kullanıcı
  • Üyelik 01.10.2014
  • Yaş/Cinsiyet 23 / E
  • Meslek Webmaster
  • Konum Çanakkale
  • Ad Soyad A** Ş**
  • Mesajlar 892
  • Beğeniler 282 / 269
  • Ticaret 0, (%0)
Teşekkürler, Çok faydalı içerikler :)
 

 

Mekatronik.net - Haber.red - Begeni.net - sms onay

WpOmerFaruk WpOmerFaruk blogkurdu.net Kullanıcı
  • Üyelik 31.03.2016
  • Yaş/Cinsiyet 33 / E
  • Meslek Wordpress Geliştiricisi
  • Konum İstanbul Anadolu
  • Ad Soyad Ö** Y**
  • Mesajlar 1177
  • Beğeniler 181 / 603
  • Ticaret 53, (%100)

the adlı üyeden alıntı

Teşekkürler, Çok faydalı içerikler :)


Güle güle kullanın :)
the

kişi bu mesajı beğendi.

hozcelik hozcelik i was here Kullanıcı
  • Üyelik 21.06.2016
  • Yaş/Cinsiyet 26 / E
  • Meslek Web Developer
  • Konum İstanbul Anadolu
  • Ad Soyad H** Ö**
  • Mesajlar 1778
  • Beğeniler 776 / 777
  • Ticaret 23, (%100)
Ellerine ve emeğine sağlık.
 

 

💯 Jenerik ve Projelik Domainler | Tıkla Tüm Domainleri İncele

🥳 Yandex Kurumsal Mail Hizmeti | Sınırsız Süre Kullanım | Tıkla Detayları Öğren

 

"Bu dünya öyle ki karanlığı aydınlığından fazla,
Herkes daha fazla ister, azla yetinmez asla."
wmaraci
wmaraci

MuscleTower MuscleTower WM Aracı Kullanıcı
  • Üyelik 31.08.2016
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum Kayseri
  • Ad Soyad T** T**
  • Mesajlar 345
  • Beğeniler 73 / 72
  • Ticaret 18, (%100)
güzel olmuş sizin gibi içerik paylaşanları görmek çok zor
 

 

WpOmerFaruk WpOmerFaruk blogkurdu.net Kullanıcı
  • Üyelik 31.03.2016
  • Yaş/Cinsiyet 33 / E
  • Meslek Wordpress Geliştiricisi
  • Konum İstanbul Anadolu
  • Ad Soyad Ö** Y**
  • Mesajlar 1177
  • Beğeniler 181 / 603
  • Ticaret 53, (%100)

Pawn adlı üyeden alıntı

Ellerine ve emeğine sağlık.


MuscleTower adlı üyeden alıntı

güzel olmuş sizin gibi içerik paylaşanları görmek çok zor


Teşekkür ediyorum, güle güle kullanın :)
 

 

WpOmerFaruk WpOmerFaruk blogkurdu.net Kullanıcı
  • Üyelik 31.03.2016
  • Yaş/Cinsiyet 33 / E
  • Meslek Wordpress Geliştiricisi
  • Konum İstanbul Anadolu
  • Ad Soyad Ö** Y**
  • Mesajlar 1177
  • Beğeniler 181 / 603
  • Ticaret 53, (%100)
FontAwesome kullananlar için ek bir anlatım ekledim. Meraklısına duyurulur :)
 

 

ASametYildirim ASametYildirim Saygı, Sevgi, Anlayış. Kullanıcı
  • Üyelik 16.06.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek Bilgisayar mühendisi öğrencisi
  • Konum Ankara
  • Ad Soyad S** Y**
  • Mesajlar 3826
  • Beğeniler 2399 / 1874
  • Ticaret 97, (%100)

WpÖmerFaruk adlı üyeden alıntı

FontAwesome kullananlar için ek bir anlatım ekledim. Meraklısına duyurulur :)

Hocam harikasın harika :D
 

 

ferhatates ferhatates WM Aracı Kullanıcı
  • Üyelik 18.05.2017
  • Yaş/Cinsiyet 31 / E
  • Meslek Makine Mühendisi
  • Konum Kocaeli
  • Ad Soyad F** A**
  • Mesajlar 28
  • Beğeniler 8 / 11
  • Ticaret 0, (%0)
Katkınız için çok teşekkür ederim, çok güzel bir öneri olmuş. Tagdiv'in Newspaper temasını kullanıyorum, söylediğiniz şekilde yaptım ancak olmadı. Muhtemelen "önemli bilgi" kısmındaki açıklamanızdaki sebepten dolayıdır. Olmadı, öbür türlü nasıl yapılacağını bilmiyorum ancak bypostauthor ve comment-author sınıfları yazmışsınız, kendi temamızdaki yazar sınıfını nasıl tespit edebiliriz? Bir de eklenti olarak ne önerirdiniz?
 

 

WpOmerFaruk WpOmerFaruk blogkurdu.net Kullanıcı
  • Üyelik 31.03.2016
  • Yaş/Cinsiyet 33 / E
  • Meslek Wordpress Geliştiricisi
  • Konum İstanbul Anadolu
  • Ad Soyad Ö** Y**
  • Mesajlar 1177
  • Beğeniler 181 / 603
  • Ticaret 53, (%100)

ASametYildirim adlı üyeden alıntı

Hocam harikasın harika :D

Eyvallah :)

ferhatates adlı üyeden alıntı

Katkınız için çok teşekkür ederim, çok güzel bir öneri olmuş. Tagdiv'in Newspaper temasını kullanıyorum, söylediğiniz şekilde yaptım ancak olmadı. Muhtemelen "önemli bilgi" kısmındaki açıklamanızdaki sebepten dolayıdır. Olmadı, öbür türlü nasıl yapılacağını bilmiyorum ancak eklenti olarak ne önerirdiniz?


Site adresinizi bana gönderin bir bakayım :)
 

 

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al