2024/10/14(月)プログラミング日記
【Web制作コース 345日目】卒業制作 48日目
作業:5時間
作業内容
- 【上級編】DAY31 〜 44 卒業制作課題
P | 上級編を進めるだけ進める |
D | DAY31 〜 44 卒業制作課題 single.php(コンテンツ部分実装) front-page.php作成(コンテンツ部分実装) |
C | WordPressの投稿画面から記事投稿(single.php) WordPressで反映されなかったCSSをSCSSで修正 WordPressにSCSSを反映させる構文に挑戦 なかなか癖のある構文だけど、慣れてきたらサクサク行けそう🤔 静的サイトではpictureで切り替えできていた画像のレスポンシブ WordPressでは画像の切り替えができずサイズも変わっていた原因は👉️img{}で width、heightを囲っていなかっただけだった😅 figure,th,td の構文には頭がぐちゃぐちゃ😭 でも、結構シンプルな構文だぞ、WordPressへのSCSS反映 ちょっと面倒なのかmq 👉️ class名をSP、PC両方に書かないといけないのが面倒 |
A | WordPress化完了! |

bakushin
ブロックエディターで書いた本文に、CSSを当てることができるようになりました!
添付した動画、スクショ(single.php)のほかにも、トップページ(front-page.php)の pictureタグで切り替えできなかったレスポンシブ画像も修正できるようになったりしています。
なんとかCSS反映はTOP・下層全ページにできそうです😊
出張期間とか考えると
🔥デイトラのサポート期間、正味16日ほどしかない🔥



2024/10/15(火)プログラミング日記
【Web制作コース 346日目】卒業制作 49日目
作業:2時間
作業内容
- 【上級編】DAY31 〜 44 卒業制作課題
P | 上級編を進めるだけ進める |
D | DAY31 〜 44 卒業制作課題 front-page.php作成(コンテンツ部分実装) |
C | TOPページのCSSのズレを修正 静的サイトで設定した absolteの位置 WordPressへアップしたabsoluteの位置 なんかズレてる なぜかボタンの下端が bottom:0 ボタン下の着色部分が bottom:0 に設定してたのになぜ🤔 |
A | WordPress化完了! |



2024/10/16(水)プログラミング日記
【Web制作コース 347日目】卒業制作 50日目
作業:2時間
作業内容
- 【上級編】DAY31 〜 44 卒業制作課題
P | 上級編を進めるだけ進める |
D | DAY31 〜 44 卒業制作課題 front-page.php作成(コンテンツCSSのズレ調整) archiveページをWordPressで作成 |
C | archive.php を WordPressでアーカイブページとしてスラッグ付与 なぜかスラッグを指定してもアーカイブページが空白ページ なぜ??🤔 めちゃ原因簡単だった👉️WordPressでパーマリンクの変更保存してなかっただけ なにも設定自体は変更してないけどパーマリンクの変更を保存したらスラッグが有効になった (function.phpでアーカイブページをスラッグ付与して作成したから、変更保存になったのか🤔) WordPressでボタンとかabsoluteとか結構ズレた、しかも位置を合わせたり修正は微妙に難しくてなるほど!って感じ👉️多分慣れしだい |
A | WordPress化完了! |
2024/10/17(木)プログラミング日記
【Web制作コース 348日目】卒業制作 51日目
作業:3.5時間
作業内容
- 【上級編】DAY31 〜 44 卒業制作課題
P | 上級編を進めるだけ進める |
D | DAY31 〜 44 卒業制作課題 pape.phpをスラッグで立ち上げ pape.phpのTOPバナーを条件分岐で表示 or 各ページごとに固定表示 検討 archive.php で関連記事の設置方法を調査 |
C | ようやくpage.php をWordPressで反映できた 問題はスラッグでパーマリンクを設定していなかったこと スラッグとphpファイルの名前を同一にすると数あるpage.phpから特定のpage.phpへヘッダーも読み込めた りょーさんとはじめてRemoで話せた いつもは同じ時間帯にならないので速攻、あいさつとかなり無作法な相談をさせていただいた ミーハーな感じもあったけどとにかく話せて良かった ありがたい😊 |
A | WordPress化完了! |



2024/10/18(金)プログラミング日記
出張のため作業時間とれず
2024/10/19(土)プログラミング日記
出張のため作業時間とれず
2024/10/20(日)プログラミング日記
【Web制作コース 351日目】卒業制作 54日目
作業:3.5時間
作業内容
- 【上級編】DAY31 〜 44 卒業制作課題
P | 上級編を進めるだけ進める |
D | DAY31 〜 44 卒業制作課題 WordPress化の設計を再整理 プラグインの利用目的を再整理 (ACF、CPT UI) Contacyt Form 7 設定 |
C | だんだんWordPress化の設計が混沌としてきた 出張から戻って3日ぶりの作業なので現在地を再確認 WordPressの教科書を見てみる 👉️ めちゃめちゃ参考になる 👀 ACF のインストールしてよいか???だったけどWP Engine から直接アップロード お知らせは CPT UI でタクソノミーすれな良い事を認識 Contacyt Form 7 設定がわかんない😱 けっこうわからないことがテトリスみたいに行き詰まってるけど、ここを解決したら👉️たぶん、WordPress化の大きな山は超えると思う、めちゃ頑張る🔥 |
A | WordPress化完了! |




コメント