Wordpress free theme ECmate

投稿： 2009/07/27

アーカイブ： ECmate, Featured

ECmate

WordPress 2.8+ 用無料テーマです。上図左がデフォルトカラーです。

ページトップのカテゴリ付きドロップダウンナビゲーションメニュー
クロスブラウザ：Safari, Firefox, Opera, IE.
W3C XHTML valid
YUI Fonts CSS
DEMO で動作をご確認ください。

オプション管理パネル

(X) HTML, CSS, PHP の知識が無くてもテーマの管理パネルから簡単にテーマのカスタマイズをすることができます。
過去の記事に使用した画像も自動的にサムネイル化します。要 PHP GD Library

Favicon/Bookmark アイコン

/images/icon フォルダへアップロードしたFavicon・ブックマークアイコンの画像を管理パネルから管理します。

サムネイル設定

TimThumbスクリプトを使用して、投稿に使用した最初の画像もしくはカスタムフィールドより自動的にサムネイルを生成・リサイズします。

First Image: 投稿に使用した最初の画像を自動サムネイル化します。
Post Custom Field: カスタムフィールドに設定した画像を自動サムネイル化します。（名前：Image, 値：例wp-content/uploads/2009/sample.jpg）

/scripts, scripts/cache フォルダに書き込み権限を与えます。 (CHMOD 777 )

カテゴリカラーの割り当て

右サイドバーのカテゴリスポイラーをカテゴリーごとに任意の色を割り当てることができます。

テーマカラー

デフォルトで4色（ダークトーン・ライトトーン・リンクカラー1・リンクカラー2）がテーマに適用されています。これらを簡単にオリジナルカラーにカスタマイズすることができます。

サイドバー設定

右サイドバーにあるカテゴリスポイラーセクションには選択したカテゴリをふたつずつ表示します。

RSS・統計設定

オプション管理パネルにGoogle Analytics ID, Feedburner URL, Feedburner Comments URL を入力することによりテーマに統合します。

サイドバー

左サイドバー
6つのブロックに分け、それぞれサイドバーウィジェットを割り当てることができます。
シングルページではサイドノートと目次（見出し）が左サイドバートップに表示されます。
右サイドバー
トップにアドセンスを表示する場合は sidebar.php の60行目に、ご自身のアドセンスコード（200ｘ200サイズ）と置き換えてください。
ADS BOX にサイドバーウィジェットを割り当てることもできます。
カテゴリセクションには選択したカテゴリの最新２ポストをそれぞれ表示します。テーマ管理パネルで指定した色にカスタマイズできます。

同梱プラグイン

Popularity Contest バージョン 2.0b2
Table of Contents Generator バージョン 0.3
WP-PageNavi バージョン 2.50

インストール

使用中のプラグインとテーマがある場合は一度すべて無効化します。
ダウンロードして解凍したフォルダの wp-content を名前を変えずにそのままの状態でアップロードしてください。
themes/ecmate/scripts 及び themes/scripts/cache に書き込み権限を与えてください。 (CHMOD 777 )
ダウンロードした上記3つのプラグインを有効化し、各種プラグインの設定を済ませます。（よく分からない場合はデフォルトのままでOKです。）
テーマ「ECmate」を選択します。
管理画面＞外観＞ECmate Optionsに移動します。
ECmate オプション画面の説明を参考にテーマをカスタマイズしてください。（デフォルトの色を使用する場合もカラーコードはひとつ以上入力して下さい。）
サイドバーウィジェットを設定してください。
使用したい他のプラグインをひとつずつ動作確認しながら有効化してください。

トップナビゲーションバー及びサイドバータイトルにはpng透過画像を使用して色をカスタマイズしても微かなグラデーションと角丸表示するようになっています。
必要ない場合は削除してください。

カラーと背景画像の割り当て

ダークトーン (デフォルト：#696969)

#recent_box {背景色・（画像：images/white-noise.png ）}
#ads { 背景色・（画像：images/white-noise.png) }
#leftcol a:link, #leftcol a:visited, #leftcol a:active{ 文字色 }

リンクカラー1 (デフォルト：#0090db)

a:link, a:visited, a:active {文字色}
a:hover { 文字色}
.pagination a, .pagination a:visited, .paginated-comments-pages a, .paginated-comments-pages a:visited { ボーダー色・背景色 }
.pagination a:active, .paginated-comments-pages a:active { ボーダー色・背景色 }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {ボーダー色・背景色}

ライトトーン (デフォルト：#9fa9bc)

.entry h2 { 文字色・ボーダー色 }
h2 {ボーダー色}
#topcol .menu { 背景色}
#leftcol h3{ 背景色・（画像images/title_bg_m.png) }
.paginated-comments-pages strong {背景色・ボーダー色 }
.pagination a:hover, .paginated-comments-pages a:hover { 背景色・ボーダー色 }
.wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {背景色・ボーダー色}
#nav-bar { 背景色・画像（images/nav_bg.png) }

リンクカラー2 (デフォルト：#ffffff)

#topcol h3, #topcol a:link, #topcol a:visited, #topcol a:hover, #topcol a:active { 文字色 }
#ads { 文字色 }
#topcol h3, #topcol a:link, #topcol a:visited, #topcol a:hover, #topcol a:active { 文字色 }
#nav-bar .right a { 文字色}

これら色と背景画像の割り当ては header.php ４９行目以降で設定されています。オプション画面で指定した色はスタイルシートを上書きします。上書きしたくない場合は header.php から適所を削除してご利用ください。

サムネイル画像について

サーバーがPHP GD Libraryを使用できる環境でthemes/ecmate/scripts 及び themes/scripts/cache に書き込み権限を与えると過去の画像を含めサムネイルを自動生成・リサイズします。
サーバーによりサムネイルが生成されない場合はテーマフォルダやwp-content の書き込み権限も確認してみてください。
その他サムネイル生成に関する質問はサポート外とさせて頂きますのでご了承ください。

フッターのアイコン及びリンクを編集・削除して使用することはできません。

購入

[add_to_cart=17]