瞑想Hackスマートフォン用の表示で見る瞑想Hack瞑想を始めたい・続けたい人のための瞑想ライフハック・ブログです。瞑想に取り組む上で知っておきたいことを、脳科学や仏教の視点も交え、わかりやすく解説しています。開設1か月ではてな読者175人!デザインはこれだけやればOK!2018-12-23開設1か月ではてな読者175人!デザインはこれだけやればOK!ブログ運営TwitterHatenaスポンサーリンクおかげさまで、当ブログは開設1か月で、はてな読者175人に到達しました。今回は、読者を増やすには欠かせない、ブログデザインのカスタマイズをご紹介します。はじめにテーマ選びヘッダーナビゲーション・バーの設置プロフィールは大きくSNSボタンをおしゃれにフォローボタンシェアボタンおわりにはじめに私は、まったくのブログ初心者でした。それでも当ブログ「瞑想Hack」は、開設から1か月で、175人の方から読者登録をしていただきました。はてな読者数は、あくまでブログの質をはかる指標のひとつにすぎませんが、スタートとしては悪くないと思います。初心者だった私が読者数を増やしたブログ運営4つのポイントについては、先日まとめまたものがありますので、こちらもあわせてごらんください。www.pao-elephant.comはじめの1か月の運営はとても重要ですが、公開する前の準備も重要です。デザインのカスタマイズですね。ブログ初心者が、いきなりプロブロガーさんのようなおしゃれなデザインを作ることはなかなかできないです。初心者なりに、努力してみる価値はあります。見で、「あ、この人、ちゃんとブログやろうとはしてるな」と思ってもらうくらいの努力です。プロ並みのブログはすぐには作れませんが、少しの努力で、そこそこの見た目にはなります。具体的にどうやったか、順を追って説明します。テーマ選びはてなブログを開設したら、まずデザインのテーマを選びます。私は、ZENO-TEALというテーマを使わせていただくことにしました。おしゃれでポップ、それにとても使いやすく、人気のテーマのひとつです。無料版では使わない方がいいみたいです。ポリシー違反になるおそれがあるそうです。テーマ選びは、好みが分かれるところですね。私は、トップページを見たときに、記事がパッと見で一覧になっているカードタイプの方が見やすいと思いました。レスポンシブ対応という点も重視しました。レスポンシブ対応のテーマにしておくと、スマホで見たときも、画面のサイズに合わせてデザインが自動的に調整されます。今は、ブログ運営では、スマホからのアクセスを意識せざるを得ません。レスポンシブ対応でない場合は、スマホ用のデザインもカスタマイズする必要がでてくるので、余計な手間がかかりったりします。全体の色合いは、ホワイトとブルーを基調にして、できるだけオリジナルっぽくなるようにしました。ヘッダー画像には、ブログタイトル、ブログの説明文、イラストを入れます。ヘッダーは、文字だけですませることもできますが、少しでも読者の印象に残るように、簡単なイラストも入れました。外注して本格的なものにしたい気持ちもありますが、それはおいおいということで。ぞうさんのイラストを、妻に描いてもらいました。ペイントアプリで描いた後、自分のパソコンに取り込み、画像編集ソフトで体裁を整えました。www.canva.com日本語に対応しています。違って初心者でもわりと簡単に使いこなすことができます。アカウントをもっていれば、ログインしてクラウド上で利用できるので、おすすめです。ナビゲーション・バーの設置ナビゲーション・バーとは、図の赤枠の部分です。ヘッダーの下にあり、カテゴリー名を表示しています。グローバルメニューともいうそうです。リンクになっており、クリックすると読みたいカテゴリーの記事一覧が出てきます。これは、読者がパッと見たときに、全体的にどんな内容を扱っているブログなのかを把握することができます。これがあるだけで、とても読者に親切なブログになるので、設置した方がいいと思います。設置の方法は、つなさんという方のサイトを参考にさせていただきました。pea-nut.hatenablog.comわかりやすく解説してくださっています。ブログ初心者でも、説明の通りに落ち着いてやれば、簡単にできます。プロフィールは大きくトップページにあるプロフィール欄、このように大きくしました。プロフィールは、自分がどういう人物か知ってもらうための場所。ブログに興味を持った読者が、この人どんな人?と思って、最初に目が行くところです。はてなブログのプロフィール欄、デフォルトだと小さくてあまり見やすくありません。やり方は、こちらのみっきーさんの記事を参考にさせていただきました。できない人でもまったく問題ないです。サイドバーにあるデフォルトのプロフィール設定は、自由にカスタマイズできません。モジュールを追加して、そこに新たなプロフィールを入れ込むかたちにします。ポイントは、画像を大きくすること。見のインパクトが重要です。あった方がいいと思います。SNSボタンをおしゃれに最後に、SNSボタンのカスタマイズについてです。はてなブログのデフォルトのSNSボタンもあるのですが、小さいですし、正直あまり見栄えが良くありません。おしゃれにカスタマイズします。大きく分けて、フォローボタンとシェアボタンがあります。フォローボタンフォローボタン、私はこの3つです。Hatenaを押すと、はてなブログの読者登録ができます。Twitter、Instagramを押すと、それぞれフォローすることができます。場所は、サイドバーと、記事の下の部分の2か所に設置しました。さんのサイトを参考にしました。www.ituore.comフォローボタンだけで合計11種類のデザインを載せていただいているので、その中から好きなものを選びます。説明の通りにやれば、なんなくできます。初心者にもこれだけわかりやすくしていただいていて、感謝です。シェアボタンこちらは、記事をSNSでシェアしたいときに使うボタンです。私は、Twitterとはてなブックマークを設置しました。これは各記事につけるものです。私は記事の冒頭部分と、記事の最後の部分につけました。