css | きもおた・わーどぷれす。

軽量な読了プログレスバー（どこまで読んだ？）をWordPressに設置してUX改善してみる

2026年5月27日2026年5月27日 by 天満川鈴

最近、テック系のサイトを中心にあちこちで見かけるのが読了プログレスバー。特にダークテーマですと、一筋の光が闇を貫くようで格好いい。なんて厨二心をくすぐるの…… というわけで、自称中学二年生の私は本サイトに実装してみま … 続きを読む

2026年5月22日2026年5月10日 by 天満川鈴

多くのテーマについているアイコンのついた吹き出し機能このアイコンの表情がアニメみたいに動いたらすごいのになあ……なんて思ったことありませんか？私は思いました。そこで、実際に動かしてみました吹き出しアイコンが1回 … 続きを読む

2026年5月22日2024年10月8日 by 天満川鈴

Cocoon×スキン「モノクロ」の組合せでPageSpeed Insightsをしてみたところ「タップターゲットのサイズが適切ではない」と怒られました。検索窓が細すぎて、虫眼鏡アイコンが小さすぎるというものです。 SE … 続きを読む

2026年5月22日2024年10月2日 by 天満川鈴

サイトを１カラムにしてPageSpeed Insightsをやってみたところ、次の指摘が出るようになりました。見出し要素は降順になっていません具体的に指摘されたのはフッター部ウィジェットの見出し。 Cocoonはウィ … 続きを読む

2026年5月28日2024年9月25日 by 天満川鈴

WEXAL環境下においては様々な表示崩れが生じることがあります。本記事では、WEXALが原因で生じる表示崩れの多くについて解決できる方法を紹介します。採り上げるのはCocoonにおける実例となります。ただし本質的に … 続きを読む

2026年5月23日2017年3月6日 by 天満川鈴

メイリオなどデフォルトのフォントは読みやすいけど単調。特にテーマが被ると、少々のカスタマイズでは被って見えます。ちょっと変化をつけてみたかったので手書き文字風フォントを採り入れてみました。 ……しかし、「サイトが重 … 続きを読む

2026年5月24日2015年4月12日 by 天満川鈴

リンクの下線が出たままでカッコ悪い～ブログカード主流の現在ですけど、リンクの下線を消したい場面はある現在はブログカードやボタンリンクが主流になり、単純なテキストリンクをそのまま使う場面は減りました。ただ、それでもサイ … 続きを読む