こんばんは、でんでんです。
ブログを始めて3日目、何とか三日坊主の壁を突破することができました!
次の壁は一週間ですね。
①続ける ②基本的な操作はちゃんと覚える ③楽しむ
をまずはモットーに取り組んでいければと思います!
さて、今日取り組んでみたいのはこちら。
見出しを作る
これは簡単ですね(ググった)。
ブロックの右下「+」表示をクリックして出てくる「見出し」を選べばOK。
![](https://www.dendenstyle.com/wp-content/uploads/2023/02/cbf60bd56047e77b5013cb185a40f52c-1024x337.jpg)
目次を作る
WordPress、見出しを挿入すると自動で目次を作ってくれるみたいです。親切設計…!!!
![](https://www.dendenstyle.com/wp-content/uploads/2023/02/6793b13725450cd8e92017914451b3e1-1024x481.png)
![](https://www.dendenstyle.com/wp-content/uploads/2023/02/273e12cb64a27685665f06f2068439fe-1024x431.png)
プラグインを使って目次を作る方法もあるようで、試してみました。
今回使ったのは、
Table Of Contents Plus
というプラグインです。
ただ、WordPressの目次機能と併用すると、目次が2つ出来てしまうという事態に…。
原因究明はいずれしたいと思いますが、使い方の説明をば。
設定した見出しの数に応じて(今回は3つにしてます)、自動的に目次を作ってくれます。
こちらを今すぐインストールして有効化をします。
![](https://www.dendenstyle.com/wp-content/uploads/2023/02/8e7b9e23e69feccbf3e90da8c8c0df8d.jpg)
![](https://www.dendenstyle.com/wp-content/uploads/2023/02/d8b4bce2261ebbdd1b708b6677ebcbf9-1024x169.jpg)
その後、WordPress管理画面の 設定 → TOC+ → 基本設定 と進みます。
3つ以上(=表示条件;3)の見出し(=postに☑)があるときに目次を作りたい、
目次を「コンテンツ」と表示したい(=見出しテキスト、☑目次の上にタイトル表示;コンテンツ)、
ということで以下のように設定します。
![](https://www.dendenstyle.com/wp-content/uploads/2023/02/aa4998299bda3ebc77c242f32e9b1dd5-1024x456.jpg)
また、目次をクリックしたらその見出しまで自動スクロールさせたいので、
スムーズスクロールを有効化 の ☑アンカーリンクにジャンプではなくスクロールする に
チェックを入れます。
![](https://www.dendenstyle.com/wp-content/uploads/2023/02/1b704e6508c648d5fc38701e85acd7a8-1024x460.jpg)
最後に、プレゼンテーションから好きなデザインを選んで左下の設定を更新。
![](https://www.dendenstyle.com/wp-content/uploads/2023/02/467d67f9622006cb9dfa8fa5baf30de4-1024x421.jpg)
完成!!!
…としたいところですが、冒頭で申し上げた通り、目次が2つ出来てしまいました。
修正方法もいずれ探していきたいところです。。
![](https://www.dendenstyle.com/wp-content/uploads/2023/02/d4a8bf57c41f4095d8f60ffec822adfb-2.png)
記事をリンクしてみる
こちらもブロックを追加から、ブログカードを選択。
![](https://www.dendenstyle.com/wp-content/uploads/2023/02/e111966e576faefce6fcf6a7d4e9b371.jpg)
表示された枠内にURLを入力して…
![](https://www.dendenstyle.com/wp-content/uploads/2023/02/2b9520ae2c77d84abdb5923286493376.png)
完成!!!
![](https://www.dendenstyle.com/wp-content/uploads/2023/02/dbf40872669bf225d22508cd6c9a39ff.png)
よしよし、今日も無事、操作方法を少し学ぶことができました!
(目次2つ問題は解決していないが…)
ひとまず本日もお疲れさまでした。おやすみなさい。
コメント