神奈川県伊勢原市在住のkusuのサイトです!ホームページ制作のご依頼等承っております!

WordPressのオリジナルテーマ作成

2015.03.06
WordPress

 WordPressにはテーマという既存のデザインテンプレートが数多く配布されています。このテーマを使ってWordPressはサイトのデザインを指定するのですが、個人ブログを運営したい!という方でしたら既存のテーマを使用してもよいかと思います。ただ、自分の考えたオリジナルデザインのサイトにしたい!という方もいらっしゃると思います。そんな時に必要になってくるのがオリジナルテーマの作成になります!

 上にも書いたようにWordPressは“テーマ”というものを使ってサイトのデザインを決めていきます。と、いうことはオリジナルデザインのサイトにしたかったらオリジナルテーマを作る必要があるよね、ということになります(・ω・ )
オリジナルテーマ作成で最低限必要になってくるのが

  • index.php
  • style.css

この2つのデータが入ったフォルダになります!
と、いうことは上記2つのデータさえあればオリジナルテーマが作れちゃう、ということになりますね(´∀`)

1. オリジナルテーマ作成で必要なファイルとは?

 まずオリジナルテーマ作成で必要になってくるのが、htmlファイルで作成したindex.htmlとそのデザインを指定したstyle.cssになります。このindex.htmlを形式変換してindex.phpとして保存しなおしてあげることがオリジナルテーマ作成の第一歩になります!あとはindex.phpに変換したので、残っているindex.htmlを削除してしまいましょう。これでフォルダにはオリジナルテーマ作成で必要となる

  • index.php
  • style.css

この2つのデータしか残っていない状態になっていると思います。

2. style.cssを編集する

 続いてstyle.cssを少し編集します。内容としてはstyle.cssの最初に以下のコードを記述してあげます。

/*
Theme Name: テーマの名前
Author: テーマ作成者の名前
Description: テーマの説明文
*/

上記コードをstyle.cssの最初に書いてあげることで、WordPress用のstyle.cssとしてWordPressが認識してくれるようになります。

 あとはご自身が借りているレンタルサーバーにアップされているWordPressフォルダの
wp-content/themes/
に上記のオリジナルテーマをアップロードしてあげると、WordPressの管理画面にてオリジナルテーマを適用できるようになり、晴れてオリジナルデザインのサイトにさせることができます!

 これにてオリジナルテーマ作成の最低限の作業は完了となります!サイトを制作するとしたら自分が考えたオリジナルデザインのものにしたい方が多いと思いますので、是非ともオリジナルテーマ作成をマスターしましょう!

スポンサーリンク
検 索