目次を自動生成するプラグインWordPress jQuery Table of Contents plugin

目次を自動生成するプラグインWordPress jQuery Table of Contents plugin
WordPress jQuery Table of Contents plugin | Ted Carnahan

ピクチャ 19

[1]インストール

管理画面 > プラグイン > 新規追加 からjQuery Table of Contents pluginで検索して
インストール

[2]インストール後設定

インストール後、管理画面 > 設定 >jQuery TOCより

jQuery content selector jqueryの指定セレクタ
Header Tag 目次化するタグの指定
TOC Title タイトル
Put TOC Where? 展開場所

を指定する

投稿記事を編集するときには目次にしたい文字列を、管理画面で指定したHeader Tag
で囲む

例)
 ・jQuery content selector  .single .entry
 ・Header Tag        h2
 ・TOC Title         On this page:
 ・Put TOC Where?      textBody

と設定した場合htmlソースのheadタグ内に以下記述が追加される

<script type='text/javascript'>
/* <![CDATA[ */
var jQueryTOC = {
	source_selector: ".single .entry",
	header_tag: "h2",
	output_title: "On this page:",
	output_id: "textBody"
};
/* ]]>*/
</script>

「目次を自動生成するプラグインWordPress jQuery Table of Contents plugin」への2件のフィードバック

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>