作り方

「ウェブサイトの作り方」へようこそ!

このカテゴリーの記事では、ウェブサイトを“作る”ヒントをお届けしています。沼る難しいコードは使いません。

目を引くアイキャッチ(画像や文章)の手作りの方法から、アクセス解析で読み取る(読まれる仕組み)方法まで、「作る」世界を極めましょう。

作り方

132:読書記事に共通アイキャッチを設定トライしてみた|Auto Featured Imageの思わぬ効果

WordPressプラグイン「Auto Featured Image」を使い、読書記事に共通のアイキャッチ画像を自動設定できそうか試してみることに。本文画像からアイキャッチが生成され、記事冒頭にも自動配置される効果を検証しています。
作り方

131:Inoreader対策に最適!?本文画像から自動でアイキャッチを作る方法【Cocoon×Auto Featured Image】

Inoreaderはアイキャッチではなく本文最初の画像を表示します。その仕様を逆手に取り、Auto Featured Imageで本文画像を自動的にアイキャッチ化する方法を、Cocoon環境で実装してみました。
作り方

130:曜日とともに育ったブログ|休む勇気がくれた、続けるためのリズム

2025年3月にスタートしたブログの投稿リズムの変遷。毎日投稿から火曜休みへ、海外出張や年末年始を経て見えた「続けるために休む」という考え方を綴ります。
作り方

129:ChatGPT 5.0で変わったアイキャッチ作り|読書シリーズ

アイキャッチ画像まとめ・第3弾〜読書シリーズ × ジブリ風カプセルコレクション〜これまでに、アイキャッチ画像をまとめて振り返る記事を、二度ほど書いてきました。Canvaで作成したもの(Webサイトの作...
作り方

128:半年ぶりにWordPressのプラグインを整理してみた|追加したプラグインと見直しポイント

ブログ開設から半年。追加したWordPressプラグインを整理して見直しました。Site Kit、Smart Slider 3、W3 Total Cache、WP ULikeを導入した理由や、使って分かった気づきをまとめています。
作り方

127:W3 Total Cache導入後にSearch Consoleで404エラー?原因と気づいたポイント

サイト高速化のためにW3 Total Cacheを導入したところ、Search Consoleから404エラーの通知が。原因の切り分けと初期対応をまとめました。
作り方

126:W3 Total Cache導入から1週間|PageSpeedが改善しない原因は基本設定?

W3 Total Cache導入後もPageSpeedが改善しない原因を調査中。SmartSliderのCSS問題と、見落としていたページキャッシュ・圧縮設定を見直した記録。
作り方

125:W3 Total Cache 導入から1日。PageSpeed を再計測して分かったこと

W3 Total Cache 導入から1日後の検証ログ。Smart Slider 3 を無効化・再有効化して PageSpeed Insights を再計測したが、LCP・FCPは依然高め。改善への試行錯誤の記録。
作り方

124:W3 Total Cache を導入してみた。無料でできるブログ高速化の第一歩

無料で導入できる高速化プラグイン「W3 Total Cache」を設定しました。導入手順や参考にした記事、キャッシュ設定のポイントをまとめています。PageSpeed改善の結果は翌日以降でチェック予定。
作り方

123:CocoonテーマでLCPが遅すぎる!SmartSlider3のCSS最適化?でようやく原因が見えてきた

Cocoon高速化を再調整したのに…LCPが6秒超えのまま問題発生中先週、Cocoonテーマの高速化設定を見直してから数日が経ちました。ところが期待に反して、PageSpeed Insights のス...
タイトルとURLをコピーしました