Wordpress nav düğmeleri gibi görüntüleri nasıl kullanılır?

2 Cevap php

İşte header.php benim navbar olduğu

<!-- NAV -->   
    <div id="nav">
        <ul>
            <li><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/navbar/home.png" alt="Ad image" /></a></li>
            <li><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav2.png" alt="Ad image" /></a></li>
            <li><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav3.png" alt="Ad image" /></a></li>
            <li><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav4.png" alt="Ad image" /></a></li>
            <li><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav5.png" alt="Ad image" /></a></li>
            <li><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/navbar/nav6.png" alt="Ad image" /></a></li>
            <?php wp_list_categories('title_li='); ?>
        </ul>
    </div>
<!-- END NAV -->

Nasıl her düğme orada saygı sayfalara gitmek için alabilirim? Ben pano aracılığıyla kategoride eklerseniz, bir metin tabanlı bağlantı ekler. Ben sadece farklı kategorilerde temsil görüntüleri, herhangi bir düşünce istiyorsun?

2 Cevap

Ben iki seçeneğiniz vardır düşünüyorum:

  • wp_list_categories () işlevi görüntüleri manipüle

  • Metni gizlemek için CSS aracılığıyla metin bağlantıları işlemek, ve (color: transparent; display: block; height: xyz; width: xyz; background-image: url(...)) Bu liste nasıl oluşturulur, sıkı sıkıya bağlıdır ve her liste öğesini tanımlamak için herhangi bir özellikleri olup olmadığını yerine bir arka plan resmini gösterir.

Temiz yolu kesinlikle wp_list_categories yeniden yazma () veya değiştirme sağlayan bir eklenti kullanarak olacaktır. Bu Wordpress forum girişine bakın: How to customize wp_list_categories()?

Her sabit link bir yere gitmek gerekir:

<a href="<?php bloginfo('url'); ?>/categoryname/">

etiketler