はてなブログを利用していた時に行ったカスタマイズのまとめです。ブログのカスタマイズ記事はあちこちにあるので探すだけでも苦労しますね。私も大変でした。初心者の方にぜひ知っておいて欲しい情報をまとめました。始めたての方の参考になれば嬉しいです。
本文を書く
フォントサイズ、見出しデザイン
◆【簡単】はてなブログ CSSでデザインカスタマイズ。フォントサイズ、見出しのデザインなど・・。初心者に役立つ情報をまとめました。 – ゆるりまあるく
・フォントサイズ
・見出しデザイン
・見出し先頭の記号を非表示にするには
・帯の高さの調整
・ラインの太さの調整
・色見本（WEB色見本・HUE／360・Coolors）
・リンク文字色の変更
見出し・リンク・画像の挿入
◆ 簡単 【初心者向け】はてなブログ書くときのTIPS ７つ – ゆるりまあるく
・自動で見出しを入れる
・リンクの挿入
・画像の挿入
・カテゴリーの設定
・予約投稿
iPhoneの画像をブログに取り込む方法
◆iPhoneの画面をブログに貼り付ける簡単な方法。画像加工iPhoneアプリで切り抜き – ゆるりまあるく
iPhone（iPad・iPodtouch）アプリを使って、はてなブログに画像を取り込む方法を紹介しています。
Phontoでアイキャッチ写真を作成
◆ 超おすすめの写真文字入れアプリPhonto。フォント200種類以上
iPhone（iPad、iPodtouch）アプリを使った簡単オシャレな文字入れの手順
続きを読む機能 （カスタムシェアボタンの方にもおすすめ）
トップページに続きの機能を付ける手順。回遊性が増します。カスタムシェアボタンの方は設置することをおすすめします。
Instagram・Youtubeを活用する
◆ ブログ用にYoutube動画をアップロードしたら意外と簡単で面白かった
ブログにYoutube動画を埋め込む方法。
◆このブログ用にインスタグラムアカウントを作成しました。動画を使うと表現の幅が広がります。
ブログにInstagram画像を埋め込む方法。
プロフィール
プロフィールにブログＵＲＬを入れる
◆ 簡単 【初心者向け】はてなブログ書くときのTIPS ７つ – ゆるりまあるく
・プロフィールにリンクを入れる
ブログアイコンを工夫する
◆SNS・ブログアイコンの作成は頼んだ方が楽だと実感。ココナラ500円から良心的な価格で大満足。 – ゆるりまあるく
サイドバー
◆ 簡単 【初心者向け】はてなブログ書くときのTIPS ７つ – ゆるりまあるく
・サイドバーのカスタマイズ
twitterと組み合わせて活用（ウィジェット埋め込み＆ツイート埋め込み）
【初心者向け】簡単 twitter（ツイッター）のタイムラインをはてなブログに埋め込む方法
・記事内にツイートを埋め込む
はてなブログ スマホサイトにTwitterアカウント入っていますか。ぜひ入れることをおすすめします。
JTRIMでバナー作成
＜記事＞
フリーソフトJTRIMを使ったバナー作成の手順
・サイドバーの「よく読まれている記事」の画像表示
・サイドバーにFeedly購読のリンク
見やすくおしゃれに
このブログで使用のデザインテーマ
パソコン用のテーマはSpireaを使用しています。スマホ用はデフォルトです。
SNSシェアボタンのデザイン変更
◆【簡単】はてなブログ CSSでデザインカスタマイズ。フォントサイズ、見出しのデザインなど・・。初心者に役立つ情報をまとめました。 – ゆるりまあるく
記事のシェアボタンとＳＮＳシェアボタンを見やすくしました。
▼これです。
トップに戻るボタン
◆【簡単】はてなブログ CSSでデザインカスタマイズ。フォントサイズ、見出しのデザインなど・・。初心者に役立つ情報をまとめました。 – ゆるりまあるく
画面右下に出ているこれです。クリックするとシュルシュルっとトップに戻ります。
バックアップをとる
◆ はてなブログ、バックアップしていますか？簡単エクスポート。備えあれば憂いなし。 – ゆるりまあるく
ブログのバックアップをとる方法。バックアップはまめに取りましょう。
◆ 簡単 ブログを見たまま手軽に保存。 webクリッパーでブログの簡単バックアップ
Evernoteを使った簡単バックアップ。
Googlechromeの拡張機能が便利。
スマホサイト
スマホサイトカスタマイズ
◆はてなブログカスタマイズ。スマホサイトの改善は重要。メニューボタンと見出しデザイン。 – ゆるりまあるく
・スマホサイトのメニューボタンの設置方法。回遊性が高まり、アクセス数が増えました。（一度にいくつもの記事を読んでもらえるようになりました。）
・見出しデザインの変更
◆はてなブログ スマホサイトに読者登録ボタンありますか？簡単な設置方法など。 – ゆるりまあるく
⇒読者ボタンが無い方多いです。今一度ご確認を。
アクセスアップのために
◆ 初心者でも出来たこのブログの検索エンジン対策。為になるサイトをご紹介。
検索エンジン対策 （Google等）
・Google Analytics埋め込み
・Google Search Console
・Bingウェブマスターツール
・タイトル設定にGoogle Adwords キーワードプランナーを活用する
内部リンク
カスタムＵＲＬ
アクセスログ
・アクセスログを確認する
カテゴリー・パンくずリスト
・カテゴリー・パンくずリストを使う
記事上下にシェアボタンを設置する
関連記事の表示
広告
不快な広告のブロック
百害あって一利なし。不快な広告をブロックしたらスッキリ。ブロックその後の効果。
記事を書く
文章力アップのために
◆ 「人気ブロガー養成講座」道に迷ったら読み返したい本。始めたての人にもこれから始める人にもおすすめ。
◆ おすすめ 文章力の基本が身につく本。会話の表現力アップにも役立ちます。
◆実践中。早く楽に文章が書ける構造化シート。新しい文章力の教室。
アイデアを生み出す工夫
◆モーニングページを始めてみて実感した効果など。続けていきたい習慣。私のノート活用法。
100記事時点の記事
◆ はてなブログ3ヶ月100記事で見えてきた景色。記事数とその時の気持ちについて
▼早いうちにCSSを勉強するとカスタマイズが驚くほど楽になります。文字やアルファベット、文法を学ぶと本が読めるようになるでしょう。基礎を学ぶというのはそのぐらい大事なことです。
私もWEBデザイン講座で勉強しています。急がば回れ。私ももっと早く始めておけば良かったなと思っています。こちらの講座は特にCSSの部分が非常に分かりやすくてオススメです。
