wordpressでオリジナルテーマを作ってみよう②~コーディング準備~

※テンプレート作成中ですので2017/2/25現在可読性が劣化してますがご了承ください。

 

前回の記事でオリジナルテーマのイメージ像がつかめたので今回からは実際に作っていきます。


最初が割とめんどくさいのですが、wordpressでオリジナルテーマを作るときは2つのファイルが必要です。
・index.php
・style.css
名前は絶対これでないといけないみたいです。

今のところファイルを作るだけなのでindex.phpの方は中身は白紙で良いです。

style.cssの方なのですがこちらはwordpressの決まりでテーマ名などを書く必要あります。
ですので、僕はこんな風に書きました。

一番端折った書き方では1行目の
Theme name:
にテーマ名書くだけで良いみたいです。

今回は書いていないのもありますが、基本的な項目は7つほどあります。

Theme Name: テーマ名
 Theme URI:  テーマのURI
 Description: テーマの説明
Version: テーマのバージョン
 Author: テーマの著作者
 Author URI: テーマの著作者のURL
 Tags: テーマのタギング

これら2つのファイルを保存してフォルダに入れます。
フォルダ名はテーマ名にすると良いでしょう。
僕はMaruMaruにしました。

これをサーバーにアップします。
場所は
/wp-content/themes/
ここには他のデフォルトのテーマ名のフォルダもあると思います。
ここに先程のフォルダを入れます。
よって最終的にこのような感じになります。

wp-content/themes/MaruMaru/index.php
wp-content/themes/MaruMaru/style.css

ちなみにロリポップでは中身が空のファイルはアップできないみたいでした。

ですので適当に文字列を書き入れてからアップしました。

これでwordpressの外観>テーマを見ると、こんな感じになっていると思います。

有効化をクリックして準備完了です。

現時点でブログページを覗いてみるとこんな感じです。あ…。

これで一応準備は完了なのですが、効率性を求めてCSSの代わりにSCSSを使いたいと思っているので、
scssのファイルもアップロードしておきます。
結果的にはこんな感じになります。

scssをコンパイルしてcssにするので勿論なのですが、先程のtheme nameなどはstyle.scssにも全く同じのを書いてます。

次の記事から実際にコーディングを始めていきます。

コメントを残す