たなブログ WordPress入門講座

WordPress テーマの作成 準備

WordPress入門

Tweet

　まずは このサンプルをDLしてください。

サンプルをDL

　DLしたデータがオリジナルテーマの元となります。

 まずは、WordPressにDLしたサンプルを
インストールしましょう。
 

　やり方は、FTPソフトを使って、テーマを保存しているフォルダに解凍したものを入れるやり方と、
管理画面から、zipファイルを指定してインストールするやり方の二通りあります。

 今回のやり方は、WordPress管理画面から入れる
方法でいきます。

まず、管理画面メニューの外観の「テーマ」を選択、
テーマの管理画面の上の方にあるテーマのインス
トールのタブをクリックしてタブを切り替えてください。

次に、項目の中のアップロードを選択し、
先ほどDLしたファイルを選択して「今すぐインストール」ボタンを押してください。

そして、インストール終了後「有効化」をクリックしてください。

これで、テーマ作成の準備は、整いました。

サンプルの中身

　今、インストールしたサンプルの中身の内訳を説明します。 

 まずは、拡張子がphpのファイル、
これが、WordPressのテンプレート
ファイルと呼ばれるものです。

たくさんありますので、各ファイルの
説明は、テーマ作成時に そのつど
説明します。

　テキストエディタなどで開くとわかりますが、このサンプルに現在入ってるphpは、まだ何も書いてない
空のファイルです。

imageフォルダは、サンプル用のWeb画像が一式入ってます。画像はサンプルですので、
実際に、あなたのサイト構築の際は違う画像に差し替えて使ってみてください。

apple-touch-icon.png画像は、iPhone/iPadのホーム画面用の画像です。
screenshot.jpg画像は、テーマの選択画面で表示される画像となってます。

favicon.icoは、サイトのアイコンデータ、style.cssはスタイルシートデータです。

どのファイルにもいえますが基本的に名前は変更しないでください。テンプレートファイルなど
WordPressで決められた名前となってます。

 作るテーマの名前、説明をつけよう

　 さて、まずはテーマに名前や作者名を記入しましょう。管理画面メニュー「外観」の中の
「テーマ編集」をクリックしてください。

この画面では、さっきインストールしたテーマのテンプレートファイル（拡張子がphpのファイル）と
スタイルシート（cssファイル）を編集することが出来ます。
まず、右メニューからスタイルシートを選択しましょう。 

style.css @charset "utf-8"; /* Theme Name: 標準テーマ（あなたの決めたテーマ名をいれましょう。） Version: 0.0（バージョンです。現在の完成度を記入しましょう。） Theme URI: http://xxx.xxx.xxx(テーマの配布場所か自分のブログのURLを書いておきましょう。) Author: たな（製作者の名前です。あなたのニックネームをいれましょう。） Author URI: http://blog.anekipedia.com/（あなたのホームページアドレスを記入しましょう。） Description: サンプルのテーマです。（テーマの解説を書く場所です。作ったコンセプトなどや 使い方など、自由に書きましょう。） */

 スタイルシートの一番上の部分に記載されている部分をWordPressが読み込み、テーマ選択画面で
表示しますので、ココの部分をすべて、あなたのHPのものに変更してください。 

例えば左下のように変更すると、表示は右下の画像のようになります。

style.css @charset "utf-8"; /* Theme Name: 標準テーマ Version: 0.0 Theme URI: http://test.anekipedia.com/ Author: たな Author URI: http://test.anekipedia.com/ Description: サンプルのテーマです。 */

 テーマの名前などを記入しましたら、次のステップへ進みましょう。
次は、いよいよトップページを作成していきます。

登録タグ: wordpress　・ WordPress入門講座　 | 2012年3月19日