PHP 【PHP】ファイルサイズを取得してKB/MB/GBに自動変換して表示する方法
ダウンロードリンクや管理画面に「1.2 MB」のような読みやすいサイズを表示したいときは、filesize() でバイト数を取得し、単位変
PHP 
HTML/CSS 【CSS】hoverでアニメーションを停止する方法
CSS のアニメーションを適用している要素を、マウスオーバー（:hover）したときに一時停止させたいことがあります。その場合
HTML/CSS 【HTML】スクリーンリーダーに読み上げさせない aria-hidden の正しい使い方
Web アクセシビリティを考慮する上で、不要な情報をスクリーンリーダーに読み上げさせないことは重要です。そのために使われる属性
WordPress 【WordPress】Contact Form 7にプレースホルダーテキストを設定する方法
Contact Form 7のテキスト・メール・テキストエリア各フィールドにプレースホルダーテキストを設定する方法を解説します。placeholderオプションが実際にサポートされたバージョンなど、細かい事実関係もあわせて正確に紹介します。
WordPress 【WordPress】テーマのPHPからショートコードを呼び出す方法
WordPressのdo_shortcode()関数を使って、テーマファイル内のPHPから直接ショートコードを呼び出す方法を解説します。変数を埋め込む方法や、出力を変数に代入して整形する方法もあわせて紹介します。
Webサイト全般 【.htaccess】.html／.phpを付けずにアクセスさせるRewrite設定
Web サイトの URL から .html や .php などの拡張子を取り除き、シンプルにアクセスさせたいケースがあります
jQuery 【jQuery/JS】CSSアニメーション・トランジション終了時に処理を行う完全ガイド｜animationend・transitionend・複数要素・promiseまで
CSS で定義したアニメーションやトランジションが終わったタイミングで、次の処理を jQuery で実行したいことがあります。その場合
HTML/CSS 【CSS】backdrop-filterの使い方｜背景ぼかし・明るさ調整を一発適用
CSS の backdrop-filter プロパティを使うと、要素の背後にある背景に対して「ぼかし」「明るさ調整」「彩度変更」などの効果を適
HTML/CSS 【CSS】filter: drop-shadow()の基本と使い方｜box-shadowとの違い
CSS で要素に影をつける方法には box-shadow と filter: drop-shadow() の2種類があります。一見すると似ていますが、仕組みや用途には
HTML/CSS 【CSS】テキストを改行させない方法
Web ページのデザインによっては、見出しやボタンなどのテキストを1行に収めて表示したいケースがあります
jQuery 【jQuery】スライダーの各スライドの高さを揃える完全ガイド｜matchHeight・adaptiveHeight・slick・CSSのみの解決まで
slickスライダーで各スライドの高さを揃える4つの方法（adaptiveHeight・JavaScript最大高さ計算・CSS Flexbox・グリッド）を徹底比較。レスポンシブ対応のinit/setPositionイベント活用法、画像遅延読み込み時の問題と解決策まで網羅した実践ガイド。
HTML/CSS 【CSS】SVGの色を変更する方法まとめ
SVG はアイコンやイラストに広く使われる形式で、CSS を使って柔軟に色を変更できます。ただし、埋め込み方法（<img> / CSS 背
jQuery 【jQuery】スライダーの非表示スライドにタブキーでフォーカスさせない方法｜tabindex・inert・slick・アクセシビリティまで
slick.js を使ってカルーセルやスライダーを実装すると、デフォルトでは各スライド内のリンクやボタンなどが Tab キーで順にフ
WordPress 【WordPress】投稿のスラッグを自動で日付に設定する方法
記事作成のたびにスラッグ（URL末尾）を手で入力するのは地味に手間です。運用ポリシーとして「投稿のスラッグは
HTML/CSS 【CSS】Flexboxで文字が下にずれる原因と解決方法
Flexbox を使った横並びレイアウトで、テキストが微妙に下へ寄って見えることがあります。原因は「交差軸のそろえ方」「ベースライン揃
WordPress 【WordPress】ページネーションの「…（ドット）」を変更・編集する方法
WordPressのpaginate_links()やthe_posts_pagination()が出力する省略記号「…」を任意の文字に変更する方法を解説します。フィルターフックでは省略記号を変更できないという見落としがちな制限と、実際に機能する関数化による正しい実装方法もあわせて紹介します。
jQuery 【jQuery】固定ヘッダーの高さを取得してコンテンツ位置を調整する完全ガイド｜ページ内リンク・スクロール・レスポンシブまで
Webサイトで固定ヘッダーを実装すると、スクロール時にコンテンツがヘッダーと重なってしまうことがあります。この問題を解決する
HTML/CSS 【CSS】角丸画像のトリミングはobject-fitで一行解決！
「画像を角丸でトリミングしたい」「縦横比がバラバラでも枠いっぱいに綺麗に切り抜きたい」。そんなときは object-fit: cover; を
SSH 【SSH】リモートサーバーに接続してファイルを編集する方法
サーバー運用や開発作業では、リモートサーバー上のファイルを直接編集する場面がよくあります。その際に利用されるの
HTML/CSS 【CSS】position: stickyが効かない原因と解決方法
スクロールに追従する見出しやサイドナビを作る際に便利な position: sticky。しかし「効かない」「固定されない」ケースは少なくあり