見出し画像

WEEK2 DAY⑤ ブログ記事を装飾する

~WORDPRESS~
⇒本文の入力に使用される際に2つ「ビジュアルエディタ」と「テキストエディタ」がある。

①ビジュアルエディタ
新しい記事の作成画面で、画面中央に表示されているのが
本文を入力する時に使用するエディタ。
 使用する場合は、次のように画面上部に書式を設定するためのツールバー、
その下に本文を入力するためのテキストエディタが表示される
 いわゆるWYSIWYGエディタと呼ばれるもので、
本文に設定した書式がそのままエディタ上で反映される。
※実際に公開される近い画面で表示される為、初心者は、イメージしやすいが、
微調整しにくい。
※長くブログを運営していくのであれば、初めからテキストエディタで慣れていくのが
オススメ

②テキストエディタ
HTMLの記述を使って文字装飾などをしていく投稿方法

画面上部にHTMLのタグを設定するためのツールバー、
その下に本文を入力するためのテキストエディタが表示される。
⇒書式は、HTMLのタグを直接記載するかツールバー上のぼたんを
クリックしてタグを入力する

まとめ
「ビジュアルエディタ」と「テキストエディタ」を切り替えて使用する。
編集しているデータは、同じなので最初に「ビジュアルエディタ」を
切り替えて作成し始めて、途中でテキストエディタに切り替え、
細かい修正をする流れが基本。

ビジュアルエディタの投稿
①見出しの下に画像挿入
⇒見出しや本文にあった画像を挿入すると読者がイメージしやすい。
②太文字の活用法
⇒強調したい個所は、太文字を使う。
より強い協調タグとして使用し、SEO的にも
キーワードとして重視される。
③吹き出しを入れる
「word Ballon」
⇒ただ吹き出しを作成できるだけでなく、デザインを自由に選択できたり
カラーやアニメーションを吹き出しに付けることが可能