Tuesday, October 19 2021 @ 06:02 PM JST

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

  • Tuesday, October 13 2015 @ 09:44 AM JST
  • 投稿者:
  • 表示回数 2,698
Geeklog

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