メニューに画像を埋め込みたい

  • yamanoma

    (@yamanoma)


    11年、 10ヶ月前

    テーマSimplrを利用してサイトを作成しています。
    ヘッダーのメニューの中に、リンクを貼った画像を入れたいのですが
    上手く行かず困っています。

    今は下記の用に入力していますが、丁度メニューの一つ上の行に表示されています。

    `</li>
    <li>
    <body class="<?php simplr_body_class() ?>">

    <div class="banner">
    <a href="URL"><img src="imgURL" ></a></div><?php simplr_globalnav() ?>

    </div>
    </li>
    <li>`

    色々試しているうちに、<?php simplr_globalnav() ?>の部分が
    メニューにあたると分かったのですが、その前後に入れても
    思ったような結果が得られませんでした。（中に組み込まれず上下に表示される）

    最終的には画像が入ったメニューの部分ごと、スクロールしても固定させるような形に
    できたらと思っているのですが・・・

    どなたか教えていただけますと幸いです。
    よろしくお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • nekomimiTaicho

    (@nekomimitaicho)

    11年、 10ヶ月前

    <?php simplr_globalnav() ?>

    ここの部分でメニューに必要なHTMLを書き出していますのでPHPのコードではなく、ブラウザで表示したときの「ソースを表示」で出てきたHTMLを見て、CSSで指定してあげればいいと思います。

    トピック投稿者 yamanoma

    (@yamanoma)

    11年、 10ヶ月前

    ありがとうございます。
    ヘッダーの一部を変えたいからといってヘッダーを編集する訳ではないのですね。
    早速htmlで確認したところ、メニュー部分はbannerというクラスに分類しているということがわかりました。
    cssにもbannerについて書かれている箇所がありました。

    自分なりに調べてみたところ、
    cssでリンクそのものに背景（画像）を指定して、

    htmlに

    のようなタグを入れる必要があると思うのですが、
    どこでそこを編集出来るのかよくわかりません。

    nekomimi-Taicho様のアドバイスだと、cssだけでリンクを設定すると言うことでしょうか？

    トピック投稿者 yamanoma

    (@yamanoma)

    11年、 10ヶ月前

    投稿ミスです。申し訳ございません。

    htmlに
    <a href="URL"></a>
    のようなタグを入れる必要があると思うのですが

    です。
    どうぞよろしくお願いいたします。

    Pineapplen

    (@pineapplen)

    11年、 10ヶ月前

    CSSだけで設定することもできます（「画像置換」などのキーワードで探してみてください）。

    もしくは、こういうこともできるようです。
    http://bizvektor.com/bizvektor_urawaza/gmenu_img/

    トピック投稿者 yamanoma

    (@yamanoma)

    11年、 10ヶ月前

    ありがとうございます！
    画像置換について早速調べてみました。
    参考サイトもとても為になりました！まだまだ勉強不足ですね…。

    わたしの使うテーマ、Simplrの場合、
    固定ページを増やすと自動的にヘッダーのメニューにテキストリンクが追加されるようになっています。
    わたしが画像にしたいのは、別サイトへのテキストリンクなので、
    それが追加できたら、
    Pineapplenさまの通りCSSで画像置換をしてあげればよいと思うのですが、そこがよくわかりません。

    外観＞メニュー
    ではカスタムリンクが追加出来ますが、

    「現在のテーマはメニューに対応していませんが、“カスタムメニュー” ウィジェットを使い、ここで作成したメニューをテーマのサイドバーに追加できます。」

    と表示されており、ここに追加してもあまり意味はないようです。
    少し質問内容が変わって来てしまいまして、申し訳ございません。
    どうぞよろしくお願いいたします。

    Pineapplen

    (@pineapplen)

    11年、 10ヶ月前

    １．テーマの中に　simplr_globalnav()　を規定している箇所があるのでそこを探して編集する
    ２．simplr_globalnav()　を使用しないでご自分でカスタムメニューを規定・表示するためのコードを書く
    のどちらかだと思います。

    「WordPress　カスタムメニュー」で検索してみたらいいのでは？

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「メニューに画像を埋め込みたい」には新たに返信することはできません。