3月 2016 archive

[PHP] テーマに必要なファイルの配置 ゼロから覚えるWordPressテーマ作成、第5回

IMG_0222

ゆうです。

前回から約3ヶ月程間が空いてしまいました。
本当に申し訳ないです。
気を取り直すこともなく、普通に前回の続きからやっていこうと思います。

今回は、ファイルの配置です。

  1. テーマの配置場所
  2. ファイルの作り方
  3. 必要なファイル
  4. 今回のまとめ



1・テーマの配置場所

 WordPressはテーマを作る際に決まった置き場所があります。WordPressをデプロイ(※)したディレクトリにwp-contentディレクトリがあるのですが、その下のthemesディレクトリの下です。
 ここに新しくディレクトリを作り、その中にファイルを入れていきます。
 参考としては下のような形になります。
ファイル・フォルダ構成

※ デプロイとは、サーバの必要な場所に必要なファイルを配置し、使用する準備をすることです。インストールと似たような意味で使われます。



2・ファイルの作り方

 テーマの配置場所で新しく作ったディレクトリに作成するファイルは、基本テキストファイルになります。テキストファイルは、Windowsのメモ帳などで作ることのできるファイルのことです。アスキーファイルと呼ばれることもあります。
 この際、一つ注意点があるのですが、「文字コード」に気を付けてください。

 文字コードとは? となるかもしれませんが、今はそういうものがあり気を付けないといけないという事だけ覚えておいてください。後ほど(次回・ヘッダー作成で)詳しく解説します。



3・必要なファイル

 必要になるファイルが

  • index.php
  • funcitons.php
  • style.css

 の3つのファイルになります。このうち、style.css には先日の記事のようにコメントを書くと管理画面にいろいろ情報が表示されてうれしいです。
 functions.php ファイルは、今はまだ空で大丈夫です。
 最後に、index.php に下記内容を書いてみてください

<!DOCTYPE html>
<html lang='ja'>
    <head>
        <title>test</title>
    </head>
    <body>
        <p>test</p>
    </body>
</html>

 最後にテーマを選択から今回作ったテーマを選択すると、トップページに下のような画面が表示されれると思います。
test_sample
 やりました! オリジナルテーマの作成、第一歩が完了です!(画像はテーマ変更のライブビューで見ているので、画面真ん中にグルグル回っているアイコンや、左下にメニュー開閉の矢印がありますが…)



4・今回のまとめ

 今回で、テーマ作成の大枠が完了しました。ね? 簡単だったでしょ?
 とはいえ、まだ、index.php に普通のHTMLを書いたに過ぎません。
 次回は、ヘッダーをより細かく作っていく作業と、それに伴いWordPress専用のタグ(関数)を使っていきます。

翻訳についてはまた今度ということで

IMG_0222

翻訳ファイル自体はさら~っと話してしまうと

元となる po ファイルを編集し、 mo ファイルを出力して、これを WordPress に読み込ませると対応する言葉が翻訳されるという仕組みです。

原語:Boys be ambitious <=> 対語:少年よ大志を抱け

みたいな定義ができるのです。

とはいえ、一つ一つを丁寧に説明すると結構尺を使うことがわかりましたので、またいずれ…。

そうすると今度は今週書くことがなくなってしまうというジレンマ。
ぐぬぬ…

てなわけで、ちょっと個人的な予定を書いておきますね。

3/27 : フロントのHTMLをいったん目途をつける(細かなアニメーションなどはいったん後回しにして実装を先に行う)
3/31 : つもりブログにフロントのみ実装(その際に、多少なりとも違和感が残るとは思いますが…)
4/10 : 記事の整形

といったところでしょうか。
もっちゃんがいいデザインをしてくれたので、頑張りたいところです

長期間更新サボってしまいました

ss

申し訳ありません。

もっちゃんがデザイン終わったのに
まだ構築が終わってません(もっちゃんごめーんっ)

一旦終わったところのSSを貼っておきます。

ss

技術的なことについてはまた後日。
(Wordpressの翻訳ファイルに付いては来週にさせてください。すいませんっ)

キンプリの応援上映がすごすぎて2月が終わってた

2016-03-07_193538

気が付いたら2月が終わっていました・・・。なんということだ・・・。

最近忙しすぎて昨日自分が何をしていたかさっぱり思い出せません。
とりあえずキンプリの応援上映を観たことだけはすっごく覚えてる。

キンプリ、正式には「KING OF PRISM by PrettyRhythm」というアニメーション映画なのですが、すごかった・・・本当すごかった・・・。

この映画、応援上映という特殊な鑑賞が楽しめます。
具体的に言うと上映中に光る棒を振って好きなキャラクターに呼びかけることができます。(だいぶ語弊あり

詳細はこの方のレポート記事が面白かったのでこちらをご参照いただければと思います。

ぶっつけ本番で応援上映に臨んだんですが、もうなんかわけもわからないまま熱風の竜巻に巻き込まれたような感じでした。同じく応援上映に来ていたエリートの方々の応援に圧倒されてばかり。

もう光る棒振るので精一杯・・・。すごいみんな息ピッタリ・・・。小粋な掛け声が面白い・・・もうどこをとっても楽しいしかない時間でした・・・。

全然中身のない感想なんですが、ホントもう「とりあえず見て!」としか言えない・・・。

まだ時間はある!ぜひ見に行ってください!見ればわかる!