カテゴリー:Work

2018/06/22

もっと便利にカテゴリーページに移動できるように「クィックカテゴリーボタン」を設置しました。

もっと便利にカテゴリーページに移動できるように「クィックカテゴリーボタン」を設置しました。

「クィックカテゴリーボタン」の設置

久しぶりにブログをカスタマイズ

このホームページは、2014年から存在していました。

 

ですが初期の頃は、今みたいにブログ化はしていなくって単なるワンページサイトでした。

 

もとからWordpressを使ってはいたのですが、ブログ機能は使っていませんでした。

 

しかし昨年辺りから、「せっかくWordpressを使って制作しているのにブログとして使わないのはもったいないな。」……と感じるようになりました。

 

またそのように思った理由のひとつに……過去に他のブログサービスでブログをやっていたり、各種SNSや音楽サイトのレビューなんかで僕が書いていた記事がいくつかネット上にバラけていました。

 

そのバラけた情報を一カ所にまとめたいな~と思い、自分のホームページをブログ化することにしました。

 

そして昨年2017年の7月よりこのホームページは、ブログになりました。

 

3年振りにホムペをリニューアルしました。

そしてその後、少しずつ改良を重ねて今あるようなブログになりました。

 

もうすぐブログ開設からおよそ1年経つのですが、昨年の9月を最後に特にカスタマイズはしていませんでした。

 

【2017年9月11日】最近改良したブログの3つの変更点

最近は、もっぱら記事を書くばかりでブログのカスタマイズは昨年の9月以降、9カ月は行っていませんでした。

 

しかし自分でこのサイトを使ってみたところ、ひとつ気になることがありました。

 

それは上部ナビゲーションボタンにある「Category」ボタンからカテゴリー一覧のページに行った際に、各カテゴリーの説明文が長くって肝心の「see more」ボタンが見にくいな……と。

 

一応、初めてこのサイトを訪れてくれた方のために各カテゴリーの説明文を書いているのですが、何度も訪れてくれている方はそんな説明文を何度も読むことはないですよね……。

 

この説明文があるせいで、見たいカテゴリーに移動する際にとても不便だと感じました。

 

特に「Comic」のカテゴリーは最下部に位置するので、画面を下までスクロールするのが面倒でもあります。

 

そこでカテゴリー一覧のページにすぐに見たいカテゴリーに行けるようにわかりやすい「クィックカテゴリーボタン」を設置することにしました。

 

 

「クィックカテゴリーボタン」を作成

カテゴリー一覧のページにアクセスしてもらうとすぐにご覧いただけるのですが、こちらの方に画像でも載せてみます。

【Dixiefunk Lab. Quick Category Button】もっと便利にカテゴリーページに移動できるように「クィックカテゴリーボタン」を設置しました。

「クィックカテゴリーボタン」は、少し大きめでわかりやすく作ってみました。

 

それぞれのカテゴリーのテーマカラーはそのままに、四隅が角丸のボタンです。

 

PCからのアクセスでしたら、各ボタンにカーソルを乗せてもらいますと、そのボタンがフワッと光ります。

 

初めてこのブログに訪れて興味を持ってくださった方には、ぜひとも各カテゴリーの説明文を読んでいただきたいのですが、もう何度も訪れて下さっている方はこちらの「クィックカテゴリーボタン」をご利用ください。

 

僕自身も自分で使いやすいと思いこのボタンを設置しました。

 

ちなみにスマホサイト用にも対応しています。

 

スマホからアクセスして頂ければわかるとは思いますが、せっかくなのでスマホでアクセスした際の画像も載せてみます。

 

【Dixiefunk Lab. Quick Category Button】もっと便利にカテゴリーページに移動できるように「クィックカテゴリーボタン」を設置しました。

こんな感じになります。

 

スマホだと下へのスクロールはPCよりもしやすいですので、横並びではなく1つ1つのボタンが縦に並ぶようにしています。

 

個人的にはすごく使いやすくなったと思うのですが、いかがでしょうか?

 

また今後も何か気づく点がありましたらカスタマイズしていこうと思います。

 

ちなみに一応、これが本業なんです。(笑)

 

このブログは、デザインもコーディングも全て自作です。

 

WordPressのテーマは使用していません。

 

プラグインもほぼ使用していません。

 

だから自分で自由にカスタマイズできます。

 

 

<スポンサーリンク>


オリジナルLINEスタンプ『まめチキ君』『もじもじうさぎ もじたん』『陽気なサボテン・ムーチョ』販売中です。ぜひ買ってください。ガンガン使ってね。詳しくはこちらからご覧ください→
Workの一覧に戻る

Related Articles

<スポンサーリンク>