Cocoonでフキダシが表示されない不具合→原因はバージョン問題だった【クラシックエディタ限定】

Cocoonでフキダシが表示されなくなりました。 具体的には、 Cocoonの吹き出し機能を使うとHTMLがエスケープされ、コードが崩れる クラシックエディタのビジュアルエディタでのみ発生。 コードエディタに直接コードを … 続きを読む:Cocoonでフキダシが表示されない不具合→原因はバージョン問題だった【クラシックエディタ限定】

Cocoonで「タップターゲットのサイズが適切ではない」を修正する方法

Cocoonの検索ウィジェットで「タップターゲットのサイズが適切ではない」とPageSpeed Insightsに警告されたため、CSSで検索フォームと虫眼鏡アイコンを調整している様子。小さすぎる検索ボタンのBefore / After比較を、デフォルメキャラクターと一緒に表現したアイキャッチ画像。
Cocoon×スキン「モノクロ」の組合せでPageSpeed Insightsをしてみたところ「タップターゲットのサイズが適切ではない」と怒られました。 検索窓が細すぎて、虫眼鏡アイコンが小さすぎるというものです。 SE … 続きを読む:Cocoonで「タップターゲットのサイズが適切ではない」を修正する方法

Cocoonの1カラムでPageSpeed Insightsから「見出し要素は降順になっていません」と警告された時の対処法

Cocoonの1カラム環境で、PageSpeed Insightsから「見出し要素は降順になっていません」と警告された状況を、デフォルメキャラクターと見出し構造のBefore / After比較で表現したアイキャッチ画像。フッターウィジェットのH3タグ問題を、CSSやカスタムHTMLで調整して改善している様子を描写。
サイトを1カラムにしてPageSpeed Insightsをやってみたところ、次の指摘が出るようになりました。 見出し要素は降順になっていません 具体的に指摘されたのはフッター部ウィジェットの見出し。 Cocoonはウィ … 続きを読む:Cocoonの1カラムでPageSpeed Insightsから「見出し要素は降順になっていません」と警告された時の対処法

「No Image」のせいでUI統一感が崩れるのが嫌だった ~Cocoonナビカードの外部リンクを調整する

noimageのアイキャッチ画像を差し替える少女のイメージ画像
Cocoonのナビカードは推したいリンクをカード化して見栄え良く表示してくれる便利な機能です。 当サイトでもサイドバーに使っています。 こんな感じで。 [navi_list name=”このはモード&#822 … 続きを読む:「No Image」のせいでUI統一感が崩れるのが嫌だった ~Cocoonナビカードの外部リンクを調整する

KUSANAGIでCocoonのテーマスキン「grayish」を使う際に注意したいこと2+1点

KUSANAGIのテーマアクセラレータをオンにしたら表示が崩れて首を傾げる技術者
WordPressテーマCocoonはスキンによって雰囲気をがらりと変えられます。 その中でも昨秋出た「grayish」にはびっくり。 Cocoonらしさが全く無い! もちろんいい意味でです。 Cocoonでサイト作ると … 続きを読む:KUSANAGIでCocoonのテーマスキン「grayish」を使う際に注意したいこと2+1点
× 閉じる