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月12日2021年5月11日 by 天満川鈴

本稿ではCocoonのサイトバースクロール追従エリアにSNSシェアボタンを設置するカスタマイズを紹介します。PCからの訪問者はどんどん減っていますが、それでも拡散の仕掛けはきっちり用意しておきたいところです。完全コピペで … 記事を読む

2026年6月12日2021年5月9日 by 天満川鈴

Cocoon最新アップデートで搭載されたスキン「イノセンス」。「大人かわいい」がキャッチフレーズだそうですけど。著者は、おっさんくさく見えるって言ってるよバカにしてるわけじゃありません。それどころか、私がテーマを … 記事を読む

2026年6月13日2021年5月5日 by 天満川鈴

本稿はWordPressテーマ「Cocoon」を使うときのTipsです。 Cocoonでブログカードを利用するときは、URL直書きじゃなくてaタグで囲んだ方がいい「aタグで囲む」を言い換えますと「リンク化する」というこ … 記事を読む

2026年6月24日2021年5月1日 by 天満川鈴

CocoonデフォルトだとPageSpeed Insightsから「レンダリングを妨げるリソースの除外」（現在は「レンダリングをブロックしているリクエスト」）を指摘されます。具体的には「jQuery」と「jQuery … 記事を読む

2026年6月16日2021年4月29日 by 天満川鈴

PageSpeed Insights（PSI）で「画像要素で width と height が明示的に指定されていない」の指摘を受けることがあります。画像要素のwidth（幅）とheight（高さ）指定はCLS対策とし … 記事を読む