1限目：基本機能を保有したテーマの構造について
2限目：基本機能を保有したテーマの実装について
3限目~5限目：課題制作
今日教わったこと
・引っ越し先のサーバーは1GBあれば十分
・大濱先生のおすすめは「シンクラウドforフリー」
（XAREAはバナー出たりする）
・分かんないと思うから雰囲気で聞く。分かるならバリバリやればいい。
▼TOPページの活用法
index.php：TOPページに使用するテンプレートで絶対に必要なファイル。
他にもカテゴリーやタグの一覧ページなどにも使用される。
home.php：index.phpよりも優先されて表示することができるTOPページのテンプレート。
両方のファイルが存在する場合、home.phpが優先されてTOPページに使用される。
front-page.phpはindex.phpとhome.phpよりも優先されて表示することができるTOPページのテンプレートです。
front-page.php：1番優先度が高いTOPページのテンプレート。
home.phpと違って、管理画面の表示設定で固定ページがフロントページに設定されていても影響を受けずにfront-page.phpが表示される。
用途によって使い分けるようにする。
▼投稿ページの活用法
「新着情報」や「更新が必要」な記事、画像等があれば投稿の機能を利用すると便利。
single.phpで管理してる。
人のテーマをいじるならコメントアウト扱いにすることで記述は残っててもページ上に表示させないようにできる。
▼固定ページの活用法
「会社案内」「お問い合わせ」「サイトマップ」など、時系列に並ぶ必要のない単体のページを作るときに使う。
page.phpで管理してる。
投稿記事と違ってページにカテゴリやタグの設定はできない。
▼固定ページのカスタムテンプレート
以下の記述を加えるだけ
<?php/Template Name: gallery/?>
固定ページごとにレイアウトやデザインを変える時に使う。
▼条件分岐タグ
こういう条件だったらこれをやれと指定できる。
例）「記事があればタイトルを、h1タグで囲み、次に本文を表示させるという処理を、ある記事の数だけ繰り返して行う」
▼if文を使う
1つめのifに当てはまらなかったときに、2つめのelseifの条件を判定する。<?phpelseif(条件) : ?>はいくつ繋げてもOK
コロンとセミコロンの間違い、()の数、必ず半角で書くことに注意。
上手くいかなかったら切り替えて後回しにする。
▼ループ処理のタグと合わせる
ifとセットで覚えておくといい。条件が真の間だけ与えられた文の実行を繰り返すという文法。
・while → 処理を繰り返す構文
・have_posts() → 次の記事があるか調べる
・the_post() → 次の記事を取得する
・whileはendwhileで終わる
・回数が決まっている時にはfor文で回数が未定の場合はwhile文を使うのが便利
・永遠に処理を繰り替えさないための処理が必要
▼他のページに投稿を表示させる
「query_posts」はループ処理の前に、表示させたい記事の条件を一行追加するだけで、記事件数や特定カテゴリーなどを抽出して一覧表示してくれる。
<?phpquery_posts(‘showposts=5&cat=0’); while(have_posts()) : the_post(); ?>
<a href=”” title=””>
<?phpendwhile; ?>
↑「showposts=5」は表示件数を5件「cat=0」でカテゴリーを指定できます。
※0は全てのカテゴリーの意味を指す。
▼アイキャッチ画像の表示方法
任意の場所で以下のコードを記述
<?phpthe_post_thumbnail(); ?>
「functions.php」はシステムに機能を加えるファイルなのでいじるなら必ずバックアップを取る。
不安があるなら触らない。
▼ウィジェットの活用について
WordPressの機能は沢山ついてて、大事なところだけ使えるようにしている。
もっと使いたいって時に使えるように設定を変えていく。
表示させたいパーツに↓を記入し、
<?phpdynamic_sidebar(sidebar); ?>
「functions.php」に↓を記入。
//ウィジェットの設置(1つ目)
if( function_exists(‘register_sidebar’))
register_sidebar(array(
‘name’=>’sidebar’,
‘id’ => ‘sidebar’,
‘before_widget’=>'<div＞’,
‘after_widget’=>'</div＞’,
‘before_title’ => ‘<h3＞’,
‘after_title’ => ‘</h3＞’
・分からなくても「よくある」話だから頭にはとどめておく
・これ以上を求められるとWebデザイナーの仕事の範疇か…？ともなるのでとりあえずここまで。
・詳しくやりたくなったら大濱先生のこのページ↓がいい
https://html-css.hamaya2020.com/appendix-4.html
・テンプレ作るときは相対パス使っちゃダメ
・使ってるテーマで困った時は、
①まずそのテーマメイとやりたいカスタマイズでググって何とかならないか調べる
②プラグインで何とかならないか調べる
③CSSで何とかする。
検証ツールを出して変更したい所に設定されてるCSSを特定して編集してコピーして追加CSSに入れてプレビューで意図しないところがおかしくなってないか確認してから更新する。
④子テーマをカスタマイズして何とかする。ただ、テーマ作成者のアプデの恩恵を受けられなくなるのであまりお勧めしてない。
コメント