UIkitをBootstrapテーマの管理画面やUIkitを使っているMediagalleryだけに追加する

Geeklog
投稿者: 表示回数2,063 印刷用ページ
UIkitをBootstrapテーマの管理画面やUIkitを使っているMediagalleryだけに追加する場合は、以下のようにheader.thtml footer.thtmlに記述します。
<?php $url_current = COM_getCurrentURL(); if( ( strpos( $url_current,
'/admin/' ) !== false ) ||  (strpos( $url_current,
'/mediagallery/' ) !== false ) ){ ?>

<!-- /admin/ や/mediagallery/ では呼びたい、UIkitなどのCSSやJS -->
<link rel="stylesheet" href="{layout_url}/vendor/uikit/css/uikit-ivywe.css"{xhtml}> 


<?php } else { ?>

<!-- /admin/では呼びたくない、BootstrapなどのCSSやJS -->

<?php } ?>

Geeklogのsite_urlを複数で表示するためのhack

Geeklog
投稿者: 表示回数2,075 印刷用ページ

EasySCPを活用したサーバーでは、ドメインに対して代替URLを提供しています。

開発中のサイトをリニューアル公開以前には、代替URLを活用して表示できます。

両方で表示できるためのハックはこちら。

lib-common.phpの100行目あたりを変更します。

from:

$_CONF = $config->get_config('Core');
to:

$_CONF = $config->get_config('Core');

if (strpos($_CONF['site_url'], $_SERVER['SERVER_NAME']) === false) {
 if (strpos($_SERVER['SERVER_NAME'], 'vu20XX.admin.XXX.com') !== false) {
  $substitute_domain='vu20XX.admin.XXX.com';
  $_CONF['site_url']          = 'http://'.$substitute_domain;
  $_CONF['site_admin_url']    = 'http://'.$substitute_domain.'/admin';
  $_CONF['layout_url']        = 'http://'.$substitute_domain.'/layout/'.$_CONF['theme'];
  $_CONF['site_disabled_msg'] = 'http://'.$substitute_domain.'/japanize/disabledmsg.html';
  $_CONF['cookiedomain'] = empty($_CONF['cookiedomain']) ? '' : str_replace($_SERVER['SERVER_NAME'], $substitute_domain, $_CONF['cookiedomain']);
 }
}

外部リンクのクリック数を解析する

Geeklog
投稿者: 表示回数2,104 印刷用ページ

バナープラグインを設置すると、ランダムバナーが利用できるようになります。

バナーのレイアウトを自由に設定できて便利ですが、バナーに自由にHTMLを記述できるようにしたことから、クリック数のカウントの機能は途中から無くなってしまいました。

バナーなので、外部リンクのクリック数をカウントしたい。そのようなときは、以下のように、仮想敵ページに遷移させることにより、Google解析を利用してカウントすることが可能です。

クリック数をカウントしたいリンクを以下のように変更します。

<a href="http://example.com" onclick="javascript:_gaq.push(['_trackPageview', '/example-link']);">外部リンク</a>

参考ページ:

http://techmemo.biz/web-cheat-sheet/googleanalytics-count-external-link/

多言語サイト作成時の参考URL

Geeklog
投稿者: 表示回数1,613 印刷用ページ
ロケール
http://lh.2xlibre.net/locales/

日時ロケール
http://lh.2xlibre.net/values/d_t_fmt/

日付ロケール
http://lh.2xlibre.net/values/d_fmt/

ロケールの影響を受ける動作
http://docs.oracle.com/cd/E26924_01/html/E27144/glmde.html
・時刻の書式
・日付の書式
・数値の書式
・通貨の国際書式

Geeklogで多言語サイトを作成する
http://wiki.geeklog.jp/index.php?title=多言語切り替え



HTML5 のテーマのhtml属性とhead属性他

Geeklog
投稿者: 表示回数1,344 印刷用ページ

GeeklogでHTML5テーマを開発する場合に、注意する点は以下です。

1.functions.phpでHTML5を宣言

1.functions.phpのfunction theme_config_テーマ名()を以下のように修正してください。コンフィギュレーションのテーマでのDOCTYPE宣言よりこちらを優先します。

function theme_config_テーマ名()
{
    return array(
        'image_type' => 'png',
        'doctype' => 'xhtml5',
        'etag' => true,
        'supported_version_theme' => '2.1.0' 
    );
}

2. header.thtml

HTML5では、html タグは、xlmns属性が不要になりました。
{doctype}
<html{html_attribute}>
<head>
なお、本家版は{lang_attribute}です。{html_attribute}は日本語版のみが提供するテーマ変数です。
{doctype}
<html{lang_attribute}{xmlns}>
<head>
以下HTML5ではデフォルトとなるため不要です。
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">

PDFを自動展開するgDocsViewerをGeeklogで活用する方法

Geeklog
投稿者: 表示回数2,265 印刷用ページ

リンク先のPDFファイルを、Google Docs Viewerでその場で閲覧できる様にするjQueryプラグイン・gDocsViewer(ライセンスMIT)をGeeklogで活用する方法を紹介します。

gdocsviewerをダウンロードして/vendor/gdocsviewer/以下にアップロードします。

footer.thtmlに追加:

<!-- PDF { -->
<script type="text/javascript" src="{site_url}/vendor/gdocsviewer/jquery.gdocsviewer.min.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
$(document).ready(function() {
  $('a.embed-large').gdocsViewer({width: 900, height: 600});
  $('a.embed-medium').gdocsViewer({width: 500, height: 500});
  $('a.embed-small').gdocsViewer({width: 300, height: 240});
  $('#embedURL').gdocsViewer();
});
/*]]>*/
</script>
<!-- } PDF -->

コンテンツ表示部に自動タグを追加:

[pdf:PDFファイル名]

自動タグプラグインで、自動タグpdfを追加する:

自動タグ:pdf を追加。置換文字列には以下のコードを記述してください。


<div class="uk-margin-top uk-visible-large">
<a class="embed-large" href="#1" target="_blank" style="cursor:default; color: #444"></a> </div>

<div class="uk-margin-top uk-visible-medium">
<a class="embed-medium" href="#1" target="_blank" style="cursor:default; color: #444"></a> </div>

<div class="uk-margin-top uk-visible-small">
<a class="embed-small" href="#1" target="_blank" style="cursor:default; color: #444"></a> </div>

ダウンロード

/blog/archives/394-Google-Docs-Viewer-plugin-for-jQuery.html

事例

http://www.rentpro.co.jp/databox/data.php/0029/code

ウェブサイト翻訳ツール - ウェブサイトをGeeklogサイトに追加する

Geeklog
投稿者: 表示回数2,997 印刷用ページ

ウェブサイト翻訳ツール - ウェブサイトプラグインをGeeklogサイトに追加する方法を紹介します。

動作はこのページの右上ブロックで確認してください。

ウェブサイト翻訳ツール - ウェブサイトプラグインをGeeklogサイトに追加する方法は、以下のURLからスニペットを取得。

https://translate.google.com/manager/website/add

テーマのheader.thtmlにヘッダー部分を追加して、ブロックや静的ページなどのコンテンツ部に、記述するだけで表示できます。