ホームページテンプレートを無料配布中
商用利用もWEB制作業者様利用も全て無料

テンプレートパーティー

WordPress(ワードプレス)専用テンプレートメニュー

tpwp_cafe11マニュアル

メインメニューに画像を使う

tp_cafe11テンプレートは画像メニュ仕様です。
WordPressで画像メニューにする場合は設定が必要です。

メニューに画像を設定すると、他のテキストメニューのテーマに変更した場合に画像が残って表示されます。他のテーマに変更する場合は以下で入力した画像タグをメニューから外して下さい。

設定方法

  1. まずはメニュー用の画像を用意し、「メディア」->「新規追加」でアップロードしておいて下さい。
  2. メニューに使いたいサムネイルをクリック。
  3. 詳細ページが出てきますので、右側の「URL」欄のアドレスをコピーしてテキストエディタなどにコピーします。

    同じ手順で6個分全てコピーで控えます。
  4. 続いて、上で控えたアドレスをimgタグに置き換えます。
    画像タグの冒頭に、
    <img src="
    と入力し、末尾に、
    " alt="●"><span>●</span>
    と入力。入力し終えたら、●の部分をそのメニュー名に書き換えるだけです。
  5. 続いて、実際のメニューを画像に置き換える設定に入ります。
    WordPress左メニューから「外観」->「メニュー」を選択。メインメニューが選択されているのを確認します。選択されていない場合はこのプルダウンからメインメニューを選択して下さい。
    メニューが見当たらない場合、マニュアルをまずはご覧下さい。
  6. メニューのタブをクリックして開きます。テキストリンク用の文字が入っているところに画像を設定していきます。
  7. 先ほどコピペしておいたタグを貼り付けます。
    残るメニューも全て貼り付けて、「メニューを保存」ボタンを押します。
  8. 最後にプレビューで確認し、以下のように反映されていればOKです。

メニューに画像を設定すると、他のテキストメニューのテーマに変更した場合に画像が残って表示されます。他のテーマに変更する場合は以下で入力した画像タグをメニューから外して下さい。

↑ PAGE TOP