Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!


Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > WordPress

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

  #1  
Okunmamış 01 Temmuz 2018, 11:26
WpÖmerFaruk Adlı Üyenin Avatarı
blogkurdu.net
 
Üyelik Tarihi: 31 Mart 2016
Cinsiyet: Erkek
Ad, Soyad: Öm... Ya...
Mesajlar: 1.191
Beğeniler: 594 / 182
Ticaret: 49, 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.

Kod:
.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:

Kod:
.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:




serdar01, ismail, the ve 10 kişi daha bunu beğendi.
Konu WpÖmerFaruk tarafından (04 Ağustos 2018, 17:55 ) değiştirilmiştir.
  #2  
Okunmamış 01 Temmuz 2018, 11:37
the Adlı Üyenin Avatarı
the the şuan çevrimdışıdır.
Mekatronik.net
 
Üyelik Tarihi: 01 Ekim 2014
Cinsiyet: Erkek
Meslek: Webmaster
Konum: Çanakkale
Ad, Soyad: Ab... Şa...
Mesajlar: 803
Beğeniler: 244 / 251
Ticaret: 0, 0%
Teşekkürler, Çok faydalı içerikler
mekatronik.net
  #3  
Okunmamış 01 Temmuz 2018, 11:43
WpÖmerFaruk Adlı Üyenin Avatarı
blogkurdu.net
 
Üyelik Tarihi: 31 Mart 2016
Cinsiyet: Erkek
Ad, Soyad: Öm... Ya...
Mesajlar: 1.191
Beğeniler: 594 / 182
Ticaret: 49, 100%
Alıntı:
the Adlı Üyeden Alıntı
Teşekkürler, Çok faydalı içerikler
Güle güle kullanın
the bunu beğendi.
  #4  
Okunmamış 01 Temmuz 2018, 11:57
Pawn Adlı Üyenin Avatarı
 
Üyelik Tarihi: 21 Haziran 2016
Yaş / Cinsiyet: 21 / Erkek
Meslek: Öğrenci
Ad, Soyad: Hü... Öz...
Mesajlar: 1.491
Beğeniler: 716 / 67
Ticaret: 20, 100%
Ellerine ve emeğine sağlık.
  #5  
Okunmamış 01 Temmuz 2018, 12:00
MuscleTower Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 31 Ağustos 2016
Cinsiyet: Erkek
Meslek: Öğrenci
Konum: Kayseri
Ad, Soyad: Tü... Te...
Mesajlar: 339
Beğeniler: 70 / 70
Ticaret: 12, 100%
güzel olmuş sizin gibi içerik paylaşanları görmek çok zor
  #6  
Okunmamış 01 Temmuz 2018, 12:01
WpÖmerFaruk Adlı Üyenin Avatarı
blogkurdu.net
 
Üyelik Tarihi: 31 Mart 2016
Cinsiyet: Erkek
Ad, Soyad: Öm... Ya...
Mesajlar: 1.191
Beğeniler: 594 / 182
Ticaret: 49, 100%
Alıntı:
Pawn Adlı Üyeden Alıntı
Ellerine ve emeğine sağlık.
Alıntı:
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
  #7  
Okunmamış 01 Temmuz 2018, 12:42
WpÖmerFaruk Adlı Üyenin Avatarı
blogkurdu.net
 
Üyelik Tarihi: 31 Mart 2016
Cinsiyet: Erkek
Ad, Soyad: Öm... Ya...
Mesajlar: 1.191
Beğeniler: 594 / 182
Ticaret: 49, 100%
FontAwesome kullananlar için ek bir anlatım ekledim. Meraklısına duyurulur
  #8  
Okunmamış 01 Temmuz 2018, 12:50
ASametYildirim Adlı Üyenin Avatarı
Saygı, Sevgi, Anlayış.
 
Üyelik Tarihi: 16 Haziran 2017
Cinsiyet: Erkek
Konum: Ankara
Ad, Soyad: Ab... Yı...
Mesajlar: 3.809
Beğeniler: 1787 / 2312
Ticaret: 82, 100%
Alıntı:
WpÖmerFaruk Adlı Üyeden Alıntı
FontAwesome kullananlar için ek bir anlatım ekledim. Meraklısına duyurulur
Hocam harikasın harika
  #9  
Okunmamış 01 Temmuz 2018, 12:54
ferhatates Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 18 Mayıs 2017
Yaş / Cinsiyet: 26 / Erkek
Konum: Kocaeli
Ad, Soyad: Fe... At...
Mesajlar: 28
Beğeniler: 11 / 8
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?
Konu ferhatates tarafından (01 Temmuz 2018, 13:00 ) değiştirilmiştir.
  #10  
Okunmamış 01 Temmuz 2018, 13:00
WpÖmerFaruk Adlı Üyenin Avatarı
blogkurdu.net
 
Üyelik Tarihi: 31 Mart 2016
Cinsiyet: Erkek
Ad, Soyad: Öm... Ya...
Mesajlar: 1.191
Beğeniler: 594 / 182
Ticaret: 49, 100%
Alıntı:
ASametYildirim Adlı Üyeden Alıntı
Hocam harikasın harika
Eyvallah

Alıntı:
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
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > WordPress


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 08:53.