What's wp ?

What's wp ?

eycatch

テーマ・ディレクトリ

テマ
テマ
HTML、CSSをどうテーマにしていくにゃ?
ワープ
ワープ
WordPressサイトでテーマ・ディレクトリを作っていくにゃ。WordPressのテストサイトがあればそこで、なければローカル環境で試すといいにゃ。ローカル環境でやる場合はもくじの「ローカル環境で試せる?」を参考にしてみてにゃ。
Localでサイト作成

左下の+でサイトを追加する。

サイト名を入力してCONTINUE

CONTINUE

ユーザー名、パスワードを決めて入力※後でログインに使用する。

しばらく待つ

サイト作成完成

テーマ・ディレクトリの場所へ移動

ワープ
ワープ
サイトの場所を開いてその下のapp/public/wp-content/themesディレクトリに移動するにゃ。Webサーバーの種類によりパスが異なるけど、WordPressをインストールした場所のwp-content/themesの下にゃ。
ワープ
ワープ
example等のテーマ・ディレクトリを作成するにゃ。その下にテーマ用のファイルを置いていくにゃ。
サンプル(example-html)テーマ・ディレクトリ(example)
index.htmlindex.php
single.htmlsingle.php
style.cssstyle.css
imagesimages
images/screenshot.pngscreenshot.png
ワープ
ワープ
サンプルのexample-htmlを使っている場合はその下のファイルをそのままexampleフォルダにコピーして、htmlファイルの拡張子をphpに変更するにゃ。images/screenshot.pngはexample直下に移動するにゃ。

style.cssファイルの先頭のコメント

style.css

/*
 * Theme Name: example
 * Version: 1.0.0
 */
ワープ
ワープ
style.cssファイルの先頭のコメントにテーマ用の情報を書くにゃ。
ココア
ココア
ローカル環境でなければ、FTPやテーマメニューでアップロードが必要だけどにゃ。

コメントはこちらから