WordPress

【WordPress】別のWordPressサイトの投稿をREST APIで取得して表示する方法|キャッシュ・安全な出力

別のWordPressサイトの投稿をREST APIで取得して自サイトに表示する方法を解説します。wp_remote_getでの取得、content.renderedをwp_kses_postで安全に出力する方法、トランジェントでのキャッシュ、タイムアウトや件数の指定まで、実用的なコードで紹介します。
WordPress

【WordPress】新着記事に”NEW”マークを表示する方法|タイムゾーン安全な判定とバッジCSS

WordPressで新着記事にNEWマーク(バッジ)を表示する方法を解説します。get_the_timeとcurrent_timeでタイムゾーンのずれない日数判定を行い、CSSでバッジを装飾します。日数を変数で調整する方法や、更新日を基準にする応用も紹介します。
WordPress

【WordPress】オリジナルのカスタムショートコードを作成する方法|登録・属性・エスケープ

WordPressでオリジナルのカスタムショートコードを作成する手順を解説します。add_shortcodeでの登録、shortcode_attsでの属性、esc_htmlでの安全な出力まで、実際に動くコードでステップごとに紹介します。全体像や囲み型は関連記事へ。
jQuery

【jQuery/JS】時間帯・曜日・期間で表示を切り替える完全ガイド|営業時間・挨拶・セール期間・リアルタイム更新・タイムゾーンまで

ウェブ開発において、特定の時間帯に応じて異なるアクションを実行する必要がある場面がよくあります。例えば、ウェブサイトのデ
jQuery

【jQuery】jquery.matchHeight.jsで要素の高さを揃える完全ガイド|CSS Flexbox比較・レスポンシブ・Ajax・トラブルシューティングまで

ウェブデザインにおいて、コンテンツの外観を整えることは重要です。特に、異なる高さの要素を均等に整えたい場合、そのプロセス
jQuery

【jQuery/JS】URLに特定の文字列が含まれているか判定する完全ガイド|indexOf・includes・正規表現・URLSearchParamsまで

Web開発において、特定のURLに特定のパラメータやクエリ文字列が含まれているかどうかを確認する必要があることがよくあります。例え
jQuery

【jQuery】jquery.jpostal.jsで郵便番号から住所を自動補完する完全ガイド|分割表示・バリデーション・エラー処理まで

ウェブフォームを設計する際、ユーザーエクスペリエンスの向上は非常に重要です。ユーザーが情報を入力する際に手間をかけさせず
jQuery

【jQuery】ランダムな背景色・背景画像を設定する完全ガイド|Math.random・グラデーション・セッション固定・フェード切り替えまで

Webデザインの要素として、サイトやウェブページの背景は非常に重要です。背景色や背景画像は、ユーザーエクスペリエンスを大き
jQuery

【jQuery】擬似要素(::before/::after)を動的に変更する完全ガイド|data属性・CSS変数・クラス切り替えまで

ウェブデザインやフロントエンド開発の中で、擬似要素(::beforeや::after)を使用することは非常に一般的です。これらの擬似要素
SQL

【SQL】COUNT関数完全ガイド|COUNT(*)・COUNT(列)・DISTINCT・条件付きカウント・ウィンドウ関数・NULL挙動まで解説

SQLのCOUNT関数の使い方を完全解説。COUNT(*)・COUNT(列)・COUNT(DISTINCT)の違いとNULL挙動、WHERE・GROUP BY・HAVINGとの組み合わせ、CASE WHENを使った条件付き複数カウント(ピボット)、ウィンドウ関数COUNT() OVER、MySQL/PostgreSQL/Oracle/SQL Serverの差異、パフォーマンス注意点まで実務レベルで網羅します。
HTML/CSS

スマートフォンで:hoverを活用する方法

スマートフォンやタブレットデバイスは、我々の日常生活に欠かせないものとなっています。ウェブデザインにおいても、スマートフ
Git

【Git】コミットメッセージの変更方法|amend・rebase -i reword・filter-repoの使い分け完全ガイド

Gitのコミットメッセージを変更する方法を完全解説。git commit --amend(直前)、git rebase -i reword(過去)、git filter-repo(一括)の使い分け、push済みでの--force-with-lease運用、共有ブランチでの注意点、Conventional Commitsやcommit-msgフックによる予防策まで実務で迷わない形でまとめました。
jQuery

【jQuery】「Uncaught TypeError: $ is not a function」の原因と解決方法|WordPress対応・noConflict・読み込み順まで

jQueryを使ってウェブ開発を行っていると、時折「Uncaught TypeError: $ is not a function」というエラーメッセージに遭遇する
Webサイト全般

YouTube ショートをウェブサイトに埋め込む方法

YouTube ショート(YouTube Shorts)は、短い動画コンテンツを楽しむための素晴らしいプラットフォームです。しかし、あなたのウ
HTML/CSS

CSSでテーブル表の一部を固定してスクロール可能にする方法

ウェブデザインの世界では、テーブルは情報を整理し表示するための強力なツールです。しかし、テーブル内に多くのデータがある場合、
WordPress

【WordPress】特定のカテゴリーの投稿を表示する方法|WP_Query・スラッグ指定・ページネーション

WordPressで特定のカテゴリーの投稿をWP_Queryで表示する方法を解説します。IDが変わっても壊れないcategory_nameスラッグ指定、名前やスラッグからIDを取得する方法、posts_per_page=-1の注意、ページネーション、pre_get_postsでのアーカイブ変更まで、実用的なコードで紹介します。
WordPress

【WordPress】ビジュアルエディタで文頭に全角スペースを入力すると消える場合の対処法

WordPressのクラシックエディタ(ビジュアル)で文頭に全角スペースを入力すると消える問題の対処法を解説します。Advanced Editor Toolsで「パラグラフタグを保持」を有効にする手順と、プラグインを使わずHTMLエンティティ( )で入れる方法、ブロックエディタでの挙動の違いを紹介します。
HTML/CSS

SEO対策で役立つ「noindex」と「nofollow」の使い方

ウェブサイトを運営する際、検索エンジンのクローラーに対して特定の指示を与えることは、SEO戦略の重要な一部です。その中でも、
WordPress

【WordPress】特定のページでのみCSS・JSを読み込む方法|条件分岐・子テーマパス・キャッシュ対策

WordPressで特定のページだけCSS・JSファイルを読み込む方法を解説します。wp_enqueue_scriptsフックとis_page()などの条件分岐、子テーマで正しく動くget_stylesheet_directory_uri、filemtimeでのキャッシュ対策、フッター読み込みまで、実務で使えるコードで紹介します。
WordPress

WordPressでカスタム投稿のアイキャッチ画像が表示されない原因と対処法|supportsとテンプレート出力

WordPressのカスタム投稿でアイキャッチ画像が表示されない原因と対処法を解説します。register_post_typeのsupportsにthumbnailを追加する、既存投稿タイプにadd_post_type_supportで後付けする、テンプレートでthe_post_thumbnailを呼ぶ、の3点を切り分けて確認します。