Web制作 【WordPress】post_contentで出力する内容に段落タグを含むようにする
WordPressのget_post関数を使用して投稿や固定ページの内容を取得する際、post_contentをそのまま出力するとレイアウトが崩れる可能性があります。そのため出力時にthe_contentフィルターを適用しthe_content関数と同様の出力結果が得られるようにします。
Web制作 Web制作 【WordPress】img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; }を削除する
WordPress 6.7 では、新しいsizes="auto"の仕組みを導入し、それに伴うレイアウトシフトを防ぐため、以下のようなコードが出力されるようになりました。これが原因で表示が崩れてしまう場合など、この記述を削除したい場合はfunctions.php に以下の一文を追記します。
Web制作 wp-load.phpを読み込んでいるWordPress外の静的ページでも管理バーを表示させる
トップページへブログの記事一覧を埋め込む場合など、静的ページでwp-load.phpを読み込んでいる場合、WordPressの管理バー（admin-bar）が表示されません。管理バーを表示させたい場合は、wp-load.phpを読み込んだ後に以下の処理を追記します。
Web制作 【WordPress】wp_head()で出力された不要なコードを削除する
wp_head()で出力されるコードを削除してしまいたい場合、/テーマディレクトリ/functions.phpに以下の内容を追記します。
Web制作 【Mac/Win】ローカル環境でMP4動画のサムネイル画像を一括生成する
コマンドプロンプト/ターミナルを使って、ローカル環境でMP4動画のサムネイル画像を一括生成する方法です。input_folderに動画が入っているフォルダを、output_folderにサムネイルを出力したいフォルダを指定してください。出力されるサムネイル画像のファイル名は［動画のファイル名_thumbnail.jpg］になっています。お好みに応じて修正してください。
Web制作 Bizメール＆ウェブ プレミアムでUse of mbstring.internal_encoding is deprecatedエラーが出る
PHPのバージョンが8.1に上がったことでエラーが出てしまっています。/www/php.iniを編集して、エラーを回避しましょう。
Web制作 【WordPress】記事データ内のHTMLエンティティ文字列を絵文字に一括変換する
DBの記事データ内に、絵文字部分がHTMLエンティティ文字列として入ってしまっている場合、絵文字データに一括で置き換える方法です。
Web制作 CSSでtableの空のセルに斜線を引く
空のセルに対して斜線を引きたい場合、table td:emptyセレクタとCSSのグラデーション機能（linear-gradient）を利用すると便利です。
Web制作 YouTube Player APIでページにYouTube動画を埋め込む
YouTubeの動画は、簡単にWebページへ埋め込むことができます。その方法の一つに、iframeタグを使った埋め込みがあります。また、YouTubeはこのiframeで埋め込んだ動画に対して、再生や停止などの操作を自由に行えるAPIも提供しています。
Web制作 CSSでスクロールバーのデザインをカスタムする
.scroll-areaをスクロールバーが出る要素とした場合の例です。基本的には::-webkit-scrollbar、::-webkit-scrollbar-track、::-webkit-scrollbar-thumbで設定できますが、Firefoxは対応していないためFirefox用のみ別で指定しています。