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

アフィリエイト広告を利用しています

2024/10/14(月)プログラミング日記

【Web制作コース 345日目】卒業制作 48日目

作業:5時間

作業内容

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

ブロックエディターで書いた本文に、CSSを当てることができるようになりました!

添付した動画、スクショ(single.php)のほかにも、トップページ(front-page.php)の pictureタグで切り替えできなかったレスポンシブ画像も修正できるようになったりしています。
なんとかCSS反映はTOP・下層全ページにできそうです😊

出張期間とか考えると
🔥デイトラのサポート期間、正味16日ほどしかない🔥

2024/10/15(火)プログラミング日記

【Web制作コース 346日目】卒業制作 49日目

作業:2時間

作業内容

  1. 【上級編】DAY31 〜 44 卒業制作課題
P上級編を進めるだけ進める
DDAY31 〜 44 卒業制作課題
front-page.php作成(コンテンツ部分実装)
CTOPページのCSSのズレを修正
静的サイトで設定した absolteの位置
WordPressへアップしたabsoluteの位置
なんかズレてる
なぜかボタンの下端が bottom:0
ボタン下の着色部分が bottom:0 に設定してたのになぜ🤔
AWordPress化完了!

2024/10/16(水)プログラミング日記

【Web制作コース 347日目】卒業制作 50日目

作業:2時間

作業内容

  1. 【上級編】DAY31 〜 44 卒業制作課題
P上級編を進めるだけ進める
DDAY31 〜 44 卒業制作課題
front-page.php作成(コンテンツCSSのズレ調整)
archiveページをWordPressで作成
Carchive.php を WordPressでアーカイブページとしてスラッグ付与
なぜかスラッグを指定してもアーカイブページが空白ページ
なぜ??🤔
めちゃ原因簡単だった👉️WordPressでパーマリンクの変更保存してなかっただけ
なにも設定自体は変更してないけどパーマリンクの変更を保存したらスラッグが有効になった
(function.phpでアーカイブページをスラッグ付与して作成したから、変更保存になったのか🤔)
WordPressでボタンとかabsoluteとか結構ズレた、しかも位置を合わせたり修正は微妙に難しくてなるほど!って感じ👉️多分慣れしだい
AWordPress化完了!

2024/10/17(木)プログラミング日記

【Web制作コース 348日目】卒業制作 51日目

作業:3.5時間

作業内容

  1. 【上級編】DAY31 〜 44 卒業制作課題
P上級編を進めるだけ進める
DDAY31 〜 44 卒業制作課題
pape.phpをスラッグで立ち上げ
pape.phpのTOPバナーを条件分岐で表示 or 各ページごとに固定表示 検討
archive.php で関連記事の設置方法を調査
Cようやくpage.php をWordPressで反映できた
問題はスラッグでパーマリンクを設定していなかったこと
スラッグとphpファイルの名前を同一にすると数あるpage.phpから特定のpage.phpへヘッダーも読み込めた
りょーさんとはじめてRemoで話せた
いつもは同じ時間帯にならないので速攻、あいさつとかなり無作法な相談をさせていただいた
ミーハーな感じもあったけどとにかく話せて良かった
ありがたい😊
AWordPress化完了!

2024/10/18(金)プログラミング日記

出張のため作業時間とれず

2024/10/19(土)プログラミング日記

出張のため作業時間とれず

2024/10/20(日)プログラミング日記

【Web制作コース 351日目】卒業制作 54日目

作業:3.5時間

作業内容

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

コメント

タイトルとURLをコピーしました