はてなブログ カスタマイズガイド
HTML & CSSで「はてなブログ」を次のステップへ！
- 著者 相澤 裕介
- 判型 B5判、288頁
- 本体価格 2,600円
- ISBN 978-4-87783-411-1
2016年11月10日 初版第1刷発行
本書について
「はてなブログ」の特長は、シンプルで使いやすく、SEO（検索エンジン対策）に優れていること。このため、2013年に正式版が登場して以降、最も勢いのあるブログサービスに急成長しています。
普通に記事を執筆するだけなら、参考書がなくても問題なくブログを作成できるでしょう。しかし、ブログをカスタマイズするとなると、そう簡単に事は運びません。HTMLとCSSの知識がそれなりにある方でも、かなり苦労すると思われます。というのも、あらかじめ指定されているCSSを解析し、それを上書きするように「自作のCSS」を追記しなければならないからです。
ここでいうカスタイズとは、単に「ブログの見た目」を変更するだけの作業ではありません。訪問者の利便性を高め、HTMLやCSSを最適化することで、アクセスアップに貢献するカスタマイズとなります。アフィリエイトを行っている方にとっては、絶対に欠かせない作業といえるでしょう。
アクセスアップの基礎となるのは、やはり「記事の内容」であることに変わりはありません。しかし、適切なカスタマイズ方法を知らないがために、他のサイトより不利な状況に置かれているサイトは沢山あります。記事の内容を良くする技術は、一朝一夕に習得できるものではありません。一方、HTMLやCSSは、勉強すれば確実に向上できる技術です。目的に応じてブログを自由にカスタマイズする技術、その習得に本書が微力ながらも貢献できれば幸いです。
目 次
- 第1章 はてなブログの機能を使った応用テクニック
- 01 はてなブログの概略
- 02 画像を軽くするには設定変更が必要
- 03 「はてなフォトライフ」の画像を分類して管理する
- 04 意外と重要なaltテキストの編集
- 05 画像のサイズ調整と配置
- 06 掲載していない画像をアイキャッチ画像に指定
- 07 リンク先を新しいタブで開く
- 08 はてな記法を使って記事を作成
- 09 メールを使ってブログ記事を投稿
- 10 サイドバーのカスタマイズ
- 11 グループへの参加とスターの設定
- 12 その他、覚えておくと便利な機能
- 第2章 はてなブログのCSSカスタマイズ
- 13 はてなブログの記事に使用されるHTML
- 14 CSSの基本
- 15 style属性を使ったCSSの指定
- 16 要素名やクラス名を使ったCSSの指定
- 17 有効なセレクタを確認するには？
- 18 見出しのカスタマイズ
- 19 見出しの前にある飾り文字の削除
- 20 記事タイトルのカスタマイズ
- 21 本文の書式指定
- 22 画像表示のカスタマイズ
- 23 リンク文字のカスタマイズ
- 24 ページ幅、コンテンツ幅のカスタマイズ
- 25 自動作成される目次のカスタマイズ
- 26 パンくずリストのカスタマイズ
- 27 サイドバーにあるモジュールのカスタマイズ
- 28 外部CSSのバックアップ
- 第3章 覚えておくと便利なテクニック
- 30 SNSシェアボタンのカスタマイズ
- 31 忍者画像RSSを使って関連記事のリンクを作成
- 32 連載記事の目次を作成するには？
- 33 問い合わせフォームの設置
- 34 Google Analyticsを使ったアクセス解析
- 35 Search Consoleを使ったキーワードの解析
- 第4章 Pro版ならではの機能
- 36 はてなブログProへのアップグレード
- 37 Pro版ならではの機能
- 38 独自ドメインの取得と設定
- 39 スマホサイトのカスタマイズ
- 付録 ブログのカスタマイズでよく使用するCSS
- A1 文字の書式指定
- A2 サイズ、背景色、枠線、余白の書式指定
- A3 角丸、影、半透明の書式指定
- A4 回り込みの書式指定
- A5 リストの書式指定
- A6 その他