目次の設定をし、投稿記事作成を始めました。今日は投稿記事は途中です。エディタの使い方を調べながら、ゆっくり進めて行きます。今日の作業時間は2時間です。
目次の設定
WordPress管理画面 → Cocoon設定 → Cocoon設定 をクリックする。
![Wordpress管理画面→Cocoon設定→Cocoon設定](https://fragrantorange.com/wp-content/uploads/2023/03/wordpresscocoonmenu1.jpg)
目次 タブをクリックする。
![Cocoon設定→目次タブ](https://fragrantorange.com/wp-content/uploads/2023/03/wordpresscocoonmenu2.jpg)
目次表示の深さ を H3の見出しまで に変更する。「変更をまとめて保存」をクリックする。
![目次表示の深さの変更、変更をまとめて保存](https://fragrantorange.com/wp-content/uploads/2023/03/wordpresscocoonmenu3.jpg)
投稿記事の作成
WordPress管理画面 → 投稿 → 新規追加 をクリックする。
![Wordpress管理画面→投稿→新規追加](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle1.jpg)
パーマリンク設定
パーマリンクはWebサイトのページごとに設定されるURLの一部のことです。記事のURLの末尾の日本語をアルファベットに変更します。日本語を使うとエラーが起こりやすいようです。
下書き保存をすると変更できるようになります。
タイトルを追加 にタイトルを入力する。
![タイトルを追加](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle2-1.jpg)
「下書き保存」をクリックする。
![下書きを保存](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle3.jpg)
画面右のURL をクリックする。
![URLを選択](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle4.jpg)
開いたウィンドウでURLの日本語をアルファベットに変更する。「閉じる」をクリックする。
![開いたウィンドウでURLの日本語をアルファベットに変更](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle6.jpg)
URLが変更されたことを確認する。
![URLが変更されたことを確認](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle7.jpg)
見出しの追加
ブロックを追加 をクリックする。
![ブロックを追加](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle8.jpg)
開いたウィンドウで見出しをクリックする。
![ブロック追加(見出し)](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle9.jpg)
見出しを入力する。見出しの大きさは、上に出てきたツールバーで変更できる。
![見出しの大きさを変更](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle10.jpg)
リストの追加
ブロックを追加 をクリックする。
![ブロックを追加](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle11.jpg)
開いたウィンドウで リスト をクリックする。
![リストをクリック](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle12.jpg)
内容を入力する。箇条書きができる。
![リスト入力](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle16.jpg)
画面右上の 下書き保存 をクリックする。
![下書き保存](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle14-1.jpg)
プレビューを見てみます。
画面右上 プレビュー → 新しいタブでプレビュー をクリックする。
![新しいタブでプレビュー](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle15.jpg)
ブログ画面だとこのように表示されます。
![ブログ画面](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle17.jpg)
目次の表示
見出しが2つ以上になると目次が表示されます。
ブロックを追加 をクリックする。
![ブロックを追加](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle18.jpg)
開いたウィンドウで 見出し をクリックする。
![見出しをクリック](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle19.jpg)
見出しの大きさをH3に変更する。
![見出し 文字サイズの変更](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle20.jpg)
見出しを入力する。下書き保存して、プレビューをクリックする。
![見出し入力、下書き保存、プレビュー](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle21-3.jpg)
目次が作成されています。
![ブログ画面 目次つき](https://fragrantorange.com/wp-content/uploads/2023/03/wordpressaarticle23.jpg)
7日目のまとめ
ブロックエディタの使い方が少しわかってきました。今日の作業時間は2時間でした。
明日も記事作成の続きです。画像を追加します。
コメント