[WP] テーマのカスタマイズ(1)自作テーマの作成

[WP] テーマのカスタマイズ(1)自作テーマの作成 – メディアデザイン実習J

[WP] テーマカスタマイズの方針
http://zokei.koekatamarin.com/archives/447

 

ゼロからWordPressテーマを作る、というのは現実的ではありません。
任意のテーマ(初期テーマ=TwentyTwelveなど)をベースに作るのが妥当です。
テーマをフォルダーごとコピーして、名前を変えて設置して、自由にHTML/CSS/PHPをカスタマイズします。

例)講師の運営サイト

ガンバ大阪まとめ
http://j.hachimaki.net/

「Sampression Lite」をベースに、「ガンバ大阪」テーマを作成しました。

 

1. ベースにするテーマをダウンロード

管理画面からインストールしたテーマを、FTPでサーバーからPCにフォルダをダウンロードします
(一般サイトで公開されてるテーマなら、ダウンロードして解凍しておく)

 

2. コピーしてフォルダ名を変更

sampression-lite

gamba

 

3. style.cssの冒頭コメント部分を書き換える

  ↓

この情報が、管理画面に表示されるテーマ名になります。

 

4. アップロード
./wp-content/themes/ にフォルダごとアップロード

 

5. テーマの有効化

 

6. テーマのカスタマイズ

外観 > テーマの編集 から書き換えていくか、
エディタからFTP接続で直接編集します。

<WordPressテーマの基本構成>

404.php – ページが見つからないエラー用ページ
archive.php – アーカイブページ
author.php – 著者ページ
category.php – カテゴリーページ
comments.php – コメント部分
footer.php – フッター部分
functions.php
header.php – ヘッダー部分
image.php – 画像表示ページ
index.php – すべてのベースになる起点PHP。ここから角ページの処理に分岐
loop.php – 記事一覧ページ
page.php – 固定ページ
search.php – 検索ページ
sidebar.php – サイドバー部分
single.php – 単一記事ページ(「投稿」の単体表示に対応)
tag.php – タグページ


2コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です