Wordpressのすけです。前回はWordpressテーマの構成について触れました。hollywis.hatenablog.com今回はWordpressテーマを作っていきたいと思います。レイアウトを決めるまず実現したいレイアウトを決めます。今回は最小構成ということでHTMLはこんな感じにします。</footer></body></html>これをphp化していきます。必要なのはこの2つです。今回は、最小テンプレートということで、全部index.phpに入れてしまいます。分割は、必要なタイミングで順次やっていくほうが構成を覚えられて良いと思います。一度テーマを作ったことのある人なら問題ないのでしょうが、初心者には厳しいかと思います。そこで、最小のテンプレートを作っていき、これをどんどん肉付けしていくことで構造を把握する形を取ります。それでは作成していきましょう。ディレクトリを作成して、3つのファイルを配置していきます。テーマ名は[anotherskyにしました]「index.php」と「style.csss」は最初は空で大丈夫です。「screenshot.png」は「横880px・縦660px」の適当な画像を用意しましょう。index.phpにHTMLを記述する上記HTMLをindex.phpとして保存して配置します。style.cssを記述する次のように記載していきます。cssの記載はざっくりレイアウトのみ記載しました。AnotherSkyは最小限のWordpressテーマです。36%;}テーマを有効にしてみる管理画面の[外観]-[テーマ]から作成したテーマを有効にします。するとテーマが反映されて、index.phpが表示されます。上からヘッダー、メイン部分、サイドバー、フッターと表示されているかと思います。これではサイトタイトルやWordpressに投稿した記事は反映されていない静的なHTMLになってしまっています。そこで、Wordpressのコードを「index.php」に埋め込んでいきます。index.phpにWordpressのコードを入れるindex.phpの内容を次のように変更します。'right');はタイトルを取得して右に|を追加また表示内容をif~elseifの条件分岐で出し分けています。is_home()でメインページの時の表示の記述is_single()で投稿ページの時の表示の記述is_page()で固定ページの時の表示の記述をしています。関数の意味はWordpressCodex日本語版にて確認してください。この出し分けは、それぞれ「front-page.php」、「single.php」、「page.php」に切り出すことで明示的に条件分岐を書かなくても良くなりますが、今回はindex.phpに詰め込みました。■固定ページを表示した時これで、最小のテーマの完成です。テーマの構成が分かりやすく、学習しやすいものになったのではないでしょうか。Tumblr広告を非表示にする関連記事2018-10-04高速で動くWordPress環境を探して辿り着いた「KUSANAGI」に変えたら超速いし・安いし・デ...こんにちは、のすけです。WordPress構築用のサーバーは各社から...2018-09-25WordPressテーマをCSSテンプレートでカスタムメニューをいい感じにデザインするこんにちは、のすけです。今まで様々な投稿関係のテクニ...2018-08-30WordPressループってなんぞや?コンテンツ表示に欠かせないお話こんにちは、のすけです。(2)リンクホックー!検索はてなブログをはじめよう!hollywisさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。