Geeklogで初期設定しておきたい自動タグプラグインの便利な使い方

Geeklog
投稿者: 表示回数1,867

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