Cocoonでフキダシが表示されない不具合→原因はバージョン問題だった（ダウングレードで解決）【クラシックエディタ限定】
Cocoonでフキダシが表示されなくなりました。 具体的には、 Cocoonの吹き出し機能を使うとHTMLがエスケープされ、コードが崩れる クラシックエディタのビジュアルエディタでのみ発生。 コードエディタに直接コードを … 続きを読む
Cocoon
Cocoonで「タップターゲットのサイズが適切ではない」を修正する方法
Cocoon×スキン「モノクロ」の組合せでPageSpeed Insightsをしてみたところ「タップターゲットのサイズが適切ではない」と怒られました。 検索窓が細すぎて、虫眼鏡アイコンが小さすぎるというものです。 SE … 続きを読む
Cocoonの1カラムでPageSpeed Insightsから「見出し要素は降順になっていません」と警告された時の対処法
サイトを１カラムにしてPageSpeed Insightsをやってみたところ、次の指摘が出るようになりました。 見出し要素は降順になっていません 具体的に指摘されたのはフッター部ウィジェットの見出し。 Cocoonはウィ … 続きを読む
「No Image」のせいでUI統一感が崩れるのが嫌だった ～Cocoonナビカードの外部リンクを調整する
Cocoonのナビカードは推したいリンクをカード化して見栄え良く表示してくれる便利な機能です。 当サイトでもサイドバーに使っています。 こんな感じで。 [navi_list name=”このはモード̶ … 続きを読む
WEXAL環境でCocoonでサイトの表示崩れが起きたとき、その多くを解決できる方法
WEXAL環境下でCocoonを使うと様々な表示崩れが生じることがあります。 本稿では、WEXALが原因で生じる表示崩れの多くについて解決できる方法を紹介します。 なおCocoonでなくとも同じ問題が生じた場合は本稿の方 … 続きを読む
KUSANAGIでCocoonのテーマスキン「grayish」を使う際に注意したいこと２＋１点
WordPressテーマCocoonはスキンによって雰囲気をがらりと変えられます。 その中でも昨秋出た「grayish」にはびっくり。 Cocoonらしさが全く無い！ もちろんいい意味でです。 Cocoonでサイト作ると … 続きを読む
Font Awesomeが「□（豆腐）」になる原因と対処法 ～訪問者側・管理者側を切り分ける
SNSのアイコンが文字化けして「□」になってる！ サイトを訪問してこんな現象に出くわしたことはありませんか？ あるいはサイトを運営していて悩んだことはありませんか？ こうした文字化けはネットスラングで「豆腐」と呼ばれてい … 続きを読む