自動タグプラグイン(Autotags plugin)をインストールしたら、よくつかう自動タグを最初から用意しておくと便利です。そうすることにより、記事をテキストモードで記述しながらリッチなコンテンツを作成できます。
[h3:キャプション]
caption
<div class="uk-text-bold uk-text-center">#0</div>
e.g.
[ caption:キャプション ]
Demo
[caption:キャプション]
[h3:テキストのセンタリング]
center
<div class="uk-text-center">#0</div>
e.g.
[ center:センタリングテキスト]
Demo
[center:センタリングテキスト]
[h3:ドメイン]
domain
www.example.com
例) www.ivysoho.net
※Facebook widjetなどをテンプレートに記述する際に利用
e.g.
[ domain: ]
[h3:外部リンク]
extlink
<a href="#1" class="ext-link" target="_blank">#2</a>
e.g.
[ extlink:http://example.com Example ]
Demo
[extlink:http://example.com Example]
[h3:掲示板センターブロックを表示]
forumcenterblock
PHPで置換にチェック
return CUSTOM_centerblock_forum ($p1);
※custom_centerblock_forum.php を設置してください。
ダウンロード:
[extlink:https://github.com/ivywe/geeklog-ivywe/ GitHub]
ファイル:/private/system/custom/custom_centerblock_forum.php
/private/system/lib-custom.php
[h3:h2タグ]
h2
<h2 class="uk-h2">#0</h2>
e.g.
[ h2:h2タグ]
Demo
[h2:h2タグ]
[h3:h3タグ]
h3
<h3 class="uk-h3">#0</h3>
[h3:h4タグ]
h4
<h4 class="uk-h4">#0</h4>
[h3:pdf]
pdfをページに展開表示
<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>
/vendor/jquery-gdocsviewer/に、[extlink:https://github.com/ivywe/geeklog-ivywe/ GitHub]の/vendor/jquery-gdocsviewer/以下をアップロード。
footer.thtmlに以下を追加
必ずjQuery本体をロードした後に挿入してください。
<!-- 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>
[h3:テキストの右寄せ]
right
<div class="uk-text-right">#0</div>
[h3:話題へのリンク]
topic
PHPで置換にチェック
コンテンツは空白。