HTML5+CSS3のレスポンシブWebデザインテーマ 「winkey12」

/*==============================================================================
  Theme    : winkey12
  Update   : 2013/05/17
  Version  : 0.9.0
  Copyright (C) 2012-2013 by hiroron
  Author   : hiroron (hiroron AT hiroron DOT com)
  License  : GPLv2
  Homepage : http://www.winkey.jp/
==============================================================================*/



== 概要 ==

テーマ「winkey12」は"Geeklog初"の「HTML5+CSS3」で作られています。
レスポンシブwebデザインを採用しておりスマートフォン、タブレット、PCとで自動的に端末に応じて最適なレイアウトで表示されます。
アウトライン化（文書構造）にも注意して作成しており、メインコンテンツとなる記事や静的ページなどは<article>タグで囲い、サイドボックスなど補助的要素は<aside>タグで囲い、サイトの文書構造をきちんと表すようにしています。

管理画面はログインしないと見れない領域になるため不特定多数の目に触れないこと、検索エンジンなどのクローラーに収集されないこと、今後のバージョンアップに追従しやすいよう、などのためいじっておらずベーステーマの"Modern Curve"のままです。

※色々なWordpressテーマにインスピレーションをえて作成しました。

（当テーマのベースはGeeklog2.0付属の"Modern Curve"をベースに作成しています）



== 使う際の注意点 ==

*ヘッダ部分のサイト名とメニューの文字が重なる

デザインの仕様上、ヘッダ部分のメニューとサイト名が長いと文字が重なってしまいます。
親メニューは４、５個を推奨としcustommenuプラグインで階層化メニューにすることを前提としてあります。
またサイト名もシンプルに短め（約８文字）を推奨としています。（スマートフォンの見た目で影響）



== テーマのファイルを設置(アップロード) ==

解凍してできた「winkey12」ディレクトリをそのまま「layout」フォルダへアップロードしてください。

winkey12  --> /public_html/layout/



== テーマを変更 ==

Geeklogサイトへ管理者でログイン＞コンフィギュレーション＞テーマ

     テーマ：Winkey12
DOCTYPE宣言：HTML5 with XHTML syntax


※あわせて画像＞記事の画像で幅と高さの最大値を"610"に変更しておくと記事でめいっぱいのサイズとなり画像を扱う記事でちょうど良いサイズとなります。




== HTML5対応ハック ==

Geeklog2.0をHTML5に対応するようコアファイルに下記の修正が必要です。

 * aタグのrel=categoryの削除

   * private/system/lib-story.php : 194行目 と 204行目

<code>
                    array('rel'=>"category")
</code>

これを以下のように修正。

<code>
                    array()
</code>





 * HTML5のtimeタグのdatetime用の出力

   * private/system/lib-story.php : 114行目に下記の記述を追加

<code>
    $article->set_var( 'story_datetime', $story->DisplayElements('datetime') );
</code>



   * private/system/classes/story.class.php : 1727行目に下記の記述を追加

<code>
        case 'datetime':
            $return = strftime('%FT%T', $this->_date);

            break;

</code>



   * public_html/lib-common.php 1102行目 と 1814行目 に下記の記述を追加

<code>
    $header->set_var( 'datetime_html5', strftime('%Y-%m-%dT%H:%M:%S', $curtime[0]) );
</code>



== custommenuプラグインを使う場合 ==

winkey12テーマデフォルトの見た目でメニューに関するCSSはcustommenu.cssの内容をlayout.cssへ取り込んでいる為、余計な読み込みを発生させないように削除(/winkey12/custommenu/custommenu.css)しております。
カスタムメニュー用のオリジナルCSSを定義する場合はファイルを作成してから編集して下さい。
※そのままlayout.cssへ追加してもcustom.cssへ追加してもOKです。



== バージョン履歴 ==

0.9.0  2013/05/17
 * HTML5+CSS3のレスポンシブwebデザインテーマ「winkey12」をβ版として初リリース



== 配布サイト ==

WinKey: http://www.winkey.jp/



== スペシャルサンクス ==

みるく(milk) : http://white-stage.com/

アイコンフォント
  Entypo : by Daniel Bruce : License CC BY-SA 3.0

