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

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

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

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

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

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

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

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

WEXAL環境でCocoonでサイトの表示崩れが起きたとき、その多くを解決できる方法

草薙沙耶
WEXAL環境下でCocoonを使うと様々な表示崩れが生じることがあります。 本稿では、WEXALが原因で生じる表示崩れの多くについて解決できる方法を紹介します。 なおCocoonでなくとも同じ問題が生じた場合は本稿の方 … 続きを読む

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

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

Font Awesomeが「□(豆腐)」になる原因と対処法 ~訪問者側・管理者側を切り分ける

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