2) WordPressMEのテーマ変更

WordPressMEのテーマと呼ばれるBLOGのデザイン・テンプレートの変更方法について解説します。
インターネットリサーチ・コンサルティング･企画、ウェブ翻訳から、Web制作、システム開発までオープンソース・ネットワークビジネスを提供

BLOGでは、記事のWeb表示画面のデザインの雛形を事前に登録することができます。この雛形のことをデザイン・テンプレート、テンプレート、テーマ等と呼びますが、WordPressでは、テーマと呼んでいます。

記事を投稿すると、記事内容にこの雛形のデザインが適用されて、Web画面が生成されます。

管理画面へログインし、ヘッダメニューから「表示」を選択します。

この操作により、以下の画面が表示されます。
ここでは、「現在のテーマ」と、選択可能な「利用できるテーマ」が表示されています。
この「現在のテーマ」では、「EasyAll 1.0」が初期設定されています。

次に、インターネット上に公開されているテーマをダウンロードして「利用できるテーマ」に追加します。

引続き、「テーマファイルの入手」文書中にあるリンク「WordPress theme directory」をクリックすると、以下のWordPressのテーマが掲載されているサイトが表示されます。

別のテーマ紹介サイトへのリンクも掲載されていますので、これらのサイトから気に入ったテーマをダウンロードして「利用できるテーマ」に追加することができます。

今回は、WordPressのオフィシャル・テーマ配布サイトの「Themes.WordPress.net」から「crystalx」というテーマをダウンロードしてみます。

テーマのページのDownloadリンクをクリックして、該当のテーマファイルをダウンロードします。

テーマ「crystalx」の場合は、「crystalx.zip」というファイルがダウンロードされ、zipファイルを解凍すると、「crystalx」というフォルダが復元されます。

ダウンロード・解凍したテーマフォルダを、以下に配置します。

/[wordpressをインストールしたディレクトリ]/wp-content/themes/

引続き「管理画面＞表示」にアクセスして、インストールしたテーマのサムネイルが、「利用できるテーマ」に追加されていることを確認します。

テーマの変更は、サムネイルを見ながら行うことができます。

「利用できるテーマ」から、実際に変更したいテーマのサムネイルをクリックすると、そのテーマが有効化され、公開サイトに反映されます。

テーマ「crystalx」を有効化した直後の管理画面表示

テーマが変更された公開サイトのＢＬＯＧ画面

「管理画面＞表示」のヘッダメニューから「テーマエディタ」を選択すると以下のような画面が表示されます。

この画面では、CSSと(X)HTMLをコード・レベルで、直接編集できます。
(X)HTMLはパーツ別に編集するようになっています。編集するパーツは、右側のメニューで選択します。

(X)HTML中の動的表示部分は、PHPコードが埋め込まれていますが、デザインの修正だけでしたら通常PHP部分を修正する必要はありません。

上記コード・レベルの修正で画像ファイルの指定を変更するか、各テーマディレクトリに保管されている画像ファイルを置き換えることで、画像を変更できます。

削除対象テーマ以外のテーマが有効（公開中）である状態を確認した上で、削除対象テーマのフォルダを以下より除外することで、テーマは削除されます。

/[wordpressをインストールしたディレクトリ]/wp-content/themes/

以上、WordPressのテーマ変更についてのまとめです。

コメントをお待ちしています

http://it.jfe-tec.jp/mt/mt-tb.cgi/70