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

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

2022-12-29 yume-tada

non-indicating-way-with-sugoimokuji

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

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

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

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

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

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

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

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

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

この記事を書いた人

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

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