WordPress sitenizde, makaleleriniz altında yazar bilgi kutusu yayınlamak istemez misiniz? Ayrıca bu işlemi eklenti kullanmadan yapacağız desek? Arkanıza yaslanın ve makalemizin devamına goz atın.

WordPress icin onlarca yazar kutusu eklentisi mevcut. Fakat bu eklentilerin bir coğu gereksiz JavaScript ve CSS kodlarından oturu hantal veya tasarım acısından başarısız.

Nasıl yapılır?

Hazırlayacağımız yazar bilgi kutusu sadece birkac satır HTML ve CSS koduyla tamamlanacak. Herhangi bir JavaScript koduna ihtiyac duymayacağız. Sosyal iconları ise CSS Sprite tekniğiyle hazırlayacağız.

Başlangıc

Tasarım olarak gayet basit bir arayuz hazırladık. Boylece sizler tarafından geliştirilmesi ve renklendirilmesi daha kolay olacak.




Hazırsak tasarıma başlayalım.

HTML

Yazar kutusu icin bir oluşturacağız. İcerisinde ise ile sosyal iconlarımızı listeleyeceğiz.

Kod:
[LIST] [URL="https://forumum.net/"