どうも。WEBおじさんです。
今日は、私も苦手なWordPressのことを書きます。
WordPressに関してはプロフェッショナルではないので、初心者目線でいろいろ書きます。
不十分な部分があると思いますが、ご容赦ください。
さて、今回はWordPressのテーマの作成についてお話したいと思います。
「ド」がつく初心者の方は「テーマって何？」みたいに思うかもしれないので一応簡単に言うと、サイトデザインです。見た目です。
WordPressをインストールするといくつかのテーマがすでにインストールされております。
でも、ちょっと物足りないなぁ、とか、もっとオシャレにしたいなぁ、とか、そんなことを思うんじゃないでしょうか。
自分でコーディングできる方とかは多分ほとんどの人がそう思ったりしそうですよね。
では、実際に自分のデザインでテーマを作りたい場合はどうしたらいいのか？
以前にも言ったと思いますが、私、WEB制作を仕事でやるようになって14年くらい経ちます。あれ？もうちょっとかな？
そのうち独立してからは8年経ちます。
その経験の中で、Wordpress案件もいくつかやりました。
当然、デザインはオリジナルです。
しかし、テーマを0から作ったことはありませんｗ
これから書くのも、その作り方です。
これで作ってお金もらってノンクレームです。
全然問題ありません。
では早速作り方なのですが、まずはWordPressをインストールしてください。インストールしないとどうにもなりませんので。
次に、インストールが終わったら適当なデフォルトのテーマを選んでWordPressサイトを作りましょう。
その後、どうするかというと、選んでいるテーマのファイルを自分のデザインにコーディングしていきます。
基本的にはトップページ、記事ページ、固定ページの各ファイルを自分のデザインでコーディングします。
※ファイル名はトップページは「index.php」ですが、その他のページファイルはファイル名が違うことがあるので、各テーマの中で探してください。
では、これらのファイルってどこでいじるのか？
方法は2パターンあります。
該当のファイルをDLして作成する方法と、WordPressの中でテーマのカスタマイズができる箇所があります。その中で編集しても問題ありません。
テーマをDLする場合、FTPソフトでサーバーに接続してファイルをDLするのですが、ファイルのある場所は
WordPressディレクトリ ＞ wp-content ＞ themes
の中にテーマごとのディレクトリがあるので、その中からindex.phpやstyle.cssなど、該当のファイルをDLしてください。
WordPress内で編集する場合は、サイドメニューの「外観」→「テーマエディター」と進んでいくと、現在選択中のテーマのファイルが編集できるページへ進みますので、こちらで該当ファイルを選択し、コーディングすればテーマに反映されます。
コーディングは普通にHTML、CSSが使えます。
また、ファイル自体はPHPファイルなので、PHPも使えたりします。
そして、サイト全体をオリジナルデザインにしたい、という場合には当然出力するWordPressコンテンツも操作すると思います。
その場合、WordPressの関数を使用する必要があります。
必要があるというか、WordPressの関数を使うと簡単に色んなデータを出力することができます。
そこで、元々あるテーマを使うメリットが出てきます。
元々あるテーマにはいろんなものが出力されています。
もちろんテーマによって出力形式は異なりますが、記事のタイトルや内容、コメント、カテゴリなどのデータがすでに出力されるよう記述されているので、それらをうまく使っていけば、最初はWordPressの関数を知らなくても出力できるし、使ってるうちに使い方などを覚えていきます。
これは最大のメリットです。
勉強と同時にやりたいことができてるのですから。
ということで、私がオリジナルのテーマの作成をする方法は以上です。
普通にコーディングするよりはもちろん時間はかかると思いますが、元々あるテーマを利用すれば知識があまりなくても簡単にできるのでオススメです！
ではまた！