こんにちは！
6月13日、木曜日。
The 曇天。最高気温28℃。ムシっとしてます。
本日の教材も引き続きこちら、
頑張ってまいりましょう。
CHAPTER２も残すところSECTION11のみとなりました。
CHAPTER２ 基本的なテーマを作成する
SECTION11 テーマを完成させる
このセクションでやること。
- 検索結果ページの作成
- 404エラーページの作成
- バナー画像のリンク
「コンセプト」と「アクセス」ページへのリンクを修正
・投稿IDを調べる
「コンセプト」ページのスラッグは「concept」なので、URLは「https://noplog.com/concept」
しかし、URLを直接記述してしまうとメンテが大変。
そこで、投稿IDからURLを取得し、動的にリンク先が変わるようにする。
・管理画面のURLから投稿IDを調べる
～/post.php?post=413&action=edit
→投稿ID＝413
・HTMLから投稿IDを調べる
＜テンプレートタグ＞
・ページのURLを設定する
＜WordPress関数＞
front-page.phpを修正
・コンセプト
＜修正前＞
＜修正後＞投稿ID：292
・アクセス
＜修正前＞
＜修正後＞投稿ID：311
実装！
コンセプト、アクセスともにリンクOK！
・お問い合わせページのリンクを設定する
＜WordPress関数＞
・お問い合わせ
＜修正前＞
＜修正後＞
実装！
お問い合わせOK！！
※スラッグ（/contact/）で指定すると、投稿IDが変わったときに対応はできないが、コードを見たときに直感的に理解ができる。（視認性）
＜WordPress関数＞
・お知らせ
＜修正前＞
＜修正後＞
実装！
お知らせもリンクが繋がった！！
・検索フォームを動作させる
動作させるには、
- formタグのaction属性にトップページのURLを設定する
- formタグのmethod属性には「get」を使用する
- name属性には「s」を使用する
header.phpを修正
＜修正前＞
＜修正後＞
＜テンプレートタグ＞
・seach.phpテンプレートファイルを作成する
学習用素材のsearch.htmlの拡張子を.phpに変えて、内容修正
※例のごとく、ヘッダー部分とフッター部分の記載は削除することを忘れない。
・検索結果が０件の時を考慮する
実装！
検索OK！！
サイト内に文字列がない場合もOK！！
学習用素材の404.htmlを404.phpに変更し、内容修正。
※例のごとく、ヘッダー部分とフッター部分は削除。
実装！
404エラーページOK！！
「こちらのリンク」もOKでした。
順調
テーマのスクリーンショットを作るうえでの守るべきルール
実装！
おっけー！！
※初期状態では、WordPressのファビコン（favicon）が設定されている。
※サイトアイコンは512×512ピクセル以上の正方形にすること。
実装！OK！
今日は詰まることなく全て順調に学習できました。
よかったよかった
ようやくCHAPTER２が終わった！！
長かったけどWordPressの基礎を学ぶことができました。
明日からCHAPTER３だ！！
今日はおわり！！
コメント