ジョイタスネットジョイタスネットプログラミング情報を配信します!WordPress5速習3(テーマの変更,テンプレートタグ,bloginfo)今回はWPオリジナルテーマを実際に作っていく工程でテンプレートタグについて学習する。作る場所WPではテーマを配置するフォルダが決まっている。wpフォルダ->wp-content->themesの中だ。ここにsampletheme(名前は任意)という名で空のフォルダを作ろう。最低限必要なファイルの配置テーマに最低限必要なファイルは次の2点だ。index.phpstyle.cssこれを順番に作成していく。index.phpを以下のように作成する。</body></html>続いてstyle.cssを作成する。style.cssは特定のコメントを付与するルールになっているのでそれを作成しよう。URI:http://example.comDescription:練習用テーマです。version:1.0Author:mjpurin*/確認じつはもうこれだけでオリジナルテーマになっている。Themeを選択して、有効化する。サイトを表示してみよう。index.phpの内容が表示されている。この後、実際に記事が表示されるように変更していく。最初にタイトルの変更を行う。index.phpにある。bloginfo('name');?></title>に変更する。確認サイトを見るで確認してみよう。タブに表示されている文言が変わった。ブラウザのソースを見るで確認してみよう。bloginfo('name');?>と記述した部分がWP練習に置き換わっていることがわかる。このbloginfo()というのはテンプレートタグと呼ばれているものでWPが提供している関数だ。ここの引数に’name’を渡すとWPで設定したサイトのタイトルが表示される。サイトタイトルの編集サイトタイトルを編集してみよう。コビトカバを紹介するサイトだとすると以下のようになる。記入したら下部にある「変更を保存」ボタンを押す。サイトを確認してみよう。index.phpにあるh1タグも変更しよう。bloginfo('description');?></h1>に変更する。h1タグがさきほどキャッチフレーズに記入した文言になっている。bloginfo関数の確認このようにWPでは数多くのテンプレートタグと呼ばれる関数を利用していく。出てきた関数はただコピペするのではなく、ちらりと調べる習慣があるとよい。調べるボタンの手順だ。その関数の詳細が表示される。下にはname,descriptionのような引数の一覧も確認できる。英語がちょっとしんどい人は日本語版で調べるのもいいだろう。https://wpdocs.osdn.jp/Main_Pageここからアクセスして検索窓にbloginfoと入力する。検索結果からテンプレートタグ/bloginfoを選択するとbloginfo関数の詳細を日本語で調べることができる。WPを日本語化して使っているのでやはりこちらのほうがわかりやすい。どちらも活用するとよいだろう。まとめ今回は基本的なテーマの作成方法と、テンプレートタグについて学んだ。次回はWPの心臓部WPループについて解説する。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。Profileこのサイトを運営しているmjpurinです。「半年間で全くの初心者をエンジニアに育てる」という仕事を10年続けています。このサイトは講義で使った教材をまとめたものです。練習問題なども多数掲載しているので、同じようにプログラミングを学習し始めた人にも役立つと思います。Twitterもやってます。プログラミング学習に役立つ情報をツイートしてますのでこちらもよろしくおねがいします。