Eccentric

Download Eccentric  Download Eccentric

screenshot

Twiiter BootstrapベースのWordPressのテーマ Eccentric です。

以下のような特徴があります。

コンテンツのレイアウトの変更

デフォルトで以下の3つのレイアウトから選択できます。magazineとboxについては、カラムの数を選択できます。

main-layout

サイドバーレイアウトの変更

サイドバーの位置を左右及びなしから選択できます。

sidebar-layout

レスポンシブルデザイン

bootstrapをベースにしているのでレスポンシブルにも対応しています。

構造化データ(Microdata or JSON-LD)

一部頑張って対応しています。

その他いくつかのオプションがあります。本サイトのテーマもこのテーマを利用しています。

ページテンプレート

Scrollspy

マニュアルページなどで利用すれば、Scrollspyで目次が常にサイドエリアに表示されるため、目的の見出しにすぐにジャンプすることができます。

scrollspy

カスタマイズ

テーマディレクトリ構造

controller  tiny-wpdkのcontroller
css         style.css等以外のcss
img         画像
js          javascript
languages   i18n対応
sass        sassファイル
tiny-wpdk   tiny-wpdk framework
view        各種テンプレート
layout.php  メインレイアウト
functions.php
...

tiny-wpdk

controller

各種is_xxx系関数(ex: is_single)で呼びされるControllerファイルがあります。このクラスで定義されたインスタンスメンバは、テンプレート内で変数またはオブジェクト経由で参照することが可能です。

class PageController extends ApplicationController
{
    /**
     * Hook for wp action
     * 
     * @see https://codex.wordpress.org/Plugin_API/Action_Reference/wp
     * @param <WP> $wp
     */
    public function wp_action__wp($wp)
    {
        $this->var = "var has been defined in PageController";
    }
}

この時、テンプレートでは以下のように変数を参照できます。

<?php echo $var // var has been defined in PageController ?>
<?php echo $param->get('var', 'default value') // var has been defined in PageController ?>

Customize build-in layout

デフォルトで3つのレイアウトが用意されていますが、任意のレイアウトを追加することも可能です。以下のようにオリジナルのテーマファイルを作成し、Eccentric設定画面で選択項目に追加します。

  1. view/layout-container-main-<your original theme name>.phpを作成
  2. 管理画面の設定に追加(view/admin/index.php
                <td>
                    <p>
                        <label for="mainLayoutMyTheme">
                            <input id="mainLayoutMyTheme" name="mainLayout" type="radio" value="box" <?php checked('mytheme', $options->get('mainLayout')); ?>> box
                            <img src="<?php bloginfo('template_url') ?>/img/mytheme.png" width="150" alt="main-mytheme" class="layout-img">
                        </label>
                    </p>
                </td>
  3. 必要であればcssファイルを追加。sassに含めるまたはwp_headアクション内で出力。

ダウンロード

以下の規約のもと、ご自由にご利用ください。

規約

  • ご利用は自己責任にてお願いいたします。
  • バックアップは必ずお取りください。
  • 如何なる不具合やトラブル、損害についても責任を負いかねますのでご了承ください。

こちらに移動しました。2016/6/2

https://sourceforge.net/projects/wp-theme-eccentric/

Download Eccentric