猿でもわかるWordPressオリジナルテーマ作成完全攻略の道〜その1〜
こんにちは。KGEです。今日も今日とて、twitterフォロアーの皆さんが全くもって興味がないような事を綴っていきたいと思います。
これまでただでさえ株の事とか、皆さん1ミリも興味がなく、皆さんにとって全くもって無意義な投稿を続けてまいりましたが、今回はそのさらに上をいく、プログラミング、というか、Wordpressについてです。
世のラッパー達が、あれよあれよと名をはせる今日この頃、ラップもしないであんたいったい何してんだ!と言われてるようで、誰も言ってないと思いますが、興味ある方は是非。
と、能書きはこの辺にいたしまして、先日とある石材店さんから、既存のファイルをWordpress化してほしいという案件をぶっこまれまして、朝も早よからそのソースのファイルデータが送られてきました。
下層で何ページあんだっていう話ですが、要するにこれをWordpressにぶち込んでくれという要望です。
というわけで、今日から、こう言った形でhtmlのソースファイルをWordpressにぶち込んで、オリジナルテーマを完成させるにはどうしたらいいのか???
題して、猿でもわかるWordpressオリジナルテーマ作成完全攻略の道!
みたいな感じで、やっていきたいと思います。
さあ、君ならどうする。
チャチャっと、ググって調べれば行けるかな〜なんて淡い気持ちを抱いていましたが、記事を書いてる皆さんが優秀でらっしゃるため、実際、猿の僕にはいたってちんぷんかんぷん。。
とりあえず、クライアント様、約してクラ様に、取り急ぎ、Wordpressのadminのidとpass、ついでにサーバーのidとpassもよこせと。こう言ったわけであります。
他人様のWP、はたまたサーバー内であれやこれや、やっていくわけでございます。
さてさて、どうしたものか。。
早速、サーバーの中をのぞいてみると、どうやらWP自体はすでにインストールしている模様。という事で、まずはFTP内のwp-contentというフォルダに入ります。
そうすると、今度はプラグインやテーマのフォルダがありますので、このthemesというフォルダに入ります。
んで、まずはその中で一個フォルダを作りますが、このフォルダ名こそが、後のオリジナルテーマの名前になりますので、皆さんここは是非とも真剣に考えてフォルダ名を決めましょう。
くれぐれも、やり方ググった途中でたまたま見つけたロジックの受け売りによる、超適当な名前にならないように気をつけてください!
僕みたいに。
08とか、もはや何の意味もございません。訳も分からずググって行き着いたページの言われるがままにやってるとこうなります。ここは、男らしく、THE_NEWTHEMES、とか、MY_NEO_何ちゃらかんちゃら!とか、
まあそんな話はどうでもいいですね。
話を進めます。
新しいテーマとなるフォルダを作りましたら、ここに新たなファイルを作っていきます。と言っても、もともと、ソースはあるので、先ほど見せたこのソースファイルを
そのままPHPに変換すると言ったイメージです。
WPはPHPで形成されています。
ちなみに、CSSやIMG、JSのファイルはまんまコピっちゃって大丈夫です。
百聞は一見にしかず、という事で、要するにこういう事だっていうのを、画像でご覧いただければわかるかと。
はい。こんな感じです。header.phpとかfooter.phpとかsidebar.phpとかsingle.phpとか、これは色々訳がある重要な役割を担う大事なやつなんで、後々説明します。
さあこんな感じで、既存のhtmlファイルをコピりにコピりを重ね、新たに作ったtemplate_08というフォルダの中で、ようやく全てphpに変換したファイルを作成しました。
さあこっからどうすんだ!っつう事で、このあと思いもよらぬ、幾多の困難、いくつもの壁が俺の目の前に立ちはだかるとは、この時点ではまだ知る由もありませんでした。
って事で続きはまた次回!