AFFINGER   ※当サイトのコンテンツには広告が含まれる場合があります。

すごいもくじで特定の項目を非表示にする方法

2022-12-29 yume-tada

non-indicating-way-with-sugoimokuji

すごいもくじで、特定の項目だけ表示させたくないときの方法が知りたい。

findout
お調べさん
ゆめただのり
ゆめただ

そんなお悩みを解決します!

「すごいもくじ」は、AFFINGER6の目次自動生成・アクセスカウント機能付きプラグイン。

カスタマイズ性が高く、ゆめただも愛用しています。

本記事では、目次に表示させたくない項目の設定方法をまとめています。

本記事を読んでわかるコト

すごいもくじで目次に特定の項目を非表示にする方法

この記事を書いた人【ゆめただ】

この記事を書いた人
track?id=8172&type=classic&u=8716de94 4d3a 4f6f 8859 f25962b2687c

こんなときに非表示にしたい

AFFINGERの公式サイトでも使用されている、

ダウンロード用のプラグイン「WordPRess Download Manager」。

このプラグインは、ダウンロードリンクを設定だけで生成してくれます。

一度生成したダウンロードリンクは、ショートコードで呼び出せるので、

記事にカンタンに呼び出して使うことができます

WordPress Download Manager

ただ1つ、AFFINGERのすごいもくじと併用する場合、難点があります。

プラグインで生成されたダウンロードリンクのタイトル表示部分で、

例では、「test download」というテキストが、h3タグとして生成されます。

DMG
ダウンロードリンク例
html_source
h3タグでタイトル設定される

すごいもくじでh3まで表示するように設定していると、

このダウンロードリンクまで目次に表示されてしまいます

MOKUJI_before
ダウンロードリンクが目次に表示される例

ダウンロードリンクは、目次として表示したくないです。

このように、特定の項目だけ非表示にしたい場合があります。

すごいもくじは、特定の項目を非表示できます

特定の項目だけ非表示にする方法

ではさっそく、非表示にする方法です。

管理画面から「目次」を選択する

管理画面

【目次】

 管理画面の「目次」をクリックします。

MENU_MOKUJI

見出し対象外のclassを設定する

すごいもくじの設定画面が表示されます。

「見出しレベル」の一番下に、非表示にしたい要素のclass名が指定できます。

見出し対象外の要素」で、非表示にしたいクラス名を指定します。

開発ツール等でhtmlコードを確認して、class名を調べます

html_source
class名 調査例

ダウンロードリンクのclass名は「packege-title」なので、これを指定します。

no_disp_setting

「変更を保存」をクリックします。

変更を保存
変更を保存ボタン

注意

 class名を指定する場合は、先頭に"."ピリオドを付けます。

 例: .package-title

目次の内容を確認する

目次を再表示します。

ダウンロードリンクが表示されていないこと確認します。

MOKUJI_after
ダウンロードリンクが非表示になっている
Blog post
ゆめただのり
ゆめただ

あたなも目次を読みやすく、

ユーザーが読みたい内容にカスタマイズして、

他のブログと差別化しましょう!

-AFFINGER