2019/03/22 00:50 JST

UIkitを活用した最もシンプルなテーマ Default を公開

  • 投稿者:
  • 表示回数 1,329
Geeklog情報

UIkitを活用した最もシンプルなテーマ Default を公開しました。

Download:
https://github.com/ivywe/Default/

このサイトのテーマとしても、Horizonという名前で活用しています。

DefaultをTheme Override指定すると、最少ファイルであたらしくテーマを開発できます。
以下のように、functions.phpに、'theme_default' => 'default'の1行を追加します。


function theme_config_fotos()
{
    return array(
        'image_type' => 'png',
        'doctype'    => 'html5',
        'etag'       => true,
        'supported_version_theme' => '2.0.0', // support new theme format for the later Geeklog 2.0.0
		'theme_default' => 'default'
    );
}

カスタマイズテーマを作成する場合は、css関係、images, javascript, jquery_ui, header.thtml, footer.thtml, functions.php, style.css.php, README のみであたらしくテーマを作ることが可能です。

Denimとの違い:

  1. Based on Denim.
  2. Clear up unnecessary files. (breadcrumbs/*, images/some files)
  3. Using comment {# start ....#} {#end ... #}
  4. Using the aria-describedby attribute (add accessibility)
  5. Using UIkit fully.
    uk-form-horizontal, uk-form-row, uk-form-label, uk-breadcrumb, uk-pagination
    uk-modal, uk-modal-dialog and many UIkit style.
  6. Using style.css.php
  7. add custummenu plugin theme
  8. add staticpages plugin theme

header.thtmlの{html_attribute} と {welcome_msg_jp} は、Japanise プラグインを活用した日本語サイト用のテーマ変数を{lang_attribute}{welcome_msg}の代わりに使ってください。