アフィリエイトサイトまとめ
アフィリエイトコラム テクニック

はてなブログでやったおきたいカスタマイズ

はてなブログを運営するときに知っておきたいのがカスタマイズです。カスタマイズをすることにより読者がより記事が見つけてもらいやすくなったりと、使いやすくなるのでおすすめです。いじることができる部分は結構多いので初心者の方は何をしていいのか迷ってしまうでしょう。
ここでは、はてなブログを利用するときに便利になるカスタマイズをいくつか紹介するので、知っておくとよいでしょう。

はてなブログのカスタマイズするまでの流れ

はてなブログのカスタマイズするまでの流れ

  • 1.ダッシュボードの左メニュー「デザイン」をクリック
  • 2.カスタマイズ(スパナマーク)をクリック

はてなブログでは無料の状態でも十分なカスタマイズ性のあるブログサービスです。まずダッシュボードを開き、左メニューにあるデザインをクリックしましょう。そしてカスタマイズアイコン(スパナマーク)をクリックでカスタマイズが行えるようになります。

カテゴリーの階層化をしておこう

カテゴリーの階層化をしておこう

  • 1.「記事」をクリック
  • 2.「パンくずリスト」にチェックを入れる

はてなブログをカスタマイズするときにおすすめなのがカテゴリーの階層化です。これは記事内に設置してあるカテゴリーをリンクさせるものです。
うまく利用をすればSEO対策として使えるので覚えておきましょう。階層化の手順ですが公式パンくずリストを有効化します。次にカテゴリーの階層化を行いスクリプトとスタイルの設定をするだけです。利用すればブログ内のカテゴリーリストをまとめる事が可能です。

サイドバーを充実させよう

サイドバーを充実させよう

  • 1.「サイドバー」をクリック
  • 2.必要に応じて編集する

初期のサイドバーは、はてなブログの広告が表示されます。サイドバーは様々な項目を設定することができるので、利用しないのは非常にもったいないです。記事が増えたりプロフィールなどのコンテンツを充実させたらサイドバーに設置しておきましょう。

先頭へ戻るボタンを設置する

先頭へ戻るボタンを設置する

  • 1.「フッター」をクリック
  • 2.以下のタグを入力する
<a href="#container-inner" style="display: block; text-align: center;">↑ページ先頭へ戻る</a>

ブログを一番下まで見て再びページ上部まで戻るのは大変です。そこでページ下部に戻るボタンを設置しましょう。
ボタンをワンクリックするとページ上部まで一気に戻る事ができます。サイドバーを動かして上まで戻る手間を省けるので非常に便利です。HTMLを記載しておきますので、ご利用ください。

はてなブログ

はてなブログ

はてなブログは、無料でしっかり書けるブログサービスです。日々の生活から感じたこと、考えたことを書き残しましょう。

詳しくみる

レンタルサーバー「エックスサーバー」の使い方と解説
レンタルサーバー「エックスサーバー」の使い方と解説

安定したサーバーを提供し、多くの支持を受けているレンタルサーバーの「エックスサーバー」。個人だけでなく企業でも使えるようなサービスを展開していて、高速で多機能なのが魅力です。コストパフォーマンスも良く、様々なプランから選…

アフィリエイトASP「楽天アフィリエイト」の使い方と解説
アフィリエイトASP「楽天アフィリエイト」の使い方と解説

楽天アフィリエイトというASPは、楽天株式会社自体が運営を行っています。2000年代から誰でも簡単に使い始められるASPとして国民的な人気を誇ってきました。 なぜなら、厳しい審査や登録手続きなどは一切不要で、楽天IDを既…

無料ブログからWordPressへ移設方法
無料ブログからWordPressへ移設方法

無料ブログで記事を書いている人の中には、安全性や機能面などの理由からWordPressに移行したいと考える人も多いでしょう。しかし、いざWordPressに移設しようと思っても、何からやればよいかわからず、手付かずになっ…

WordPressに特化した「mixhost」の使い方と解説
WordPressに特化した「mixhost」の使い方と解説

ワードプレスを使ってブログを開設するときに必要になるのはレンタルサーバーです。これはmixhostというものがあります。ワードプレスに特化する性能を誇っているレンタルサーバーなので理想的な内容です。mixhostを利用す…

CSSを活用してデザイン力アップ
CSSを活用してデザイン力アップ

CSSはホームページのレイアウトを作るために利用される言語で、CSSを効果的に使えばデザイン力のアップにつながります。しかし、CSSでどんなことができるのか詳しいことが分からない方のために、CSSを使ってどんなデザインが…

アフィリエイト書籍

  • ロジカル・シンキング (Best solution)
  • 沈黙のWebライティング —Webマーケッター ボーンの激闘—〈SEOのためのライティング教本〉
  • 僕たちは、地味な起業で食っていく。 今の会社にいても、辞めても一生食いっぱぐれない最強の生存戦略
  • HTML5 & CSS3ポケットリファレンス [改訂新版]
  • スラスラ読める JavaScriptふりがなプログラミング