読者です 読者をやめる 読者になる 読者になる

ゆるりまあるく

~ システム管理者で主婦の私の暮らしの工夫 ~

初心者の方へ。はてなブログの簡単カスタマイズまとめ(デザインCSS・アクセスアップの工夫など)

f:id:yururimaaruku:20160605164614p:plain

はてなブログのカスタマイズ まとめ(目次)

このブログで取り入れたカスタマイズのまとめです。ブログのカスタマイズ記事はあちこちにあるので探すだけでも大変ですね。私も結構時間をかけて試行錯誤でやってきました。初心者の方にぜひ知っておいて欲しい情報をまとめました。

 

これからやる方が少しでも楽になればいいなと思います。参考になれば嬉しいです。

 

この記事は継続して整理・追記していきます。

 

【目次】

<スポンサーサイト>

本文を書く

フォントサイズ、見出しデザイン

【簡単】はてなブログ CSSでデザインカスタマイズ。フォントサイズ、見出しのデザインなど・・。初心者に役立つ情報をまとめました。 - ゆるりまあるく

・フォントサイズ

・見出しデザイン
・見出し先頭の記号を非表示にするには
・帯の高さの調整
・ラインの太さの調整
・色見本(WEB色見本・HUE/360・Coolors)

・リンク文字色の変更

 

見出し・リンク・画像の挿入

◆ 簡単 【初心者向け】はてなブログ書くときのTIPS 7つ  - ゆるりまあるく

・自動で見出しを入れる

・リンクの挿入

・画像の挿入

・カテゴリーの設定

・予約投稿

 

iPhoneの画像をブログに取り込む方法

iPhoneの画面をブログに貼り付ける簡単な方法。画像加工iPhoneアプリで切り抜き - ゆるりまあるく

iPhone(iPad・iPodtouch)アプリを使って、はてなブログに画像を取り込む方法を紹介しています。

 

Phontoでアイキャッチ写真を作成 

◆ 超おすすめの写真文字入れアプリPhonto。フォント200種類以上

iPhone(iPad、iPodtouch)アプリを使った簡単オシャレな文字入れの手順

  

続きを読む機能 (カスタムシェアボタンの方にもおすすめ)

簡単 続きを読む機能の付け方。

トップページに続きの機能を付ける手順。回遊性が増します。

カスタムシェアボタンの方は設置することをおすすめします。

 

 

Instagram・Youtubeを活用する

◆ ブログ用にYoutube動画をアップロードしたら意外と簡単で面白かった 

ブログにYoutube動画を埋め込む方法。

 

このブログ用にインスタグラムアカウントを作成しました。動画を使うと表現の幅が広がります。 

ブログにInstagram画像を埋め込む方法。

 

 

プロフィール

プロフィールにブログURLを入れる

◆ 簡単 【初心者向け】はてなブログ書くときのTIPS 7つ  - ゆるりまあるく

・プロフィールにリンクを入れる

 

ブログアイコンを工夫する

SNS・ブログアイコンの作成は頼んだ方が楽だと実感。ココナラ500円から良心的な価格で大満足。 - ゆるりまあるく

 

サイドバー

◆ 簡単 【初心者向け】はてなブログ書くときのTIPS 7つ  - ゆるりまあるく

・サイドバーのカスタマイズ 

twitterと組み合わせて活用(ウィジェット埋め込み&ツイート埋め込み)

【初心者向け】簡単 twitter(ツイッター)のタイムラインをはてなブログに埋め込む方法

 

 ・サイドバーにtwitterのウィジェットを埋め込む(自分のツイートを埋め込む)
・記事内にツイートを埋め込む

 

はてなブログ スマホサイトにTwitterアカウント入っていますか。ぜひ入れることをおすすめします。 

・スマホサイトにTwitterのアカウントを表示する方法

 

JTRIMでバナー作成 

<記事>

