XPressME Integration Kit

Codex

テーマをカスタマイズ

XPressME Integration Kit ではメインページのカスタマイズはXOOPSのテンプレート編集ではなく、WordPressのテーマを変更することで実現します。

XPressME Integration Kit はデフォルトテーマとしてXPressME Ver1.Xとよく似たテーマxpress_defaultを準備しています。

現在使われているテーマを調べる

どのテーマが使われているのかを確認するにはWordPress管理ページから外観 テーマを選択することで確認できます。

modele_menu_wordpress_admin arrow_right wordpress_menu_appearance_themes

arrow_down

manage_theme_current_theme

現在のテーマの説明から/themes/xpress_default(XPressMeモジュール/wp-content/themes/xpress_default)にあるテーマを使用していることが判ります。

カスタマイズのもとになるテーマを複写して新しいテーマを作成する

カスタマイズのもとになるテーマをフォルダーごとダウンロードし、名前を変えてアップロードします。(XPressME Default Themesをそのままカスタマイズした場合、 XpressME Integration Kit のアップデートを行うと、上書きされて、元に戻ってしまうからです。)

ここでは、XPressME Default Themes(wp-content/themes/xpress_default)をコピーして my_themeという名前でアップロードすることにします。

テーマのダウンロード

テーマのダウンロード先を任意に選択して(ここでは、C:\dataというフォルダーを作成してそこへダウンロードするようにしています。)ダウンロードするテーマをフォルダーごとダウンロードします。

theme_download

テーマフォルダー名を変更

次にダウンロードしたテーマの名前(フォルダー名)を変更します。

theme_folder_rename

ここでは、my_themesという名前に変更します。(フォルダー名は任意です)

theme_folder_rename2

テーマに表示される名前の変更

フォルダー名を変えてもWordPressで表示されるテーマ名は、コピーしたテーマと同じ名前が表示され、ややこしくなるので、先に表示されるテーマ名の変更を行います。

テーマ名の変更を行うには、ダウンロード、名前の変更を行ったフォルダー内のstyle.cssファイルをエディタで開きます。

style.cssの冒頭にある theme Name: の部分がテーマに表示される名前になります。

/*
Theme Name: XPressME Default Themes
Theme URI: http://trac.xpressme.info/XPressME
Description: The theme for XPressME series
Version: 1.6
Author: toemon
Author URI: http://www.toemon.com/
Tags: none color, xpressme default, variable width, two columns, widgets

*/

とりあえず、テーマ名をMy Themesに変更します。
Theme URI: Description: Version: Author: Author URI: Tags: は、この時点で変更してもよいのですが、説明の都合で後で変更しますので、そのままにしておいてください。

/*
Theme Name: My Themes
Theme URI: http://trac.xpressme.info/XPressME
Description: The theme for XPressME series
Version: 1.6
Author: toemon
Author URI: http://www.toemon.com/
Tags: none color, xpressme default, variable width, two columns, widgets

*/

テーマをアップロード

事前にテーマ内のファイルの内容を変更してから、アップロードしてもよいのですが、
ここでは、アップロード後のWordPressテーマエディタを使ったテーマ変更の説明のため、フォルダー名を変更しただけのテーマをフォルダーごと、さきほどテーマをダウンロードしたwp-content/themes/ディレクトリへアップロードします。

theme_upload

テーマ内ファイルの属性変更

オンラインでテーマを編集できるWordPressテーマエディタを使用する為には、テーマ内のファイルにApacheの書き込み権限が必要となります。

アップロードしたテーマ内のファイルを選択してファイル属性を変更します。

theme_parmision_change

ファイル属性を666に変更します。

theme_parmision_666

ここまでで、カスタマイズを行うテーマの準備が終わりました、次からはいよいよテーマのカスタマイズです

ページ: 1 2