Ivy SOHO.net

自動タグプラグイン(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で置換にチェック
コンテンツは空白。