ようこそ! IVY SOHO, Anonymous 日曜日, 11月 30 2025 @ 07:50 am JST
[tag:UIkit]のユーザーグループ"UIkit Japan"をFacebook上で作成しました。
自動タグプラグイン(Autotags plugin)をインストールしたら、よくつかう自動タグを最初から用意しておくと便利です。そうすることにより、記事をテキストモードで記述しながらリッチなコンテンツを作成できます。
[h3:キャプション] caption<div class="uk-text-bold uk-text-center">#0</div><div class="uk-text-center">#0</div>www.example.com<a href="#1" class="ext-link" target="_blank">#2</a>return CUSTOM_centerblock_forum ($p1);<h2 class="uk-h2">#0</h2><h3 class="uk-h3">#0</h3><h4 class="uk-h4">#0</h4>
<div class="uk-margin-top uk-visible-large">
<a class="embed-large" href="http://www.example.com/images/library/File/#1" target="_blank" style="cursor:default; color: #444"></a> </div>
<div class="uk-margin-top uk-visible-medium">
<a class="embed-medium" href="http://www.example.com/images/library/File/#1" target="_blank" style="cursor:default; color: #444"></a> </div>
<div class="uk-margin-top uk-visible-small">
<a class="embed-small" href="http://www.example.com/images/library/File/#1" target="_blank" style="cursor:default; color: #444"></a> </div>
<!-- PDF { -->
<script type="text/javascript" src="{layout_url}/vendor/jquery-gdocsviewer/jquery.gdocsviewer.min.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
$(document).ready(function() {
$('a.embed-large').gdocsViewer({width: 600, height: 600});
$('a.embed-medium').gdocsViewer({width: 500, height: 500});
$('a.embed-small').gdocsViewer({width: 300, height: 300});
$('a.embed-large2').gdocsViewer({width: 600, height: 600});
});
/*]]>*/
</script>
<div class="uk-text-right">#0</div>写真や画像から簡単に各種faviconを作成してくれるWebサービスはこちら。
https://ao-system.net/favicongenerator/
iPhoneやiPad、Androidで使われるWebクリップ用のアイコンもこれで一度で作成できて大変便利です。
zip形式でダウンロードしたファイルをサーバーにアップロード。header部分に同梱しているhtml形式のソースを張り付けるだけです。Geeklogの場合は、テーマのheader.thtmlに以下のように、{site_url}{xhtml}タグを追加します。
<meta name="msapplication-square70x70logo" content="/site-tile-70x70.png"{xhtml}>
<meta name="msapplication-square150x150logo" content="/site-tile-150x150.png"{xhtml}>
<meta name="msapplication-wide310x150logo" content="/site-tile-310x150.png"{xhtml}>
<meta name="msapplication-square310x310logo" content="/site-tile-310x310.png"{xhtml}>
<meta name="msapplication-TileColor" content="#0078d7"{xhtml}>
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="/favicon.ico"{xhtml}>
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"{xhtml}>
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"{xhtml}>
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"{xhtml}>
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"{xhtml}>
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"{xhtml}>
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"{xhtml}>
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"{xhtml}>
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"{xhtml}>
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"{xhtml}>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png"{xhtml}>
<link rel="icon" type="image/png" sizes="36x36" href="/android-chrome-36x36.png"{xhtml}>
<link rel="icon" type="image/png" sizes="48x48" href="/android-chrome-48x48.png"{xhtml}>
<link rel="icon" type="image/png" sizes="72x72" href="/android-chrome-72x72.png"{xhtml}>
<link rel="icon" type="image/png" sizes="96x96" href="/android-chrome-96x96.png"{xhtml}>
<link rel="icon" type="image/png" sizes="128x128" href="/android-chrome-128x128.png"{xhtml}>
<link rel="icon" type="image/png" sizes="144x144" href="/android-chrome-144x144.png"{xhtml}>
<link rel="icon" type="image/png" sizes="152x152" href="/android-chrome-152x152.png"{xhtml}>
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png"{xhtml}>
<link rel="icon" type="image/png" sizes="256x256" href="/android-chrome-256x256.png"{xhtml}>
<link rel="icon" type="image/png" sizes="384x384" href="/android-chrome-384x384.png"{xhtml}>
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png"{xhtml}>
<link rel="icon" type="image/png" sizes="36x36" href="/icon-36x36.png"{xhtml}>
<link rel="icon" type="image/png" sizes="48x48" href="/icon-48x48.png"{xhtml}>
<link rel="icon" type="image/png" sizes="72x72" href="/icon-72x72.png"{xhtml}>
<link rel="icon" type="image/png" sizes="96x96" href="/icon-96x96.png"{xhtml}>
<link rel="icon" type="image/png" sizes="128x128" href="/icon-128x128.png"{xhtml}>
<link rel="icon" type="image/png" sizes="144x144" href="/icon-144x144.png"{xhtml}>
<link rel="icon" type="image/png" sizes="152x152" href="/icon-152x152.png"{xhtml}>
<link rel="icon" type="image/png" sizes="160x160" href="/icon-160x160.png"{xhtml}>
<link rel="icon" type="image/png" sizes="192x192" href="/icon-192x192.png"{xhtml}>
<link rel="icon" type="image/png" sizes="196x196" href="/icon-196x196.png"{xhtml}>
<link rel="icon" type="image/png" sizes="256x256" href="/icon-256x256.png"{xhtml}>
<link rel="icon" type="image/png" sizes="384x384" href="/icon-384x384.png"{xhtml}>
<link rel="icon" type="image/png" sizes="512x512" href="/icon-512x512.png"{xhtml}>
<link rel="icon" type="image/png" sizes="16x16" href="/icon-16x16.png"{xhtml}>
<link rel="icon" type="image/png" sizes="24x24" href="/icon-24x24.png"{xhtml}>
<link rel="icon" type="image/png" sizes="32x32" href="/icon-32x32.png"{xhtml}>
<link rel="manifest" href="/manifest.json"{xhtml}>
なお、favicon.icoの作成だけは、以下のサイトのほうがきれいに作成できるようです。favicon.icoだけはこれに差し替えます
デリミタとして @ を使う場合、URL一致の正規表現は以下のようになります。
http://www.geeklog.jp に一致する正規表現：
@^http://www\.geeklog\.jp$@Custommenu カスタムメニュープラグインで活用できます。
フロントエンドフレームワーク[tag:UIkit]のAccordion(折り畳み機能)は便利です。 uk-nav-parent-iconで、折り畳みの状態を表示。
<ul class="uk-nav uk-nav-parent-icon" data-uk-nav="{ multiple: true }">
<li class="uk-parent">
<a href="#">DEMO1</a>
<ul class="uk-nav-sub">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</li>
<li class="uk-parent">
<a href="#">DEMO2</a>
<ul class="uk-nav-sub">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</li>
<li class="uk-parent">
<a href="#">DEMO3</a>
<ul class="uk-nav-sub">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</li>
</ul>{!!autotag staticpage_content:XXXXX !!}<?php echo PLG_replaceTags('[staticpage_content:XXXXX_'.COM_getLanguageId().']'); ?>データのAND検索、OR検索機能が追加されましたが一部説明を追加します。
テーマは、/layout/テーマ/databox/にアップロードして、コンフィギュレーションにてテーマのパスを標準からテーマ に切り替えて利用すると便利です。
さて、検索関係は、以下のディレクトリにテンプレートがあります。
/layout/テーマ/databox/templates/search/default
OR検索の場合
<!--gor_X カテゴリグループid=Xのカテゴリを複数指定する OR条件 -->
{gor_X}<input name="gor_X[]" value="" type="hidden">
AND検索の場合
<!--gand_X カテゴリグループid=Xのカテゴリを複数指定する AND条件 -->
{gand_X} <input name="gand_X[]" value="" type="hidden">
※X: Group ID(1,2,3.... )
自動タグ： [ databox:search 検索の引数（ただし[]部を除く）]検索自動タグを静的ページに記述するdemo:
https://www.ossj.jp/staticpages/index.php/oss
dataBox を含んだGeeklog一式のダウンロードはこちらから。
https://github.com/ivywe/geeklog-ivywe
なお、/layout/テーマ/databox/templates/search/defaultは、/layout/テーマ/databox/templates/search/にdefaultを元に複数テーマを追加することができます。
[tag:UIkit]をBootstrapテーマの管理画面や[tag: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 } ?>EasySCPを活用したサーバーでは、ドメインに対して代替URLを提供しています。
開発中のサイトをリニューアル公開以前には、代替URLを活用して表示できます。
両方で表示できるためのハックはこちら。
lib-common.phpの100行目あたりを変更します。 from:
$_CONF = $config->get_config('Core');
$_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']);
}
}
過去 7 内に最も多くの人の興味を引いたアイテム: 日