ホーム / ブログ /

Blogger・QooQの「ナビゲーションバー設定」「パンくずリストの消去」

2022年11月21日月曜日

ブログ

t f B! P L

ナビゲーションバーの設定で、「ホーム・お問い合わせ」タスクをトップページに表示させることができます。

ただ、QooQのトップページには自動的に表示される「ホーム（パンくずリスト）」があります。

なので、ナビゲーションバーにホームを設定すると、トップページにホームが２個表示されます。

というわけで、今日は「ナビゲーションバー設定」と「パンくずリストの消去」に挑戦します。

ナビゲーションバー設定

まずは、ナビゲーションバーの設定方法からです。

【注意】
テンプレートを変更する場合は、必ずバックアップをとることをオススメします。

１、Bloggerの「レイアウト」から「ナビゲーション」を選び「編集」をクリックします。


２、「新しいアイテムを追加」をクリックします。


３、「ページ名」と「ページのURL」を入力します。

入力後、「保存」をクリックします。


４、さらにリストを追加したい場合は、「新しいアイテムを追加」をクリックして、先ほどと同じ作業を繰り返します。


５、リストの順番を変えたい場合は、「上下」のマークで変更可能です。

問題なければ「保存」をクリックします。

【簡単】Bloggerの「お問い合わせ」ページの設定

「お問い合わせ」ページの設定方法は？ ブログを運営する上で、「お問い合わせ」ページの設置は大切です。...

６、ナビゲーションバーの設定が完了しました。

ただ、自動的に表示される「ホーム（パンくずリスト）」は消去したほうがスッキリしますよね。



パンくずリストの消去

トップページに自動的に表示されている「ホーム（パンくずリスト）」の表示を消す方法です。

ナビゲーションにホームを設定すると、トップページに「ホーム」が２個表示されます。

自動的で表示される「ホーム」を消去したい！

次は「パンくずリストの表示を消す」ための方法です。

【注意】
テンプレートを変更する場合は、必ずバックアップをとることをオススメします。

１、Bloggerの「テーマ」から「HTMLを編集」を選択します。


２、HTMLの編集画面で「Ctrl＋F」をクリックします。

検索画面が出てくるので、
div class='breadcrumbsを入力します。

３、検索で見つかった部分のすぐ下に、
<b:if cond='data:blog.homepageUrl != data:blog.url'>を入力します。


４、入力後、画面を下にスクロールしていくと、赤字になっている「</div>」があります。

５、この上に「</b:if>」を入力します。



「パンくずリストの消去」は完了です。


これでトップページのナビゲーションのみに「ホーム」の表示が出るようになります。

画面がすっきりして大満足です。

このブログを検索

QooQ