お疲れ様です！
今日も学んでいきます。
今日の学習資料もこちら
続きからやっていきますが、
一旦いまいま気になることを箇条書きにしていきます。
- アイキャッチ画像の作り方
- SEO対策とは
- パンくずリストが変なので直したい
- 今勉強している書籍はWordPressの構造とかなんだったら言語も学んでいる気がするけどこんなもんなのかな
・アイキャッチ画像の作り方についてですが、今までは過去に一眼レフカメラで撮った画像をなんとなく設定してたけど、内容に沿った画像を当てたいなと思い、このブログ内か別ブログか明日以降かわかりませんが、学んでまいる。
では、続きから、
chapter２
section06 WordPressループを作成する
・WordPressループとは
・WordPressループの基本
＜WordPressループの基本構造＞
if (have_posts()):
while (have_posts()): the_post();
?>
ここに投稿された情報がループされる
<?php
endwhile;
endif;
?>
※ちなみに、↑のボックス内の改行は［Shift＋Enter］でできる。
※ボックス内でのインデントが1行単位でできないがどうすればいいのか。。【課題】
＜WordPress関数＞
つまり、
if (have_posts()):
while (have_posts()):
the_post();
?>
※いや～、インデントは急務を要するな。。
上でいう3行目と4行目はインデントを１つ増やしたいのに。。。
HTMLの書き方のお勉強か。。【課題】
・WordPressループの例：投稿記事のタイトルをリスト表示する
<ul>
<?php while (have_posts()): the_post(); ?>
<li><?php the_title(); ?></li>
<?php endwhile; ?>
</ul>
<?php endif; ?>
＜WordPress関数＞
・WordPressループを使って投稿一覧を表示する
・WordPressループを実装する
もともと記述されていた2つ分を削除
残った1投稿分のHTML箇所をWordPressループで囲む
・書く投稿のIDとclassを表示する
＜テンプレートタグ＞
機能：ループ中の現在の投稿のIDを表示する
index.phpを修正
・個別投稿ぺージへのリンク･タイトルを表示する
＜テンプレートタグ＞
index.phpを修正
・投稿時刻を表示する
＜テンプレートタグ＞
index.phpを修正
＜WordPress関数＞
functions.phpに追記
・投稿にアイキャッチ画像を表示する
＜テンプレートタグ＞
the_post_thumbnail()で指定できるサイズ
ここに簡単な表を表示したいのだが、、、
サイズ
概要
thumbnail
medium
large
full
[100, 100]
サムネイル
中サイズ
大サイズ
フルサイズ
配列でほかのサイズを指定
「2カラム（１：３）」っていうやつを使えばまあ書きたいことはできたかな。
index.phpを修正
また、アイキャッチ画像がなかった場合も想定する必要がある
＜WordPress関数＞
index.phpを修正
・記事が属するカテゴリーを表示する
＜テンプレートタグ＞
index.phpを修正
よしできた！！
確認しよう！！
。。。
なんか失敗しとるね。。。
え～っと？・・・
わかりやした。。。
ってことで、
できた！
今日はもうsection06だけでいいかな。
chapter２だけでかかって3週間かかるな。。
頑張れば2週間。
がんばろ。。。
ってことで今日は以上で。
コメント