新着情報
- '26.11.05pictureタグでPCとスマホの画像を切り替える方法
HTMLの<picture>タグを使用し、画面幅に応じてPC用とスマホ用の画像を切り替える。 JavaScript不要。異なる構図や縦横比の画像をデバイスごとに表示したい場合に使用。 基本的な使い方 画面幅7 […]
- '26.11.05Intersection Observerでスクロール時にフェードインさせる方法
Intersection Observer APIを使用し、スクロールによって要素が画面内に入ったタイミングでCSSアニメーションを実行。 スクロールイベントを常時監視する必要がなく、jQueryも不要。 HTML アニ […]
- '26.11.01CSSの:has()で親要素のスタイルを変更する方法
CSSの:has()を使用すると、特定の子要素を含む親要素にスタイルを適用できる。 子要素の有無や状態によって、JavaScriptを使わずにスタイルの切り替えが可能。 基本的な使い方 .box内に.activeが存在す […]
- '26.10.28画像IDからimgタグを出力する方法【WordPress・ACF対応】
WordPressで画像IDからimgタグを出力するには、wp_get_attachment_image()を使用。 alt・width・height・srcsetなどの属性も自動出力できる。 基本的な使い方 挿入場所： […]
- '26.10.20Windows 11でhostsファイルを編集する方法
Windows 11のhostsファイルを編集し、特定のドメインを指定したIPアドレスへ接続する方法。 DNSの切り替え前に、新サーバー上のWebサイトを確認する場合などに使用。 hostsファイルの場所 Windows […]
- '25.02.03特定の画面でのスクリーンIDの取得(表示)と条件分岐
取得と確認(表示) add_action('admin_notices', function () { $screen = get_current_screen(); if ($screen) { echo '<d […]
- '24.07.16よく使う記号の文字コード表
一般的な特殊文字 記号 名称 エンティティコード 数値コード & アンパサンド & & < 小なり < < > 大なり > […]
- '21.03.15【PHP】ファイルの更新時間を取得する
filemtime(ファイル名) <?php echo filemtime(sample.txt);?> 結果 //1582757000
- '20.09.24シームレスな横スライドショー
スライドショー設置位置に以下のコードを記載 <div class="slider p-0"> <div class="slider_loop slider pb-0"> <ul class= […]
- '20.08.30メニューの項目数を取得
<?php $args = [ 'meta_query' => [ [ 'key' => '_menu_item_menu_item_parent', 'value' => 0, 'compare […]
- '20.07.17ACFの繰り返しフィールドから一つ目の画像を抽出
<?php $rows = get_field('【繰り返しフィールド名】' ); // 全フィールドを取得 $first_row = $rows[0]; // 1つ目だけ格納 $first_row_image = […]
- '20.02.08管理メニューの「投稿」をカスタマイズ
functions.phpに下記コードを追加 function change_post_menu_label() { global $menu; global $submenu; $menu[5][0] = 'INFOR […]
