Web制作

Web制作

【WordPress】img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; }を削除する

WordPress 6.7 では、新しいsizes="auto"の仕組みを導入し、それに伴うレイアウトシフトを防ぐため、以下のようなコードが出力されるようになりました。これが原因で表示が崩れてしまう場合など、この記述を削除したい場合はfunctions.php に以下の一文を追記します。
2025.02.03
Web制作
Web制作

wp-load.phpを読み込んでいるWordPress外の静的ページでも管理バーを表示させる

トップページへブログの記事一覧を埋め込む場合など、静的ページでwp-load.phpを読み込んでいる場合、WordPressの管理バー（admin-bar）が表示されません。管理バーを表示させたい場合は、wp-load.phpを読み込んだ後に以下の処理を追記します。
2025.02.02
Web制作
Web制作

【WordPress】wp_head()で出力された不要なコードを削除する

wp_head()で出力されるコードを削除してしまいたい場合、/テーマディレクトリ/functions.phpに以下の内容を追記します。
2025.02.02
Web制作
Web制作

【Mac/Win】ローカル環境でMP4動画のサムネイル画像を一括生成する

コマンドプロンプト/ターミナルを使って、ローカル環境でMP4動画のサムネイル画像を一括生成する方法です。input_folderに動画が入っているフォルダを、output_folderにサムネイルを出力したいフォルダを指定してください。出力されるサムネイル画像のファイル名は［動画のファイル名_thumbnail.jpg］になっています。お好みに応じて修正してください。
2025.01.10
Web制作環境設定
Web制作

Bizメール＆ウェブ プレミアムでUse of mbstring.internal_encoding is deprecatedエラーが出る

PHPのバージョンが8.1に上がったことでエラーが出てしまっています。/www/php.iniを編集して、エラーを回避しましょう。
2025.01.10
Web制作サーバー
Web制作

【WordPress】記事データ内のHTMLエンティティ文字列を絵文字に一括変換する

DBの記事データ内に、絵文字部分がHTMLエンティティ文字列として入ってしまっている場合、絵文字データに一括で置き換える方法です。
2025.01.10
Web制作
Web制作

CSSでtableの空のセルに斜線を引く

空のセルに対して斜線を引きたい場合、table td:emptyセレクタとCSSのグラデーション機能（linear-gradient）を利用すると便利です。
2024.11.09
Web制作
Web制作

YouTube Player APIでページにYouTube動画を埋め込む

YouTubeの動画は、簡単にWebページへ埋め込むことができます。その方法の一つに、iframeタグを使った埋め込みがあります。また、YouTubeはこのiframeで埋め込んだ動画に対して、再生や停止などの操作を自由に行えるAPIも提供しています。
2024.11.04
Web制作
Web制作

CSSでスクロールバーのデザインをカスタムする

.scroll-areaをスクロールバーが出る要素とした場合の例です。基本的には::-webkit-scrollbar、::-webkit-scrollbar-track、::-webkit-scrollbar-thumbで設定できますが、Firefoxは対応していないためFirefox用のみ別で指定しています。
2024.11.03
Web制作
Web制作

【エックスサーバー】無料で使えるモリサワWebフォントの書体一覧

エックスサーバーのWebフォント機能を利用することで、誰でもかんたんに美しいWebサイトを製作することが可能になります。「モリサワ」が提供する「TypeSquare」から33書体のWebフォントを無料で利用可能です。
2024.11.02
Web制作サーバーフォント
次のページ