Webデザイナーを目指す人のブログ

Webサイト作成時に勉強したことの備忘録

Wordpress サイト構築

【wordpress】オリジナルテーマを作る〜テーマファイルの構造〜

投稿日:

                                                                                                                                 

オリジナルテーマを作る

初心者でも簡単に扱えるというWordPressですが、それは既存テーマを使う場合です。
初心者がWordpressでオリジナルテーマを作ろうってなると結構やっかいです。
phpが間違ってて思っていた挙動をしないとか、画面が真っ白になるなど想定外の出来事が頻発します。
そんなオリジナルテーマの作り方を調べながら実践しながら紹介していきたいと思います。

すごくざっくりと流れを書くと
①htmlでサイトを構築
②WordPress仕様にするためにhtmlをphpに分解
という流れになります。

phpに分解するとindex.phpやheader.phpなど色んなphpファイルが出てきます。
今回はWordPressを構築する時に最低限必要なファイルを紹介していきます。

WordPressで必要なファイル

index.php メインインデックスのファイル。汎用的なファイルでwordpressが表示したいページのファイルが見つからない場合このファイルが使用される
header.php headからheaderまでの内容を記述
footer.php footerから/htmlまでを記述
sidebar.php サイドバーに入る内容を記述
functions.php テーマの関数を記述。ちょっとでも間違えるとサイトは真っ白になる
404.php 404エラーを表示するファイル
category.php カテゴリー別のアーカイブを表示
page.php 固定ページ
single.php 投稿したブログの記事を表示するページ
search.php 検索結果を記述
style.css サイトのCSS
screenshot.jpg テーマの画像

この他にもファイルがたくさんあるのですが、まずは最低限これらのファイルを揃えておけば大丈夫です。
それぞれの記述については次回以降に紹介していきます。
せば!

-Wordpress, サイト構築

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

【Javascript】ループ処理

while文 今日は繰り返し処理(ループ)について調べたことをまとめていきます。 最初はwhile文についてです。 ある条件が真である間は処理を続けるという命令になります。 <script&gt …

no image

【jQuery】フィルタ

フィルタ 前回はセレクタの指定方法を見ていきました。 今回はフィルタを使って特定の値を指定方法を見ていきます。 html、CSSで:first-childなどの指定方法がありましたが、わりとそれと似て …

no image

WordPressについて

WordPress 今日からしばらくWordPressについて調べたことを書いていきます。 そもそもWordPressとはなんなのかという部分ですが、 簡単に言うとブログシステムになります。 Web制 …

no image

WordPress オリジナルテーマを作る〜ヘッダーその2〜

前回から始めたWordPressのサイト作り 今回はヘッダーのレスポンシブ部分を作りました。 前回の記事はこちらから WordPress オリジナルテーマを作る〜ヘッダー〜 プラグインを使わずにハンバ …

no image

メディアクエリ

レスポンシブデザイン スマートフォンやタブレットの普及に伴い、サイトを構築するときはデスクトップサイズだけでなく、 それぞれのデバイスにあったレスポンシブデザインの構築が必要になってきています。 今日 …