Jtrimを使ったバナーの作り方。簡単ブログカスタマイズ。

フリーソフトJTRIMを使ったバナー作成の手順

 

・サイドバーの「よく読まれている記事」の画像表示

・サイドバーにFeedly購読のリンク

見やすくおしゃれに

このブログで使用のデザインテーマ

簡単 続きを読む機能の付け方。一度のアクセスでたくさんの記事を読んでもらうためにやっていること。 - ゆるりまあるく

パソコン用のテーマはSpireaを使用しています。スマホ用はデフォルトです。

 

SNSシェアボタンのデザイン変更

【簡単】はてなブログ CSSでデザインカスタマイズ。フォントサイズ、見出しのデザインなど・・。初心者に役立つ情報をまとめました。 - ゆるりまあるく

 

記事のシェアボタンとSNSシェアボタンを見やすくしました。

 

▼これです。

f:id:yururimaaruku:20161112231508p:plain

f:id:yururimaaruku:20161112231620p:plain

 

トップに戻るボタン

【簡単】はてなブログ CSSでデザインカスタマイズ。フォントサイズ、見出しのデザインなど・・。初心者に役立つ情報をまとめました。 - ゆるりまあるく

画面右下に出ているこれです。クリックするとシュルシュルっとトップに戻ります。

f:id:yururimaaruku:20161112231742p:plain

 

 

バックアップをとる

◆ はてなブログ、バックアップしていますか?簡単エクスポート。備えあれば憂いなし。 - ゆるりまあるく

ブログのバックアップをとる方法。バックアップはまめに取りましょう。

 

◆ 簡単 ブログを見たまま手軽に保存。 webクリッパーでブログの簡単バックアップ

Evernoteを使った簡単バックアップ。

Googlechromeの拡張機能が便利。

 

スマホサイト

スマホサイトカスタマイズ

はてなブログカスタマイズ。スマホサイトの改善は重要。メニューボタンと見出しデザイン。 - ゆるりまあるく

・スマホサイトのメニューボタンの設置方法。回遊性が高まり、アクセス数が増えました。(一度にいくつもの記事を読んでもらえるようになりました。)

・見出しデザインの変更

 

はてなブログ スマホサイトに読者登録ボタンありますか?簡単な設置方法など。 - ゆるりまあるく

⇒読者ボタンが無い方多いです。今一度ご確認を。

アクセスアップのために 

◆ 初心者でも出来たこのブログの検索エンジン対策。為になるサイトをご紹介。 

 検索エンジン対策 (Google等)

・Google Analytics埋め込み

・Google Search Console

・Bingウェブマスターツール

・タイトル設定にGoogle Adwords キーワードプランナーを活用する

内部リンク

カスタムURL

アクセスログ

・アクセスログを確認する

カテゴリー・パンくずリスト

・カテゴリー・パンくずリストを使う

記事上下にシェアボタンを設置する

 

関連記事の表示

簡単 はてなブログに「関連記事」を表示させてみた。あわせて読みたい・・みたいな感じの機能。 

 

 

 

独自ドメインと広告

独自ドメインへの変更

広告の設置 

はてなブログ 独自ドメインへの変更の影響。アクセス解析、広告について。 - ゆるりまあるく

 

記事を書く

文章力アップのために

◆ 「人気ブロガー養成講座」道に迷ったら読み返したい本。始めたての人にもこれから始める人にもおすすめ。

 

◆ おすすめ 文章力の基本が身につく本。会話の表現力アップにも役立ちます。 

 

実践中。早く楽に文章が書ける構造化シート。新しい文章力の教室。 

 

アイデアを生み出す工夫

モーニングページを始めてみて実感した効果など。続けていきたい習慣。私のノート活用法。 

100記事時点の記事

◆ はてなブログ3ヶ月100記事で見えてきた景色。記事数とその時の気持ちについて整理してみました。 - ゆるりまあるく

 

 

※2016年12月23日更新しました。