WordPress

【WordPress】1.基本となるテーマファイルを作成する方法

HTMLサイトからWordPress化するときに、骨組みとなるテーマファイルを作成する必要があります。

今回は、忘備録としてテーマの作成方法についてご紹介したいと思います。

 

WordPress化するのに最低限必要なファイル

CODEXには、最小で2ファイルから構成されると記述されています。

  • style.css
  • index.php

 

WordPressにテーマファイルをアップロードし、一つのテーマとして認識させるには、cssファイルにコードを記述する必要があります。

テーマの説明を記述するものですが、テーマ選択画面でこの内容が表示されるようになります。

/*
Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

 

この記述がなければ、「テーマファイルが見つかりません」となって、テーマが正しく認識されません。

 

 

とはいえ、ここまでたくさん記述する必要はなく、最低限テーマ名だけ書かれていればオッケーです。

/*
Theme Name: Twenty Thirteen
*/

 

こんな感じですね。

これでWordPressにテーマとして認識され、WordPress化の準備が整いました。