- デザインテンプレートのメニューバーをカスタマイズできる
- メニューバーは、「トップページ」「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」の4つ全てを編集する必要がある
- デザイン/ブログパーツ設定「PC」より「カスタマイズ」のタブを選択することで編集できる
デザインテンプレートのうち、「エクスクルーシブブラック」と「ビストロ」には、メニューバーがデザインに組み込まれています。
・エクスクルーシブブラックの例
・ビストロの例
このメニューバーはPCブログ管理画面の ブログ設定 ＞ デザイン/ブログパーツ設定「PC」 より 「カスタマイズ」 のタブを選択することで編集できます。デザインカスタマイズの詳細についてはこちらのヘルプもご確認ください。
メニューバーは以下の４つのページのHTMLに記述されているため、全てを編集する必要があります。
- トップページ
- 個別記事ページ
- カテゴリアーカイブ
- 月別アーカイブ
まずは、各ページのHTMLソース内から以下の記述をみつけてください。
<li><a href="http://twitter.com" target="_blank">X</a></li>
<li><a href="http://www.facebook.com" target="_blank">facebook</a></li>
<li><a href="#" target="_blank">about us</a></li>
<li><a href="#" target="blank">contact</a></li>
Xやfacebook、about us、contactといった表記になっている部分は任意の表記、a href=以降の""内に任意のURLの記述が可能です。
例えば、特定のカテゴリアーカイブページへ誘導する場合、自分のブログのリンクさせたいカテゴリをクリックし、URLをコピーしてa href=以降の""内に指定します。
特定の記事ページへ誘導する場合は、about usなどのタイトルで記事を新規作成し、ブログの記事をクリック、URLをコピーしてa href=以降の""内に指定します。
ソース例は下記のようになります。
<li><a href="http://twitter.com/livedoorblog" target="_blank">公式X</a></li>
<li><a href="http://www.facebook.com/ld.nacchan" target="_blank">フェイスブックページ</a></li>
<li><a href="https://support.livedoor.info/hc/ja/sections/9858552818959-%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA-CSS-HTML" target="_blank">デザイン・カスタマイズ</a></li>
<li><a href="https://support.livedoor.info/hc/ja/articles/9253069012367-%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E5%86%85%E3%81%AE%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%83%90%E3%83%BC%E3%82%92%E7%B7%A8%E9%9B%86-%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA" target="_blank">有料プラン会員限定デザインテンプレートのメニューバーを編集（カスタマイズ）する</a></li>
さらに、<li> ～ </li>の行数を削除・追加することでメニューの数も調整することができます。