Ivy SOHO.net

Geeklog Mapsプラグインの表示で、左上のZOOMなどのツールが表示くずれを起こす場合、以下のスタイルを追加してください。

div#centerblocks div#centerblocks-content div.gm-style img {
  max-width: none;
}

UIkitを既存Geeklogサイトに追加する方法を簡単に紹介します。

１．UIkitを以下のURLからダウンロードして、/layout/テーマ/vendor/uikit/ にアップロード。
http://getuikit.com/

[media:20141130205101935 src:disp]

２．テーマファイル（/layout以下のテーマ）のheader.thtmlの{rel_links}の前に以下のように追加。

<link rel="stylesheet" href="{layout_url}/vendor/uikit/css/uikit.css"{xhtml}>

３．テーマファイル（/layout以下のテーマ）のfooter.thtmlの{plg_footercode}の後に以下のように追加。

<script type="text/javascript" src="{layout_url}/vendor/uikit/js/uikit.js"></script>

※{plg_footercode}でjQuery本体が呼ばれています。そのためその後にこの行を追加する必要があります。

Mediagallery プラグインのmedia自動タグでUIkitのmodalとfadeを使う方法です。

事例：
http://www.ivysoho.com/databox/data.php/chile-moss/code

修正方法：
mediagallery/include/autotags.php:

Geeklog2.0よりCacheが対応。コンテンツを修正したのに表示が切り替わらない。テンプレートを修正したのに、表示がおかしい、管理画面の表示が古い、などなど、Cacheが不用意に残ってしまったために数々の不具合が発生しがちです。

そのような場合いちいち管理ブロックのキャッシュ一括削除リンクをクリックするのは面倒なので、ヘッダに追加すると便利です。

追加方法

	    <?php if(SEC_inGroup('Root')){ ?>
			<li><a type="button" href="{site_url}/admin/clearctl.php">Clear Cache</a></li>
		<?php } ?>
	    <?php if(SEC_inGroup('mediagallery Admin')){ ?>
			<li><a type="button" href="{site_url}/mediagallery/">Gallery</a></li>
		<?php } ?>

ひとつ便利な自動タグを紹介します。

この記事は 画像を配置する自動タグを活用しています。 記事には、以下の自動タグをいくつでも配置できます。

[imgcenter:画像URL ID] 自動タグプラグインには、imgcenter　置換文字列は、

Geeklog のdataBoxを活用するとこのように検索ページをすぐに作成できます。

制作事例検索