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

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

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

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

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

  • 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を既…

ライブドアブログの使い方と解説
ライブドアブログの使い方と解説

ライブドアブログはライブドアが提供しているブログサービスです。誰でも気軽にブログ開設をする事ができるので多くの方が利用しています。2015年の5月1日から有料サービスが廃止されて誰でも無料で使うことができるようになりまし…

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

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

HTMLの基本知識と使いこなすコツ
HTMLの基本知識と使いこなすコツ

これからアフィリエイトサイトを立ち上げようと思っている人に重要な知識のひとつとして、「HTML」というものが挙げられるでしょう。ブロガーとして文章を執筆するだけだと思っていても、HTMLの知識が無いといざという時につまず…

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

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

アフィリエイト書籍

  • 沈黙のWebライティング —Webマーケッター ボーンの激闘—〈SEOのためのライティング教本〉
  • 読みたいことを、書けばいい。 人生が変わるシンプルな文章術
  • ビジネスモデル2.0図鑑
  • HTML5 & CSS3ポケットリファレンス [改訂新版]
  • 10年つかえるSEOの基本