Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8595

WordPressテーマ開発で最低限必要なファイル は2つ!

$
0
0

はじめに

下記の方向けで書きます。

  • 取りあえずテーマを表示させたい
  • WordPressテーマ開発したい
  • php初心者

WordPressテーマ開発で最低限必要なファイル

では、
WordPressでテーマをアップロードしたとき最低限必要なファイル(構成)についてです。

今回、紹介するのは
WordPressの設定でテーマとして認識されるための構成です。

次のファイルを同じ階層にまとめて、アップロードすれば
とりあえずテーマをWordPressが認識して動くようになります。

index.php

トップページ用テンプレートになります。

中身は何でも可能!!
ひとまず、「Hello World」的な文言でも書いておきます。

HTMLのベタ書きでもOKです。

index.php
<!DOCTYPE html><htmllang="ja"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie=edge"><linkhref="<?phpechoget_template_directory_uri();?>/css/style.css"rel="stylesheet"><title>サイト名</title></head><body><p>Hello World</p></body></html>

style.css

WordPressテーマ作成で
陥りがちなのが、下記のstyle.cssを用意していないことです。
これ忘れると、テーマはうごかないです。

style.css
/*
Theme Name: サイトorブログ名等々
*/

他に、記載しとくと良いものも合わせると
下のようになります。

style.css
/*
Theme Name: サイトorブログ名等々
Description: テーマの説明
Version: 1.0.0
Author:  テーマの作成者
*/

まとめ

以上です。
あとは上の2つのファイルを1つのファイルにまとめてWordPressにアップロードして確認してみて下さい。


Viewing all articles
Browse latest Browse all 8595


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>