///

完全オリジナルテーマを用意する

wrote :

事前条件:すでにWordPressがインストールされていること。
この記事はWordPress4.8で実践しながら書いています。

参考までに。
MAMPをインストールしてローカル環境を作る
ローカル環境MAMPにWordPressをインストール

完全オリジナルテーマを用意する

ディレクトリを用意する

テーマ名は任意、ここでは「sample」とします。WordPressをインストールしたところから「wp-content」の「themes」に「sample」ディレクトリをおく。

└ wp-content
  └ themes
    └ sample

テーマ用のサムネイルを用意する

ファイル名は「screenshot」。pngかjpgで1200x900のサイズで用意する。そのファイルはsampleディレクトリ直下におく。

└ wp-content
  └ themes
    └ sample
      └ screenshot.png or screenshot.jpg

style.cssとindex.phpを用意する

WordPressを使用する上で必要なファイルはこの2ファイルだけ。

└ wp-content
  └ themes
    └ sample
      └ screenshot.png or screenshot.jpg
      └ index.phpstyle.css

WordPressのテーマを変更する

  1. WordPressにログインする
  2. 「外観」→「テーマ」
  3. さきほど用意した「サムネイル画像+ディレクトリ名」が表示されているので、マウスオーバーして「有効化」をクリック

これだけです。これで中身が何もない、もっともプレーンなテーマの出来上がり。

【補足】style.cssを編集する

「外観」→「テーマ」でマウスオーバーした際に、「テーマの詳細」があるが、style.cssにコメントアウトで下記のように書くことで反映されるようになります。

/*
Theme Name: Sample
Author: Simple Simples Design
Author URI: http://www.simplesimplesdesign.com/
Description: テーマに関する説明テキスト。
Version: 1.0
*/

川上 武範(かわかみ たけのり)
1975年生。シンプルシンプルデザイン代表兼Webクリエイター。たびのとWebサイト運営責任者。

企画からサイト設計、正しいマークアップを意識したWebサイト制作やユーザー視点の情報設計を得意としている。

シンプルシンプルデザイン
たびのと
twitter : たけたけ@OnlyTwo

メディア掲載
2016年10月25日 レバテックフリーランスの記事「自作Webサービス記事紹介まとめ」でサイト内の記事「Webサービス「たびのとTOKYO」を作ってみました」を紹介していただきました。