ようこそ! Geeklog Japan, Anonymous 2024/11/21 15:57 JST
住宅物件検索制作サイトを紹介します。
UIkitを活用した最もシンプルなテーマ Default を公開しました。
[medialist:16]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 のみであたらしくテーマを作ることが可能です。
Geeklog 2.1.1jp1.2を配布します。どうぞご利用ください。
Geeklog 2.1.1 jpで同梱を開始したテーマHorizonは、UIkitを活用した最もベーシックなテーマです。 このテーマをベースに、あらゆるデザインに展開していってください。
このふたつがこのテーマのカスタマイズCSS, JavaScriptファイルですが、最少限度の追加となっています。
テーマの開発は以下を参照してください。
本サイトは、さらに、初回訪問時に、寄付を依頼するフォームをModal表示しています。JavaScript開発はWinkeyひろろんさんです。
<div id="paypal" class="uk-modal">
<div class="uk-modal-dialog ">
<a class="uk-modal-close uk-close"></a>
<div class="uk-grid">
<div class="uk-width-1-2 uk-container-center">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" class="uk-form">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="8Z292C2JSXZRS">
<table>
<tr><td><input type="hidden" name="on0" value="ご寄付">ご寄付</td></tr><tr><td><select name="os0">
<option value="ご寄付">ご寄付 ¥100 JPY</option>
</select> </td></tr>
<tr><td><input type="hidden" name="on1" value="ひとこと">ひとこと</td></tr><tr><td><input type="text" name="os1" maxlength="200" ></td></tr>
<tr><td><input type="hidden" name="on2" value="公開可能なお名前またはニックネーム">公開可能なお名前またはニックネーム</td></tr><tr><td><input type="text" name="os2" maxlength="200" ></td></tr>
</table>
<input type="hidden" name="currency_code" value="JPY">
<input type="image" src="https://www.geeklog.jp/geeklog222/public_html/images/library/Image/logo_donate.png" border="0" name="submit" alt="PayPal - オンラインでより安全・簡単にお支払い" style="max-width:100%">
<img alt="" border="0" src="https://www.paypalobjects.com/ja_JP/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</div>
<div class="uk-width-1-1 uk-text-center">
お役にたてたら
Geeklog JapanにPayPalで寄付
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
if(!$.cookie("access")){
$(document).ready(function(){
$.UIkit.modal('#paypal').show();
});
}
$(window).load(function(){
$.cookie("access","foo", { expires: 1 });
})
});
</script>
codeのhightsは、UIkitのリポジトリに追加されているvendor/highlightを活用しています。
なお、ヘッダでcookieを処理するJavaScript をfunctions.phpで呼ぶように追加しています。
ダウンロードはGitHubから
テーマHorizonのusers.phpのログインフォームに不具合がみつかり、JP1.1のtagを追加して配布します。
Geeklog 2.1.0 でテンプレートエンジンが大きく機能アップしていますが、今回も、UIkit framework version 2.24.0 を Geeklogに追加する環境が整い、それを活用したテーマDenim、そしてその活用をさらに進めた、日本語版独自のテーマHorizonを公開しました。
DEMOサイトに続いてこのGeeklog.jpをGeeklog 2.1.1 JP 1.0 にアップグレードしました。
UIkit標準搭載の2-1-1がリリースされました。
コアのプラグインもそれぞれアップデート。テンプレートのディレクトリが変わっているので、カスタマイズしている場合は注意してください。
本家版ダウンロード:
https://www.geeklog.net/filemgmt/index.php/1157
日本語版候補（準備中。開発者の方はテストを！）
GitHub/geeklog-japan New!
過去 7 内に最も多くの人の興味を引いたアイテム: 日