Arkadaşlar bu sitede gördüğünüz Widgetler özel css ile yapılmıştır eklenti veya temanın özelliği değildir.
Nasıl yapıldığını anlatayım arkadaşlar benim nasıl yaptığımı anlatayım.
Öncelikle tasarım hakkında ne kullanmak istiyorsanız onun css dosyasını karşılayın ben Booststrap’ın css kodlarını kullanıyorum. sizde onu kullanmanız sizin için rahatlık olacaktır.
Şimdi yapımına gelelim hemen;
Bir html sayfası açın ve klasik html taglarını açın ve içine şunları yerleştirin;
///////////////////////////
//////////////////////////
/////////////////////////
head içindeki boostrap css çağırma işlemi size sorun çıkartırsa kendi sunucunuza alın css dosyasını buradan indirin
http://getbootstrap.com/getting-started/
Body içine şimdi bize gerekli olan kategori işlemlerini yapacağız bunu da html table etiketini kullanarak tablolara bölelim ve bize gerekli olan kategori sayısına göre tablo oluşturup içini dolduralım bilginiz yoksa aşağıdaki kodları kulalnın.
Şimdi buradaki kodların açılımını vereyim;
Açıklamayı yaptım, Kategoriler için gerekli resimleri bu adresten edinebilirsiniz, http://www.iconarchive.com/
Şimdi html olarak şablonumuzu hazırladık, bunu wordpress a nasıl uyarlayacağız;
WordPress panelinizdeki Temalar kısmı altındaki Bileşenler sekmesine girin.
Kullandığınız sidebar içine metin widgeti ekleyin ve içeriğine de hazırladığınız html ve css şablonunu ekleyin.
Widget yapımı bukadar arkadaşlar. Anlattığımız widgetin önizlemesi veya kullanılmış bir site olarak benim siteye bakabilirsiniz.
En aşağıdaki 2 widget hariç tüm widgetlerimi manuel html ve css ile yapılmıştır.
Umarım işinize yarar arkadaşlar.
Makale kaynağı
