WP チャレンジ #4 綺麗なウィジェットと変わらないタイトル

テストが眼前に迫っておる。やばい。

ということで、今日の進捗は微妙だけど、日課としてカキカキする。

 

前回、悪戦苦闘七転八倒の末にウィジェットを作れたのだけど、今日はそのウィジェット君を少しだけ整形しようっていう話。

 

殺風景だったウィジェットくんを綺麗に飾ってみよう。

f:id:mrmonamona:20200114215157p:plain

枠の色を変えてエリアをわかりやすく。

み、見やすいっ!!!!

 

なんかこういった一手間でわかりやすくなるんだな〜とか、見てて飽きなくなるんだな〜って感じ。

 

f:id:mrmonamona:20200114215151p:plain

ホバーすると色が変わる仕様に

カーソルを上に持っていくと緑色になって、タイトル名が反転するようにしてみた。

なかなか気に入ってる。

 

して、せっかくカテゴリー分けしているので、カテゴリーごとのページに行くとカテゴリーの紹介をする一文を付け加えたい。

f:id:mrmonamona:20200114215141p:plain

ゲームのFURIDASHI分類のページに飛ぶと…

 

f:id:mrmonamona:20200114215136p:plain

ページ上部に何の分類かを表示

フォルダのアイコンとともに、〇〇の記事といった風に表示してくれるようにした。

これだとちょっと殺風景だな…

 

f:id:mrmonamona:20200114215128p:plain

 

ちょっとだけあがいた。

 

流石に勉強しないとまずいので、この説明の飾りや下に付け加える一文、先の作業は次回に回そうと思う。

 

明日のテスト、とりあえず頑張らないとなー。