Cocoonのボックスメニューのサムネイルに「高速化」タブのlozad.js無しでLazy Loadを適用させて更なる高速化を図る

Cocoonのボックスメニュー画像にloading="lazy"を適用する方法を解説するアイキャッチ。サムネイル画像に遅延読み込みが付かない原因を調査し、F12でHTMLを確認して対処する流れを図解している。
WordPress5.5以降、Native Lazy Loadが実装されました。 これにより投稿内の画像はデフォルトで遅延読み込みされます。 しかし一部のサムネイル画像については適用されません。 そのためPageSpee … 記事を読む:Cocoonのボックスメニューのサムネイルに「高速化」タブのlozad.js無しでLazy Loadを適用させて更なる高速化を図る

Site Kit by Googleが動かないときに確認したいこと【WordPress】

Site Kit by Googleが動かない原因を図解で解説。JavaScript縮小化による不具合でSite Kitのデータが表示されない様子を示したWordPressトラブルシューティング用アイキャッチ。
Google謹製の公式WordPressプラグイン「Site Kit by Google」。 手軽に管理画面でGoogle Analytics、Google、Search Console、AdSenseの統計データをチェ … 記事を読む:Site Kit by Googleが動かないときに確認したいこと【WordPress】

X(旧Twitter)シェアに「@ユーザーID」を付けるメリット・デメリットと実装方法|AI時代のWordPressカスタマイズ

WordPressでX(旧Twitter)のシェアに@ユーザーID(メンション)を追加する方法をイメージしたアイキャッチ。シェア画面にメンションが表示されている。
X(旧Twitter)のシェアで「@ユーザーID・ユーザーネーム」(メンション)がついてるものを見かけたことはありませんか? 本記事では、 メンションを含めることのメリット・デメリット WordPressでXのシェアにメ … 記事を読む:X(旧Twitter)シェアに「@ユーザーID」を付けるメリット・デメリットと実装方法|AI時代のWordPressカスタマイズ

WordPressで連載コンテンツを読みやすくする方法【小説や漫画など】|カテゴリページを目次に・前後記事ナビを同一カテゴリにする

WordPressで小説や漫画などの連載コンテンツを読みやすくする方法を表したイラスト。カテゴリページを目次にし、前後記事ナビを同一カテゴリにしたイメージ。
アマチュアが小説や漫画を投稿・連載するとなると「小説家になろう」や「ジャンプルーキー!」みたいなサイトが主流だと思います。 私もまた「なろう」で活動する1人です しかしその一方で、自分のWordPressサイトに連載コン … 記事を読む:WordPressで連載コンテンツを読みやすくする方法【小説や漫画など】|カテゴリページを目次に・前後記事ナビを同一カテゴリにする

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

Font Awesomeが文字化け(□豆腐)してしまって機嫌悪い技術者
SNSのアイコンが文字化けして「□」になってる! サイトを訪問してこんな現象に出くわしたことはありませんか? あるいはサイトを運営していて悩んだことはありませんか? こうした文字化けはネットスラングで「豆腐」と呼ばれてい … 記事を読む:Font Awesomeが「□(豆腐)」になる原因と対処法 ~訪問者側・管理者側を切り分ける

ブログやサイトに「この記事は約 ○ 分で読めます」という読了所要時間を表示するには?

読了時間を表示するWordPress記事のUXを解説するプレゼンテーションイラスト
本記事では「記事を読み終える時間」を表示する方法について紹介します。 具体的には、記事冒頭のタイトル付近にある「この記事は約 ○ 分で読めます」という表記です。 私の活動している「小説家になろう」でも読了時間表示がありま … 記事を読む:ブログやサイトに「この記事は約 ○ 分で読めます」という読了所要時間を表示するには?
× 閉じる