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

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

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

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

2026年6月9日2026年4月15日 by 天満川鈴

Cocoonでフキダシが表示されなくなりました。具体的には、 Cocoonの吹き出し機能を使うとHTMLがエスケープされ、コードが崩れるクラシックエディタのビジュアルエディタでのみ発生。コードエディタに直接コードを … 続きを読む

2026年6月9日2024年10月8日 by 天満川鈴

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

2026年6月9日2024年10月2日 by 天満川鈴

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

2026年6月9日2024年9月27日 by 天満川鈴

Cocoonのナビカードは推したいリンクをカード化して見栄え良く表示してくれる便利な機能です。当サイトでもサイドバーに使っています。こんな感じで。 [navi_list name=”このはモード&#822 … 続きを読む

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

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

2026年6月9日2024年9月20日 by 天満川鈴

WordPressテーマCocoonはスキンによって雰囲気をがらりと変えられます。その中でも昨秋出た「grayish」にはびっくり。 Cocoonらしさが全く無い！もちろんいい意味でです。 Cocoonでサイト作ると … 続きを読む

2026年6月9日2021年4月17日 by 天満川鈴

Google謹製の公式WordPressプラグイン「Site Kit by Google」。手軽に管理画面でGoogle Analytics、Google、Search Console、AdSenseの統計データをチェ … 続きを読む

2026年6月9日2015年4月30日 by 天満川鈴

SNSのアイコンが文字化けして「□」になってる！サイトを訪問してこんな現象に出くわしたことはありませんか？あるいはサイトを運営していて悩んだことはありませんか？こうした文字化けはネットスラングで「豆腐」と呼ばれてい … 続きを読む