提供: GeeklogJpWiki

［３］管理方法 > 管理者が導入直後に運用環境を設定する > サイトのテーマを設定 > カスタムテーマ「GeekFlower」

目次 1 カスタムテーマ「GeekFlower」 1.1 インストール方法 1.1.1 画像 1.1.2 テーマエディタを利用するために

カスタムテーマ「GeekFlower」

• 作者　今駒哲子
• ダウンロード　Geeklog Japanese

「GeekFlower」は、「ProfessionalCSS」をベースにしたカスタムテーマです。

インストール方法

1. テーマ「ProfessionalCSSをダウンロード
2. サーバにディレクトリ「layout/GeekFlower」を作成してアップロードします。
3. テーマ「GeekFlower」（ProfessionalCSS差分）をダウンロード
4. サーバのディレクトリ「layout/GeekFlower」に上書きします。
5. サーバのディレクトリ「layout/GeekFlower/style.css」を編集してcustom.cssを読み込むようにします。

編集前のstyle.cssの末尾周辺

/* カスタムテーマスタイルシート {
@import url("custom.css");
} カスタムテーマスタイルシート */

編集後（上下の行を削除するのがポイントです。片方だけではおかしくなります）

@import url("custom.css");

画像

カスタム画像は、/layout/<theme>/images/custom/ に置いています。これらの画像を差し替えるだけで簡単にカスタマイズできます。この画像は、Fireworks形式で保存されていますので、Fireworksで編集すると加工しやすく便利です。

背景画像

ヘッダ背景画像

ナビゲーション部　背景画像

フッタ背景画像

左ブロックタイトル背景画像

右ブロックタイトル背景画像

JavaScript有効・3カラム(左ブロック・中央ブロック・右ブロック)時のラッパー

JavaScript有効・2カラム(左ブロック・中央ブロック)時のラッパー

JavaScript有効・2カラム(中央ブロック・右ブロック)時のラッパー

JavaScript有効・1カラム(中央ブロック)時のラッパー

JavaScript無効時のラッパー

メッセージ表示タイトル背景

テーマエディタを利用するために

テーマエディタプラグインを利用する際には、/plugins/themedit/config.phpを編集し、テーマ「GeekFlower」を追加してテンプレートファイル「custom.css」を追加してください。

また、サーバのcustom.cssは、パーミッションを(666)に変更してください。

以上でカスタマイズを行ってください。

詳細な説明はこちら→GeekFlowerの「ProfessionalCSS」からの変更点