Ayaka.E/通所93日目/ちゃるびぃ日報
■日付
2026/01/27
■ できたこと・良かった点プラスの振り返り
・%1$s、%2$sは引数。序列指定付き。
・ウィジェットh4の表示がないが？→WordPressが「クラシック（旧式）」から「ブロック（新式）」へ。解説動画との差異。
自分の書いたクラス名（c-widget__title）を当てはめたい場合は、見出しブロックの右側メニューにある 「高度な設定」→「追加 CSS クラス」 に直接 c-widget__title と入力すれば、同じような見た目にできる。加えて見出しと要素をグループ化する
・子テーマ用のフォルダを作ってwpにテーマとして認識されるところまで確認(なぜ試そうと思ったのか忘れた)
・子テーマ有効時、親テーマのフォルダにしかない画像がリンク切れになる問題
表示されない→ src=””<?php echo get_theme_file_uri(); ?>/images/portfolio-icon.png””
表示される → src=””<?php echo get_theme_file_uri(‘images/portfolio-icon.png’); ?>””
get_theme_file_uri(‘images/portfolio-icon.png’)は子テーマフォルダ中にimages/portfolio-icon.pngがなければ自動で親テーマのフォルダに探しに行ってくれる。
■今のご自身の課題とそれを解決する方法を記載して下さい。
以下のような経緯で、2時過ぎ頃からは正規表現についてネットサーフィンしていた。あまりしっかり調べられてないがタイムアップ。今すぐに必要ではなさそうなので自習候補に入れておこうと思う。
・wp_nav_menu(
array(
‘theme_location’ => ‘globalnav’,
‘container’ => ‘nav’,
‘container_class’ => ‘p-global-navigation’ ←クラス名を<nav>に付与
)
)
cssを覗いたところ、.p-global-navigation ul li aのようにセレクタを指定している。
→BEMの観点から、タグごとにクラス名を付けるべきではなかったか？とAIに質問する。
→phpでstr_replaceなどを使い、出力されるHTMLの menu-item というデフォルトクラスを p-global-navigation__item 等に無理やり書き換える、という方法があると教えられる。
→str_replaceをググると、似た処理をするpreg_replaceというのがあるらしい。「preg_replaceは正規表現で置換する」？
→正規表現について調べだす
■今日の作業予定
・ WordPressテーマ制作レッスン
■作業内容
10:00～10:30 テンプレート階層の分岐図を見る
10:30～11:00 WordPressテーマ制作レッスン
11:00～11:30 WordPressテーマ制作レッスン
11:30～12:00 WordPressテーマ制作レッスン
12:00～12:30 休憩
12:30～13:00 休憩
13:00～13:30 WordPressテーマ制作レッスン
13:30～14:00 WordPressテーマ制作レッスン
14:00～14:30 WordPressテーマ制作レッスン
14:30～15:00 WordPressテーマ制作レッスン、日報、ブログ
■補記
メモを全部張り付けたので長くなりました。
