賢威

賢威7で目次を好きな位置(最初の見出しの前)に設定する方法は超簡単!

賢威7でWordPressに目次を設定する方法が超簡単!プラグイン不要!で紹介した通り、賢威7の機能で目次を設定する方法は拍子抜けするほど簡単です。

でも1つだけ難点があって、デフォルトのままでは目次を好きな位置に表示させることができないんですよね。

そこでこちらの記事では【目次を(最初の見出しの直前など)任意の位置に表示させる方法】を紹介します!

私は現在は賢威ではなくJINを使っています。

賢威7のデフォルトの目次は位置が微妙!

賢威7の機能で目次を設定した場合、デフォルトのままだと…

賢威7で目次の位置を自由に好きな位置に変更する方法

こんな感じ↑で

  1. 記事タイトル
  2. リンクユニット広告(アドセンス審査通過済の場合)
  3. アイキャッチ画像
  4. 目次
  5. 冒頭文(リード文)
  6. 1つ目の見出し

という順番になっており、冒頭文(リード文)より前に目次が来ていて何だか落ち着きません(>_<)

 

理想的な配置は…

賢威7で目次の位置を自由に好きな位置に変更する方法こんな感じ↑の

  1. 記事タイトル
  2. リンクユニット広告(アドセンス審査通過済の場合)
  3. アイキャッチ画像
  4. 冒頭文(リード文)
  5. 目次
  6. 1つ目の見出し

という順番ではないでしょうか。

 

この位置に目次を表示させる方法を解説していきます!

賢威7で目次を好きな位置(最初の見出しの前)に設定する方法を画像で解説!

このコード↓

<div id=”keni_toc”> </div>

このコード↑をコピー。

 

コピーのしかた
Windows:Ctrlキーを押しながらC
Mac:commandキーを押しながらC

Mikipedia時短ワザ
コピーやペーストなどは『右クリック→プルダウンメニューから選ぶ』よりもキーボードで操作したほうが、少しずつの積み重ねで時短になります。

 

賢威7で目次を好きな位置に表示させる方法

テキストタブをクリック

 

先ほどコピーしたコードを好きな位置にペースト。

ペーストのしかた
Windows:Ctrlキーを押しながらV
Mac:commandキーを押しながらV

 

たったこれだけなのですが、好きな位置と言われても見慣れないテキストモードではどこへ入れたら良いかがパッと探しにくいと思います。

 

そこで私が取っているオススメの方法を紹介いたします!

「好きな位置」といってもテキストモードだとごちゃごちゃして分かりにくい!

当記事では、目次を1つ目の見出しの直前に入れるという前提で解説していきますね。

 

まずいつも通り冒頭文を書きます。

(普通にビジュアルモードで書いてOKです)

賢威7で目次の位置を自由に好きな位置に変更する方法

次に、目印にするために例えば「あああ」と入力

 

目印にするための語句なのでどんな文字でも構いません。
当記事では「あああ」で解説しますが「いいい」でも「ううう」でもOKです。

「ああ」とか「いい」でも悪くはないのですが…

「あぁ、そうですか」とか「いい感じ」といった文が記事内にある場合に検索結果として上がってしまうので、「あああ」のように3文字ぐらいにするのがオススメです。

 

このコード↓

<div id=”keni_toc”> </div>

このコード↑をコピー

テキスト」タブをクリック

賢威7で目次を好きな位置に表示させる方法

先ほど目印として入力したあああという文字列を検索

 

 

するとこんな感じ↓で…

賢威7で目次の位置を自由に好きな位置に変更する方法

オレンジ色にあああと網掛けされるので分かりやすいですね。

 

賢威7で目次の位置を自由に好きな位置に変更する方法

<p>あああ</p>をドラッグして選択しておく

<p>から</p>まで含めて

<p>あああ</p>

全体をドラッグしてください。

先ほどコピーしたコードをペースト

Mikipedia時短ワザ
<p>あああ</p>をドラッグした後に、バックスペースやDeleteキーを押す必要はありません。
もちろん押しても構わないのですが、キー操作が1つ減ることで時短に繋がります。

これはWordPressだけでなくExcelやWordやiPhoneなどでも応用できますので、ぜひ実践してみてくださいね。

 

「ビジュアル」タブをクリック

賢威7で目次を好きな位置に表示させる方法

初めの見出しの上に先ほどまで無かったスペースが空いていればOKです。

 

プレビューして確認してみると、きちんと初めの見出しの上に目次が表示されているはずです。

表示されていない場合…

<div id=”keni_toc”>

</div>

の間のスペースを消してみてください。

 

なぜか分かりませんが、バージョンによって?

<div id=”keni_toc”> </div>

<div id=”keni_toc”></div>

が混在しているようなんです。

 

しかも私が運営している複数のサイトでは、スペースありで入力しても勝手にスペースが消えるという現象も起きています。

かと言って別のサイトにスペース無しで入れると目次の位置が変わらなかったりして、全く法則性がつかめません。

スペース有り・無しを両方試してみてください。

 

また、

<div id=””keni_toc””> </div>

というように、勝手に

“ ←ダブルクォーテーションが2つに増えてしまうという声も寄せられています。

その場合は1つを削除してみてください。

さらなる時短ワザを紹介!

このコード↓

<div id=”keni_toc”> </div>

このコード↑

を、お使いのパソコンに単語登録してしまうと更に時短できちゃいます。

 

登録する読みは、例えば「もく」等が適していると思います。
「もくじ」でも悪くないですが、ちょっと長いのであまり時短向きではないかもしれません。

単語登録の方法はパソコンや文字入力システムの環境によって違うかもしれませんが、参考までに私のパソコンの登録方法を紹介しますと…

ツールバーののところをクリックし、

単語登録

  単語登録 をクリックし、
単語のところに<div id=”keni_toc”> </div>と入力
よみのところにもくと入力
すると単語登録ができます。

 

実際に使う時は『もく』と入力すると、変換候補に

<div id=”keni_toc”> </div>





のような感じで上がってきます。

 

単語登録は便利な機能なので、オススメです!

過去の投稿を自動で直す方法は?

残念ながら過去記事の目次の場所を自動で直したり一括で直す方法は無いようです。

リライトするタイミングなどでコツコツ直していくしかありませんね。

さいごに 

今日は、賢威7で目次を好きな位置(見出し1の直前)に設定する方法を紹介しました。

 

  1. 場所の目印のためにビジュアルモードで「あああ」等と入力
  2. テキストモードにし、目印の位置に<div id=”keni_toc”> </div>を入力
  3. バックスペースやDeleteキーは押さずにいきなりペーストすると時短
  4. 更なる時短のため、パソコンに<div id=”keni_toc”> </div>を辞書登録

ぜひ時短ワザも使いながら、好きな位置に目次を表示させてみてくださいね!

【WordPressを断捨離して軽く!】賢威7があれば設定不要なプラグイン7選!ワードプレスでブログで賢威7のテーマ(テンプレート)を使っていればインストールしなくて済むプラグイン7つを紹介!断捨離しましょう。...


■メルマガはメール内のリンクよりいつでも配信解除することができます。
■個人情報は厳重に管理し、プライバシーを遵守いたします。



COMMENT

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