WordPress テンプレート

WordPressテンプレートの使い方とカスタマイズ

【賢威6.2】トップメニューへのリンク追加方法

読了までの目安時間:約 5分

 


賢威6.2

賢威6.2のトップメニュー部位にリンクを追加していく方法をご紹介します。

 

トップメニュー

 

 

 

トップメニュー部位を編集するには

 

外観⇒テーマの編集⇒footer.phpより以下の部分を探してください。

 

 

<!--▼トップメニュー-->
<div id="top">
<div id="top-in">

<ul id="top-menu">
<li><a href="<?php bloginfo('url'); ?>/sitemaps/">サイトマップ</a></li>
</ul>

</div>
</div>
<!--▲トップメニュー-->

 

 

この中の以下の部分を編集することで、リンクを追加していくことができます。

 

 

<ul id="top-menu">
<li><a href="<?php bloginfo('url'); ?>/sitemaps/">サイトマップ</a></li>
</ul>

 

 

 

リンクを追加する方法

 

以下の太文字部分のようにして追加していきます

 

  • URL 飛ばしたいページのURL
  • アンカーテキスト リンク先のページはどのようなページか

 

<ul id="top-menu">
<li><a href="<?php bloginfo('url'); ?>/sitemaps/">サイトマップ</a></li>

<li><a href="URL">アンカーテキスト</a></li>

<li><a href="URL">アンカーテキスト</a></li>

<li><a href="URL">アンカーテキスト</a></li>

・・・・
</ul>

 

 

下に追加したものほど、右側に表示されるリンクとなります。

 

 

 

変更前

 

<ul id="top-menu">
<li><a href="<?php bloginfo('url'); ?>/sitemaps/">サイトマップ</a></li>
</ul>

 

 

変更後

 

<ul id="top-menu">
<li><a href="<?php bloginfo('url'); ?>/sitemaps/">サイトマップ</a></li>
<li><a href="http://yakugakusuikun.com/lithium/contact">お問い合わせ</a></li>
</ul>

 

 

このように変更すると、次のように表示されます。

 

トップメニュー

 

 

 

その他の賢威のカスタマイズはこちらから

 

 

⇒ 賢威カスタマイズ資料

 

 

賢威   コメント:0

この記事に関連する記事一覧

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: