はてなブログテーマを配布して気づいた「人気のあるテーマ」を作るために意識したい4つのポイント

いつの間にか自分で制作したはてなブログテーマ「Simple Gray」が1,000インストールを超えてました。1度でも使ってくださったユーザーの皆さまありがとうございます。

やっぱり、テーマを配布していて人気は気になりましたね。
テーマ一覧の画面で人気順にソートして、自分のテーマはどのあたりにいるかなって毎日チェックする時期もありました。

そんな時期を経て、気づいたことがあります。

人気順でソートした時に、大体いつも同じテーマが上に表示されるのです。それらのテーマには大まかな共通点がありました。これからテーマを配布しようとする方や、カスタマイズを予定している方はチェックしてみてください。

はてなブログのスマホサイトで注目記事へのページ内リンクを設置する方法

はてなブログの注目記事ってスマートフォン版サイトで閲覧しているとページの下部にあって目立たないです。非常にもったいないです。もしあなたのブログに初めて訪問してくれたユーザーがいたら、ぜひあなたの人気記事を見ていただきたいですよね？

スマホ版のレイアウトは、PC版と違ってファーストビュー(ページが表示された時にディスプレイ内に映っている部分)で注目記事を表示させるのは難しいです。そこで、ファーストビューに注目記事へのリンクを設置して、そのリンクをタップして注目記事まで移動させる2段階方式で対応させる方法をご紹介します。タップする一手間が必要ですが注目記事の存在をファーストビュー内でお知らせできます。

サイドバーのカレンダー表示対応！はてなブログテーマ「Simple Gray」のCSSコードを修正しました

本日、はてなブログから新機能がリリースされました。
月別アーカイブにカレンダー表示ができるようになったとのことです。

早速、はてなブログテーマ「Simple Gray」で表示させたところ、何も手を加えなくても問題なし！

でも、せっかくのブログテーマなのでデザインをカスタマイズさせていただきました(笑)

関連記事の決定版か!?「あわせて読みたいG」を導入して、スッキリ＆高機能になりました

当ブログは今まで関連記事の表示に「Zenback」を使用していました。

しかし、この導入していたZenbackに私は満足できない点がありました。

他を探していたところ、池田仮名さん(id:bulldra)のブログ「太陽がまぶしかったから」で提供されているウィジェット「あわせて読みたいG」が非常に私の希望通り、且つ、その上をいく高機能でしたので早速導入してみました。

はてなブログでソーシャルボタンをカスタマイズする方法(オリジナル画像対応)

Twitterのツイートボタンやfacebookのシェアボタンのように、ブログの記事を共有・拡散したい場合には、記事に埋め込まれているソーシャルボタンをクリックします。

このソーシャルボタンは各SNSごとにデザインが決められていますので、デザインに統一性がありません。各SNSのボタンを共通のデザインにしたい場合は、自分でコードを書く必要があります。

ここでは、そのソースコードをご紹介します。

関連記事の導入にZenbackを採用！CSSを修正してデザインも変更してみました。

ブログの記事を読み終わった後に、よく関連記事のリストを見かけます。
このブログでもやってみたい！と思い、テスト的に関連記事を導入してみました。

今回導入するにあたって採用したサービスはZenbackです。
単に導入するだけでなく、オリジナリティーを出すためにCSSでデザインをカスタマイズした内容を紹介します。

感謝！Simple Grayのインストール数が100を超えました。はてなブログテーマを作ってみて感じたこと。

自分で作ったブログテーマを公開してから約2週間。
インストール数が100を超えました。

区切りの良い数字でしたので、感謝の気持ちをここで言わせてください！

3分で完了！はてなブログにページの先頭へ戻るボタンを追加する方法

はてなブログテーマ「Simple Gray」にページの先頭へ戻るボタンを追加する方法をご案内します。

縦に長いページの時、一番上に戻るのがワンクリックで済みますね！
導入はとっても簡単です♪

はてなブログ「Simple Gray」のテーマをレスポンシブデザインに対応させる方法

昨日公開したテーマ「Simple Gray」ですが、一応レスポンシブデザインにも対応しています。

モバイル専用テーマがお気に召さない場合は、レスポンシブデザインに対応させることでPCのテイストを残せますので、ぜひ活用してください。