0

私は現在WordPressサイトに取り組んでいます。私のナビゲーション以外はすべてうまくいっています。WordPress が使用する標準のテキストおよび CSS ベースのナビゲーションは使用したくありませんが、グラフィック イメージ (PNG ファイル、必要に応じてファイル タイプを変更できます) を使用して独自のナビゲーションを挿入します。

ナビゲーションにテキストの代わりに画像を表示できる WordPress のプラグインを知っている人はいますか?

よろしく、ネーダー

4

2 に答える 2

1

独自の css ファイルが必要ですか? もしそうなら、これを使ってwordpressにあなた自身のcssファイルを使うように言うことができます：

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

例 ：

<?php

    /*
     * This example will work with WordPress 2.7
     */

    /*
     * register with hook 'wp_print_styles'
     */
    add_action('wp_print_styles', 'add_my_stylesheet');

    /*
     * Enqueue style-file, if it exists.
     */

    function add_my_stylesheet() {
        $myStyleUrl = plugins_url('style.css', __FILE__); // Respects SSL, Style.css is relative to the current file
        $myStyleFile = WP_PLUGIN_DIR . '/myPlugin/style.css';
        if ( file_exists($myStyleFile) ) {
            wp_register_style('myStyleSheets', $myStyleUrl);
            wp_enqueue_style( 'myStyleSheets');
        }
    }

?>
于 2011-12-11T13:52:38.527 に答える
0

ナビゲーション バーの出力を変更するには、wp_navmenu() 関数の出力をスタイリングする必要があります。その出力は firebug で確認できます。これは次のようになります。

<li id="menu-item-689" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-689">
    <a href="#">Categories</a>
</li>

背景画像で ID またはクラスをターゲットにし、オプションでメニュー テキストを非表示にします。そのために推奨される方法は、子テーマの style.css ファイルを使用することです。親のファイルをいじらないでください。それらを新しい style.css ファイルにインポートするだけです。子テーマの作成に関するコーデックスを確認してください。

次のようなことを試してください：

#menu-item-689{
    background-image: url('whatever.img');
    margin: -999em;
    font-size: 0;
}

display:noneスクリーンリーダーに読んでもらいたいので、使用しないでください。もう 1 つの方法は、リスト全体の位置を絶対に設定し、left: -999em.

于 2011-12-11T23:08:25.843 に答える