Another Nifty Geeklog Site

ようこそ! Geeklog Japan, Anonymous 2024/11/23 23:39 JST

「プログレッシブ エンハンスメント」の考えを取り入れCSS3を使った新テーマ「sincere」をリリース

  • 2012/01/25 01:08 JST
  • 投稿者:
  • 表示回数 5,484
Geeklog

新テーマ「sincere」は、「WAIproCSS Ver2.5.1 for Geeklog1.8.1」をベースに２カラムのエラスティックレイアウトを採用してます。

そして、このテーマはCSS3を使用し「プログレッシブ エンハンスメント」を取り入れてます。
(プログレッシブ エンハンスメントの説明は、@kaz_wuiさんのサイト「Website Usability Info」のプログレッシブエンハンスメント（Progressive Enhancement）という考えかたで詳しく説明されています。)
ですので、CSS3に対応していないブラウザでは単調なデザイン(ヘッダ等の背景のグラデーションが単色になる等)になりますが、情報は正しく得られるよう作成しております。


テーマ「sincere」 Internet Explorer7のキャプチャ画像です。

また、サイトロゴのフォントは、Google Font APIを使って表示してます。
(Google Font APIについては、@yhassyさんのサイト「could」のGoogle Font API で手軽に始めるフォント遊びで詳しく説明されてます。)

テーマ「sincere」も「WAIproCSS」と同様、アクセシビリティに配慮して作成しています。

表示確認について

次の環境で表示確認しております。

  • Windows XP / Firefox 7.0.1,Google Chrome 16.0.912.75,Safari 5.1.2,Opera 11.60,Internet Explorer 6, 7, 8
  • Windows 7 / Internet Explorer 9
  • Mac OS X 10.7.2 / Firefox 9.0.1,Safari 5.1.2
  • iPod touch iOS 5.0.1,iPad2 iOS 5.0.1 (このテーマは、iPod touch 及び iPadに最適化されたものではありません。自動的に縮小された表示で確認しております。)

新テーマ「sincere」作成時に修正したファイルについて

この新テーマ作成時に修正した「WAIproCSS Ver2.5.1 for Geeklog1.8.1」のファイルは以下の5ファイルになります。

  • footer.thtml
  • header.thtml
  • leftblocks.thtml
  • rightblocks.thtml
  • custom.css

テーマ「WAIproCSS」がバージョンアップした際、バージョンアップした「WAIprCSS」をベースにし、custom.css以外のファイルはバージョンアップしたファイルとテーマ「sincere」のファイルを見比べていただき、必要な箇所を修正してください。custom.cssは、上書き保存してください。
ご注意
バージョンアップした「WAIprCSS」の変更点(修正ファイル)が上記ファイルを含まない場合は、テーマ「sincere」にバージョンアップした「WAIprCSS」の修正ファイルを上書き保存してください。

ライセンスについて

新テーマ「sincere」のライセンスは、WAIproCSSのライセンスに準じます。WAIproCSSのライセンスは下記の通りになります。

This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software　Foundation; either version 2 of the License, or (at your option) any laterversion.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

--日本語訳--

このプログラムは、フリーソフトウェアです。フリーソフトウェア財団が発表しているようにGNU一般向けライセンスの条件の下で。再配布するか、修正する事が出来ます。

ライセンスのバージョン2.0、もしくは(オプションによっては)それ以降のバージョンをご使用下さい。

このプログラムは、お役に立てる事を願って配布されていますが、何の保証もないプログラムです。特定の目的の為に販売または他のプログラムに適合させるという保障は含まれておりません。詳細は、GNU一般向けライセンスをご覧下さい。

テーマ「sincere」のダウンロードについて

テーマ「sincere」のダウンロードは、 Geeklog Japaneseダウンロードセクション か White Stageダウンロードセクションからどうぞ。

テーマのインストールは、ひろろんさんが開発されたwkyGeeklogインストーラーの使用をお勧めします。
テーマが超簡単にインストール出来るwkyGeeklogインストーラーは、Hiroron Labsで配布されています。
そして、Hiroron Labsで「sincere for geeklog1.8.1」のレシピをダウンロードし、そのファイルを wkyGeeklogインストーラー にドラックアンドドロップすれば簡単にテーマのインストールができます。

追記：ページャーの｢最初｣や｢最後｣にスタイルを設定しないようにする場合、custom.cssに数字部分と同じデザインを消すスタイルを設定していますので、lib-common.phpを以下のように修正していただくと｢最初｣や｢最後｣の周りを囲う線等消えます。
4711行目あたり
$retval .= '<span>' . COM_createLink($LANG05[7], $first_url . $last_url ) . '</span> ' . ' | ';
4717行目あたり
$retval .= '<span>' . COM_createLink($LANG05[6], $first_url . $pg . $last_url ) . '</span> ' . ' | ';
4721行目あたり
$retval .= '<span>' . $LANG05[7] . '</span> ' . ' | ';
4722行目あたり
$retval .= '<span>' . $LANG05[6] . '</span> ' . ' | ';
4753行目あたり
$retval .= '| ' . '<span>' . $LANG05[5] . '</span> ' . ' ';
4754行目あたり
$retval .= '| ' . '<span>' . $LANG05[8] . '</span> ';
4758-4759行目あたり
$retval .= '| ' . '<span>' . COM_createLink($LANG05[5], $first_url . $sep
. $page_str . ($curpage + 1) . $last_url) . '</span> ';
4760-4761行目あたり
$retval .= ' | ' . '<span>' . COM_createLink($LANG05[8], $first_url . $sep
. $page_str . $num_pages . $last_url) . '</span> ';