上から降りてくるスマホメニュー
WordPressのカスタムメニューをカスタマイズすることに挑戦して1週間。 やってるうちにPCのときとスマホのときにやりたいことがゴッチャになってきて良くない。 PCのときはCSSだけでもできる。サブメニューはホバーで […]
カスタムメニューをグローバルメニューとしてCSSカスタマイズ
WordPressだからって「カスタムメニュー」「ウィジェット」「アイキャッチ」を絶対に使わなければならないという法はない。 しかしながら、結局、これを使わないならWPにする意味もないんだよなぁと、場数をふむほどに痛感す […]
固定ページの目次にプラグイン『Table of Contents Plus』
プラグインに頼りました。頼りましたとも。 つい先日、プラグインなしで目次を入れる記事を書きましたが、それはあくまでブログの「投稿記事」の冒頭に入れることを前提としていたものであって。 今回のような、コーポレートサイトの場 […]
ウェブアイコンフォントのCSSに□の罠
FontAwesomeのアイコンを使おうとして、うまく表示されないことがままある。 調べてみたら、CSSの書き方にもコツがあることがわかったので、備忘録。 【参考】FontAwesomeでアイコンが□（四角）になって表示 […]
WordPressの高速化には王道プラグイン「Autoptimize」だった
このプラグインすげえです。 PSIのスコアが、33/73 → 66/96に一気に上がりましたよ。 GTもやや上がりました。 今までの苦労は何だったのか・・・ 【参考】Autoptimizeプラグインを利用してサイトを高速 […]
「レンダリングを妨げるリソースの除外」対策（JS）
CSSを移しただけではほとんど効果がなかったので、今度はJSを移す。 【参考】WordPress : レンダリングをブロックしている JavaScript/CSSへの対策 これをfunctionにコピペしただけで56行も […]
WordPressはプラグインで「AMP」
PageSpeed Insightsの「オフスクリーン画像の遅延読み込み」の詳細に出てくる 「AMP プラグインの使用もご検討ください」を試してみる。 AMPとは Accelerated Mobile Pages Goo […]
「レンダリングを妨げるリソースの除外」対策（CSS）
ひきつづき「PageSpeed Insights」のスコアアップを目指す。 今回は「レンダリングを妨げるリソースの除外」対策として「function.php」にコードを入れるぞ。 【参考】「レンダリングを妨げるリソースの […]
「オフスクリーン画像の遅延読み込み」対策にプラグイン「Lazy Load」
2018年11月に「PageSpeed Insights」の評価項目が増加して以降、20点台に落ちた保育園サイトを回復できずにおります。がっでむ。 サイト内の画像を大掃除してみたが、24/66。 あんなに時間と労力をかけ […]
基本のメニュー
「グローバルメニュー」って、だいたい毎回同じじゃない？ PCで見たときは横一列に並べて、スマホになったらハンバーガーになって、クリックするとニョロっと出てくる。 そのうえで、出てくるのが上からだったり横からだったり、ハン […]