忍者ブログ

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

テーマを作成する手順

テーマとは、WordPressが作成するブログのデザインのことです。
別に自分で作らなくても
 http://wordpress.org/extend/themes/
とかで、フリーであったりします。

01. テーマ用のディレクトリを作成する。
   ディレクトリの名前は任意ですが、
   とりあえずここでは、sample とします。

02. トップページ用のテンプレート(index.php)を作成
   ファイル名は必ず、index.php です。
   中身は空でOK。

03. CSS(style.css)を用意する
   ファイル名は必ず、style.css です。
   中身の最初には、テーマに関する情報を記述します。
   
項目名 内容
Theme Name テーマ名(必須)
Theme URI テーマのURI
Description 説明
Version バージョン
Author 著作者
Author URI 著作者のURI
Tags テーマのタギング


    例としてはこんな感じ。
    @charset "utf-8";
    /*
    Theme Name: Sample Theme
    Theme URI: http://www.www.www/
    Description: This is my sample theme.
    */

03. サムネイル画像を作成する。
   画像フォーマットは、PNG、JPEG、GIFのいずれか。
   ファイル名は、screenshotで、
   拡張子は、.png、.jpg、.gif となります。
   例:screenshot.jpg

04. 上記で作ったものをアップロードする
   下記の場所にアップロードします。

    wp/  ← WordPressをインストールしたフォルダ
    │
    └ wp-content/
      │
      └ themes/  ← この直下にアップロード
        │
        └ sample/
          │
          ├ index.php
          ├ screenshot.jpg
          └ style.css

05. 管理画面で確認
   管理画面 > 外観 > テーマ より確認できます。
   左下のサムネイルが今回アップロードしたテーマです。
   13.jpg


06. テーマの編集
   テーマを有効化することで、
   外観 > テーマ編集 より編集が可能となります。
   14.jpg

      
   

拍手[0回]

PR
Name
Title
Mail
URL
Comment
Pass
Pictgram
Vodafone絵文字 i-mode絵文字 Ezweb絵文字

 

プロフィール

HN:
太郎松
性別:
男性
職業:
無職
自己紹介:
フロントエンドエンジニアを目指す30代。元SE。今はHTMLコーダーってところ。あわよくばWebデザインもやりたいと考えている。

 

 

カレンダー

04 2025/05 06
S M T W T F S
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

 

最新記事

 

最新コメント

[04/14 ちーた]
[02/20 ちーたん]
[12/31 ちーたん]
[12/09 ちーたん]
[11/11 ちーたん]

 

バーコード

 

最新TB