Wordpress Kategori İconlu yapımı yardım

Arkadaşlar Merhabalar,

Forumda aradım ama bulamamış olabilirim veya konuyu yanlış yere açmış olabilirim konunum yanlış yerde ise gerekli yere yönlendirebilirsiniz.

Sorum başlıktada belirtmiş olduğum gibi aşağıda vereceğim resim gibi yapmak istiyorum ama bir türlü beceremedim, Üst menüde kategorileri yan yana dizip kategorilerime isim olarak Örn: Kuş - Friv- Y10 gibi kategoriler oluşturmak istiyorum ve o kategoriler iconlu olmasını istiyorum. Nasıl bir kodla bunu yapabilirim , kod bilgim çok yok ama az çok öğrenme aşamasındayım.

Örnek Resim :



Yukarıdaki gibi sağa sola kaydırmalı olmasını istiyorum. Yardım edebilecek varmıdır ? Veya elinde hazır kodu olupta paylaşım yapabilirmisiniz.

Not : Konum yardım istemek için açtım, ücret karşılığında yapmak isteyenler vs lütfen pm atmayınız. Param olsa zaten direk ücretli isterdim. Lütfen ricamdır sadece hem öğrenmek adına hemde yardım istemek için açtım.

Şimdiden Teşekkürler ALLAH RAZI OLSUN.

Öncelikle eklentisizde yapabilirsiniz ama şuanda size anlatamayacağım ama şöyle basitçe anlatayım,

https://wordpress.org/plugins/templatic-categoryicons/ bu eklentiyi kurunuz.

<?php
$categories = get_categories(array('hide_empty' => 0,));
foreach($categories as $category) {
$term_id = $category->term_id;
$img_id = get_option("templtax_" .$term_id);
$img = $img_id['img'];
$resim_url = wp_get_attachment_image_src( $img, 'full' );
?>
<a href="<?php echo get_category_link($category->term_id); ?> "><img width="20" height="20" src="<?php echo $resim_url[0]; ?>"><?php echo $category->name; ?></a>
<?php  } ?>

Bu şekilde listeleme yapabilirsiniz, gerekli css html düzenlemeleri kendinize göre yapabilirsiniz.

Çok teşekkür ediyorum @metin_nn; hocam. saolasın becerebildiğim kadar yapacağım css hiç anlamıyorum ama bir şekilde tamamlarım yine teşekkür ediyorum çok saolasın ALLAH RAZI OLSUN.

Hata Kodu : Parse error: syntax error, unexpected '}' in /home/bocek/public_html/mytheme/wp-content/themes/mytheme/index.php on line 29

@metin_nn; hocam merhaba, vermiş olduğunuz kod böyle bir hata verdiriyor. Çözemedim bi yardımcı olabilirmisiniz.

Kodda bir hata göremiyorum, yada gözümden kaçıyor bilemiyorum da, yalnız açılan bir if veya foreach içine koymaya çalışıyor olabilirsiniz. header.php'de en üste sayfadan bağımsız bir yere bu kodu ekleyip tekrar deneyin çalıştığını lütfen oradan test edin

Malesef çalıştıramadım, bağımsız olarakta vs if vs yerden uzakta yapmış olduğum ,

<nav class="menu">
<ul class="main-menu"><li>
 <?php
$categories = get_categories(array('hide_empty' => 0,));
foreach($categories as $category) {
$term_id = $category->term_id;
$img_id = get_option("templtax_" .$term_id);
$img = $img_id['img'];
$resim_url = wp_get_attachment_image_src( $img, 'full' );
?>
<a href="<?php echo get_category_link($category->term_id); ?> "><img width="20" height="20" src="<?php echo $resim_url[0]; ?>"><?php echo $category->name; ?></a>
<?php  } ?>

</li>
</ul>

İşlem yapıyorum, ama hata veriyor " <?php } ?> " şu bölge genelde hata veriyor hep. Neyse sağlık olsun emek verdiniz teşekkür ederim yinede.