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