Seesaaブログにパンくずリストを設置する方法【新システム】

Seesaaブログにパンくずリストを設置する方法

今回はseesaaブログの新システム版でパンくずリストを設置する方法を紹介していきます。パンくずリストは多くのブログで設置されていて、これによって内部リンクにもなりますし、SEO対策としても効果が期待できます。

ちなみにパンくずリストというのはどのカテゴリーの中の記事なのか?という道案内的なリンク。

Seesaaブログにパンくずリストを設置する方法-1

意外にクリックされることも多く、SEOやPV(ページビュー)の増加も期待できるかも。それでは早速設置をしていきましょう。

パンくずリストを設置する手順

まずはseesaaブログの管理画面から「デザイン」⇒「CSS/HTML編集」⇒適応中のデザインタイトルをクリックし、「HTML編集」を選択。

SeesaaブログHTMLの編集

するとHTMLコードがズラリ並んでいるのでその中から次のコードを探します。このテンプレートだと17行目から22行目付近。

このコードの下に次のコードを追加して下さい。

MEMO

もし先にグローバルナビを設置している方はグローバルナビのコードの下に追加ね。

追加できたらこれで「保存」しておきます。これでパンくずリスト自体は設置されているはず。さらに位置の調整もしておきます。

パンくずリストの位置調整

さて、パンくずリストの位置調整。先ほど同様にseesaaブログの管理画面から「デザイン」⇒「CSS/HTML編集」⇒適応中のデザインタイトルをクリックし、「スタイルシート編集」というタブが選択されている事を確認。

Seesaaブログスタイルシート編集画面

スタイルシートのコードがズラリ並んでいますが、一番下までスクロールして次のコードを追加。

ここの「margin」という部分で位置調整ができます。「上、右、下、左」と時計回りの順番で調整ができます。

「5px」という部分は上への余白。このマイナス値を大きくすればパンくずを上に持って行く事ができますし、マイナスではなく普通に〇〇pxとすれば下にずらす事が可能です

また10pxとしている部分は下への余白なのでこの数値を大きくすれば記事コンテンツとの距離が開きます。

「font-size」で文字の大きさを変更する事ができますし、「line-height」で高さも調整できるのでお好みで数値を変更すればOKです。

以上Seesaaブログにパンくずリストを設置する方法でした。

最終更新日:2018/05/17

Seesaaブログにパンくずリストを設置する方法【新システム】”に28件のコメントがあります。

コメントの反映には時間がかかる場合があります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

  1. みむ

    昨日、はじめまして、とご挨拶したのですが、以前にもリンクを貼らせていただいた報告をしておりました・・・大変失礼しました。
    基本的にリンクフリーとの事、承知しました!
    ブログのカスタマイズはとても楽しいですね^^こちらこそ、今後もお世話になりたいと思います。よろしくお願いいたします。

  2. しげぞう 投稿作成者

    みむ様

    わざわざありがとうございます。基本的にリンクフリーですので自由にリンクお願いします。私もありがたいです(^^)今後ともどうぞよろしくお願い致します。

  3. みむ

    はじめまして。
    こちらの記事のリンクをはらせて頂きましたので、ご報告いたします。
    私の認識違いや、不愉快な点等ありましたら、削除・訂正させていただきますので、
    お手数をおかけしますが、ご連絡いただければと思います。
    いつもありがとうございます。

  4. けけ

    しげぞう様

    いつもお世話になっております。
    早急なご回答をいただきありがとうございます。
    htmlの詳細、把握致しました。

    また、的確なアドバイスまでいただきありがとうございます。
    現状カテゴリーが1つしかないので、
    カテゴリーページの必要性を見直しておりましたが、
    サイトの構成も考えて、カテゴリーを増やすか検討したいと思います。

    ご丁寧にありがとうございました!