web/WordPress

WordPress勉強会 Day02３ターム目

Posted on by cogumo
wordpress講座vol2

勉強会授業後の確認資料です。

HTMLサイトをWordPressにする本をベースに進めています。
この本では一度静的サイトを構築してからWordPress化していますが、私は普段制作する際は
そこはなくデザインの後すぐにWordPressを構築に入っています。何のテーマかというのは後ほど。

今回はデジハリで卒業制作が終わった後WordPress化したいという要望が多く、その流れでできるようにと著者の先生方がご教示していただいているのだと思います。とてもありがたいです！

授業内容

1.プラグインを入れる。

  • All-in-One WP Migration（ローカルとリモートとのやりとり・バックアップ）
  • Show Current Template（現在表示しているページがどのテンプレやテーマを使っているかがわかる。
  • Yoast Duplicate Post（投稿を複製する）

2.All-in-One WP Migrationで前回までのエクスポート

ここからテキストスタート

p123のファイルをコピー

p125　<?php if(is_single()) echo ‘ class=”current”‘; ?>　初めてのif文
single.php（今回の場合ニュースそれぞれの記事ページ）だったら”current”というクラスをつけてね！（上手く行ったらnavのお知らせが青い色に！）

投稿にある記事を見るも、全然レイアウトもできてないし当たり前だけどsingle.htmlの中身です！

single.phpにヘッダーとフッターを読み込み！get !!!

p128-131
sidebar.phpを作ってテキスト通りコピペ

p135 functions.phpを作ってアイキャッチが選択できるよに設定する

<?php 
function theme_setup(){
  add_theme_support('post-thumbnails');
}
add_action('after_setup_theme', 'theme_setup');

3.ファイル名って大事よ話

function.phpじゃダメで絶対functions.phpこのSが大事なのです。
header.phpやfooter.php、single.phpなどもWordPressでは名前に決まりがあるので色々あるので気をつけましょうね！

ちょっと戻って改めて
　p132-134
先にheaderやfooterはgetしているのでやってないところを！
・パンくずりすとはまだやらない
ここで初のforeach文！！ループ関連はまたまとめてきちんと説明します。

まだ記事が１つしかないので前後の記事というのは現れなくなります。

3.記事を作る

duplicate postで複製します。その時にp138のカテゴリの設定もしましょうね。

4.アーカイブページ

p150-151 ファイルをコピー、ナビゲーションの条件に追加（縦棒２本でorという意味）

p159のサイドバーのところとheader、footer

次回の内容は

  • archiveページ完成
  • お知らせのトップページ完成
  • 会社概要ページをSmart Custom Fieldを使わず作成
  • トップページ多分途中までです。

宿題

p140 にあるサムネイルのサイズの考え方を調べてみてください。いろんな考えがあると思うので次回の授業でみんなで共有できたらと思います。

できる方はここまでをもう一度やってみる。（新しくサイトを作って）

投稿を今日は複製で５個くらい作りましたが１０以上欲しいので複製で良いので作ってきてください。アイキャッチは何か指定してきてくださいね。


cogumo