プログラミング日記【12ヶ月目第4週】デイトラ40代アラフォー初心者

2024/10/21（月）プログラミング日記

【Web制作コース 352日目】卒業制作 55日目

作業：4時間

作業内容

1. 【上級編】DAY31 〜 44 卒業制作課題

P	上級編を進めるだけ進める
D	Contact Form 7 でショートコードの作成
C	wpcf7-　をHTML、SCSSで作成したclassの先頭に加えた。 その後、Contact Form 7 でショートコードの作成。 ショートコードをWordPressの固定ページ「お問い合わせ」の編集画面でショートコードを貼り付け。 ショートコード部分のPHPの記述を削除したら（お問い合わせ項目のラジオ部分）、がブラウザ表示されなくなった。 ショートコードが反映しているなら page-contact.php の該当部分（ショートコード化した部分）を削除しても、ラジオ部分はブラウザ表示されるはず。 ショートコードが反映していないので現状では、wpcf7-　を、page-contact.php（106-147） 、SCSS(2711-2808)に加えただけで、ただ、class名を変更しただけなのではないか🤔 参考サイトを参考にしてショートコードの設定をしたけど、どこが間違っているのか整理できずどこを修正すべきなのかメンターへ質問！ 👉️固定ページの編集内容を出力するthe_content()がpage-contact.phpに存在しなかっただけ😱 Contact Form 7 でStyleを修正できるようになったけど、なんかうまくいかない、、、🔥
A	WordPress化完了！

2024/10/22（火）プログラミング日記

【Web制作コース 353日目】卒業制作 56日目

作業：3.5時間

作業内容

1. 【上級編】DAY31 〜 44 卒業制作課題

P	上級編を進めるだけ進める
D	Contact Form 7 でショートコードの作成
C	Contact Form 7 で苦戦が継続💦 SCSSが当たらないのはなぜだ😭 あまりにも解決できないので初級コース並みに無知な感じで質問した WordPress化完了の手前までは来ている感じするんだけどなぁ🤔 メンターの回答を待つ！ とりあえず他のページを進める！
A	WordPress化完了！

2024/10/23（水）プログラミング日記

【Web制作コース 354日目】卒業制作 57日目

作業：2時間

作業内容

1. 【上級編】DAY31 〜 44 卒業制作課題

P	上級編を進めるだけ進める
D	Contact Form 7 でショートコードの作成
C	Contact Form 7 のバリデーションエラーを実装🙌 やっと、、 なんとサンプルサイトでは Contact Form 7 のメッセージ編集で実装してる ずっとオリジナルの functionを記述するのかと思ってた😱 すっごい認識のズレで1-2日返して〜〜😭
A	WordPress化完了！

2024/10/24（木）プログラミング日記

【Web制作コース 355日目】卒業制作 58日目

作業：2時間15分

作業内容

1. 【上級編】DAY31 〜 44 卒業制作課題

P	上級編を進めるだけ進める
D	Contact Form 7 のStyle修正
C	お問い合わせの入力欄がなぜ横位置がズレているのか不明が続いてた メンターさんの回答ではじめてわかった Contact Form 7 でコード編集、ブラウザの検証ツールではわからないのでエディターで見ればわかるとご指導 確かに、、、全角スペースがあった👉️これが原因で入力欄は横位置がズレていた、、、 これは確かに指摘されないとわからなかった！ これで90%はお問い合わせページは完了！ ACFがいまいちわからないので、ACFに注力、ACFが最大の山場だと思う！ あと10日間のサポート期間🔥
A	WordPress化完了！

2024/10/25（金）プログラミング日記

【Web制作コース 356日目】卒業制作 59日目

作業：2時間

作業内容

1. 【上級編】DAY31 〜 44 卒業制作課題

P	上級編を進めるだけ進める
D	Contact Form 7 のStyle修正
C	ACFをどのページのどこで使用するの？😱 ってわからなくなって、ACFがプラグインとしてどういう働きするのか1週間くらい迷ってた なんと！サイト仕様が共有されてることに今日気づいた（そういえば前に見たような、、、） やっとすっきり😊 サイト仕様がわかったのでACFをどこに使用するか明確になった！ あと1週間、できそうなできなそうな、、、とにかく🔥 ようやくContact Form 7 のStyleを再現できた！ display:flex;の親要素に lablel があるなぁぁと思ってたけど label の class名の当て方がわからず忌避してた🙇‍♂️ メンターさんにdisplay:flex;の親要素は label と明示していただき、やっとlabelに手を付けた Styleを決めることができた！再現できた！ 忌避することはやっぱり時間の消耗が甚大だなってあらためて痛み入る😭
A	WordPress化完了！

2024/10/26（土）プログラミング日記

【Web制作コース 357日目】卒業制作 60日目

作業：5時間

作業内容

1. 【上級編】DAY31 〜 44 卒業制作課題

P	上級編を進めるだけ進める
D	動的化設定 　archive.php 　front-page.php 　パンくずリスト
C	パンくずリストの3階層目の設定についてDiscordで検索 めちゃめちゃ試行錯誤されてる質問から解を見つける事ができた ご努力に感謝と拍手しかない😭 frontページの最新記事を1記事抽出 抽出条件は、カテゴリー名、投稿日、ディスクリプション、アイキャッチ、クリックしたら遷移 すべてクリア AI先生に聞きながらクリア！やっぱりAI先生すげー👀 archive.php にsingle.php を抽出設定進行中👍️ 最新記事の抽出やsingle.phpで設定したアイキャッチの表示崩れを排除したコードを組み合わせ 一気に archive.php のStyleも再現できてきたやっぱPHPでファイル分割して読み込むのは超すごい！ 明日で archive.php の動的設定を完成させたい
A	WordPress化完了！

2024/10/27（日）プログラミング日記

【Web制作コース 358日目】卒業制作 61日目

作業：6.5時間

作業内容

1. 【上級編】DAY31 〜 44 卒業制作課題

P	上級編を進めるだけ進める
D	動的化設定 　archive.php 　　サイドバー 　　（最新5記事抽出、カテゴリー事に全記事抽出）
C	ACFの設定を進めたかったけど、その前に archive.php のStyleを完了！ ほとんど0からだったので、5時間ほどでここまでできたのはそれなりに評価したい😊 とにかくAIを使った AIに聞きまくって、わけの分からない構文から答えを見つけて、答えから紐解く サポート期間は残り1週間😠ゆっくり理解している時間はない、復習はあとから ここまでできたので、残りの1週間でACFを全解決できれば、あとは微調整という感じか🤔 そうなればAIに聞きまくって解決できそうなところが大抵な感じ レスポンシブ、PerfectPixelも残ってるけど、サポート期間は後1週間あれば質問しないとわからないところはかなりなくせそう レスポンシブ、PerfectPixelも残ってるけど、サポート期間は後1週間あればなんとかなるかもしれない🔥
A	WordPress化完了！