Wordpressのナビゲーション項目を画像に変更するにはどうすればよいですか？

Question

私はここにサイトを持っています：http://www.iliveaccountable.com/

そして、私は最初の項目 "iLiveAccountable"を画像に変えることができるのだろうかと思いました。

ので、代わりに次のように：

それはこのようになります。

私はWordpressの中でそれを行うことができますどのように？

Answer 1

はいできます。しかし、あなたはソースの例を提供していないので、説明は単なる理論的なものです。

メニューのリストが<ul>タグであると予想されます。だから最初の<li>アイテムを変更したいですか？
まず最初の項目を選択して、と "テキスト隠す"：

.myULclass li:first-child { 
    text-indent: -9999em; 
    overflow: hidden; 
} 

をして画像を追加：

.myULclass li:first-child:before { 
    content: url(image.jpg); 
} 

作業を行う必要があります。もちろん、画像サイズなどのためにいくつかのプロパティを追加する必要があります。

注：これはテンプレートを変更せずに純粋なCSSソリューションです。