図のようなシンプルな画面です。投稿画面の未入力の画面は上の図のような表示です。「タイトルを追加」とあるところにタイトルを入力してみます入力すると、画面右上に「下書きとして保存」と「プレビュー」「公開」ボタンが表示されます。サイドにも「ゴミ箱に移動」が表示されます。続けて記事を入力してみます。記事(テキスト入力)には「段落ブロック」というのを使います。段落ブロックはブロックメニュー(画面左上の+ボタン)から追加できますが、画面上に文章を入力するだけでも、自動的に段落ブロックとして扱われます。※ブロックメニューについては後述を参照してください。ブロックメニューをクリックして「段落」をクリックします。タイトルの下の「文章を入力、または~」のところをクリックします。横にアイコンが表示されますね。これは、簡単に画像や見出しを入れられるアイコンです。(今は使いません)クリックしたところにカーソルが点滅するので文章を入力します。入力した文章を確定するとすぐ上に編集用のアイコンが表示されます。右サイドの表示も変わります。「文書」だったのが「ブロック」になっていますね。その下は「テキスト設定」で文字サイズなどが変更できます。秋にゃん編集アイコンはマウスをアイコンに合わせるとなんのアイコンか、というのが表示されます。編集アイコンの説明もしておきますね。編集アイコン★編集アイコンは文字を範囲指定(ドラッグして反転させます)してからクリックします。入力したら編集アイコンを使って編集できます。次の行に移動して続きを入力します。Enterキーを押すと別のブロックとして扱われます。例の図では、文字サイズを大きめにしてみました。改行しないでその下の行でクリックしても続きは書けます。入力した文章に見出しをつけてみます。見出しはH2・H3・H4と複数用意されています。見出しは本でいえば章のようなものです。通常、投稿のタイトルに見出し1が使われていると思いますので、記事本文では見出しはH2以下を使います。見出しは、記事や文章の書き始めに簡潔に内容をまとめた題のようなものを指します。H1が本のタイトルとして、H2は第1章・第2章などの章題。H3は第1章の第1節のようになります。秋にゃんタイトルの下に章(H2)があり、その中に節(H3)があるという具合に階層になっているんですね。使い方としては、適当に入れるのではなく、h2を使ったら次のh2の間にはいるのはH3という具合に使う順番があります。見出しを入れてみます。始めの文章の前に見出しH3をいれます。見出しを入れたいところにマウスを合わせると中央に「+」(ブロックの追加)マークが表示されます。「+」マークをクリックして、表示されるブロックメニューの「見出し」をクリックします。クリックしたところに見出しの入力エリアが表示されます。見出しにする文をいれます。始めて入れたのでH2の見出しになっています。見出し3」をクリックして変更します。例の挨拶の前の「初めてのブログです。」を消して、H2の見出しにします。H2にする文章をクリックします。編集アイコンの一番左(ブロックタイプまたはスタイルを変更)をクリックします。ブロックメニューが表示されるので「見出し」をクリックします。H2の見出しに変わりました。画像を挿入してみます。投稿画面の左上の+ボタンを押して、メニューの中の「画像」をクリツクします。「アップロード」「メディアライブラリ」「URLから挿入」のいずれかの方法で画像を選びます。「アップロード」は自分のパソコンに保存されている画像を挿入できます。「メディアライブラリ」は既にワードプレスのメディアライブラリに保存してある画像から選ぶことができます。「URLから挿入」は画像のある場所のURLを入力して挿入できます。今回は、アップロードしてみます。「アップロード」をクリックすると「開く」ウィンドウが表示されます。画像を保存してある場所を開いて画像を選び「開く」をクリックします。選んだ画像が投稿画面に挿入されます。サイドに「画像設定」があります。サイズを変更するにはここでできます。代替えテキスト(画像が非表示の時にこのテキストが表示される)もここで入力します。画像にある青い●をドラッグすることでも大きさを変えられます。画像の上にあるアイコンで位置も変えられます。5.下書きで保存とりあえずここまでのものを保存してみます。保存には「下書き」と「公開」があります。下書き保存は公開していないでページを保存できます。画面の右上にある「下書きとして保存する」をクリックします。公開は記事の公開です。ページが公開されて一般の人も閲覧できるようになります。「公開する」ボタンを押すと図のようなメッセージがでます。「公開状態」の「v」をクリックすると公開状態を選べます。ページが完成して公開しても良い場合は、右上の「公開」ボタンを押します。★便利な機能として「下書きに戻す」というのがあります。一度ページを公開してから再度下書きに戻したい場合は「下書きへ切り替え」ボタンを押します。公開したくなかったのにあやまって公開を押しちゃったことあるから、下書きに戻せるなんてこれは便利。出来上がったものを右上の「プレビュー」で確認できます。基本操作はこんな感じです(^^)慣れてきたらいろいろな機能も使ってみましょう。その他の機能についてもみていきますね。その前に「ブロックメニュー」について簡単に説明します。・ウィジェット・埋め込みなどのグループがあります。・よく使うものここは、よく使う見出しやリスト、画像などの使うことが多いブロックの集まりです。過去に利用したブロックがここに表示されます。文章の入力の時に選択します。見出しを挿入するブロックです。箇条書き文を書きたい時に使用するブロックです。画像を挿入する時使用するブロックです。引用文を挿入するブロックです。背景に画像のあるテキストが入力できるブロックです。横並びに画像を挿入できるブロックです。音声ファイルをアップロードできるブロックです。PDFファイルなどをアップロードする祭に使用するブロックです。動画ファイルをアップロードする時のブロックです。HTMLで記述したいときに挿入するブロックです。ソースコードを利用したいときに挿入するブロックです。表の挿入の時に使用するブロックです。従来のエディター(旧エディタ)を利用したい時に挿入するブロック。整形済みテキスト(preタグ)を利用したいときに挿入するブロックです。引用に装飾をしたブロックです。ボタンの入力の時に使用するブロックです。横並びのブロックを利用するときに使います。2列の横並びで左側を画像、右側を文章にしたい場合に利用するブロックです。「続きを読む」の表示にしたい時のブロックです。改ページにする際に利用するブロックです。区切り線を挿入するブロックです。縦の余白を作りたい時のブロックです。任意のショートコードを入力したい時に利用するブロックです。日付別アーカイブを入力したい時に利用するブロックです。カレンダーを挿入したい時のブロックです。投稿のカテゴリーを挿入する時に利用するブロックです。最新のコメントを挿入したい時に利用するブロックです。最新の投稿記事を挿入したい時に利用するブロックです。RSSフィードを挿入したい時に利用するブロックです。検索ボックスを挿入したい時に利用するブロックです。埋め込みの挿入をする時のブロックです。Twitterの埋め込みをする時に利用するブロックです。Youtubeの埋め込みをする時のブロックです。Facebookの埋め込みをする時のブロックです。Instagramの埋め込みをする際のブロックです。WordPressの埋め込みをする時のブロックです。書いてある記事の複製や既存ブロックの間に新たにブロックを挿入したり、ブロックを移動したり、削除することができます。ブロックの詳細メニューに複製・挿入・削除の項目があります。複製したいブロックをクリックしたらブロックの詳細メニューをクリックします。複製をクリックすると、選んだブロックのすぐ下に複製ができます。今複製したブロックを削除してみます。削除したいブロックを選択して、ブロックの詳細メニューから「ブロックを削除」をクリツクします。・既存のブロックの間に挿入するすでに作成したブロックとブロックの境目で詳細メニューから「前に挿入」か「後ろに挿入」をクリックします。指定したところに新しいブロックを挿入することができます。・既存のブロックを移動する移動するブロックの左側の矢印でブロックの順番を変更することができます。ドラッグで複数のブロックを選択した状態で矢印をクリックすると、複数のブロックをまとめて移動することもできます。箇条書きの文章を書きたい時は、ブロックの追加から「リスト」アイコンを選択します。ブロックの先頭に「・」が表示され、その後に文章入力ができます。リストを記号ではなく番号にしたい時は、編集アイコンの「番号付きリストに変換」をクリックします。変更したいブロックを選び(1つでも、まとめてでもOK)「ブロックタイプまたはスタイルを変更」をクリックし、表示されるメニューの中の「リスト」をクリックします。ギャラリーブロックメニューのギャラリーアイコンで複数の画像が挿入できます。画像の挿入と同じで「アップロード」「メディアライブラリ」のいずれかの方法で画像を選びます。「アップロード」は自分のパソコンに保存されている画像を挿入、「メディアライブラリ」は既にワードプレスのメディアライブラリに保存してある画像から選ぶことができます。アップロードで複数の画像を選択してみます。「アップロード」をクリックすると「開く」ウィンドウが表示されます。画像を保存してある場所を開いて画像を選び「開く」をクリックします。ドラッグでも入れられます。選んだ画像が投稿画面に挿入されます。右サイドでカラム数を調整できます。簡単に言えば横並びの数ですね。プレビューで確認してみるとちゃんと横並びで表示されています。レスポンシブ時は自動で画像幅を調整してくれます。文章の背景や文字に色を付けたい時はブロックを選んで右サイドの「色の設定」から色を選びます。ブロック単位で色が変更されるので、文章を分けて設定したい時は、分けたい場所でEnterキーで改行すると別々のブロックになります。※1つのブロックの中の文章を改行するのにEnterキーを押すとブロックが分かれます。ブロックを分けずに改行したい、また空白行をいれたい場合は「Shift」キーを押しながら「Enterキー」を押すとブロックが別別れず改行できます。・文章の一部の色だけ変更するブロックエディタではブロックごとの設定になるので一部の色だけの変更はできないようです。そのブロックだけ、旧クラシックエディタに設定するとできます。+マークをクリックしてブロックメニューを開きます。下にスクロールして「フォーマット」グループから「クラシック」をクリックします。するとブロックにクラシックエディタの画面が表示されます。文章を入力したあとで、色の変更をしたい文字を範囲指定して文字色の▼から色を選びます。これで指定した文字だけが変更されます。このままEnterを押して、続けて文章入力するとそれもクラシックエディタのブロックになります。基本的にブロックエディタを使っているけど、できないことや以前の機能を使いたい時には、このクラシックエディタを使うことで可能になります。続ける文章はブロックエディタを使う場合は「+」マークから「段落」をクリックすると元のブロックエディタの入力ブロックになります。引用ブロックを挿入して、引用文を入れられます。ブロックメニューから「引用」をクリックします。引用ブロックが表示されたら、引用文と引用元を入力します。背景画像のあるテキストが入力できます。画像を選択して(やり方は画像の挿入参照)、挿入されたら右サイドの「オーバーレイ」から色を選びます。画像に半透明のオーバーレイが重なります。画像の上でテキストを入力します。表(テーブル)表を挿入したい時はブロックメニューの「フォーマット」グループを開きます。その中の「表」をクリックすると表作成のブロックが表示されます。作りたい表の列数と行数を入力して「表を作成」ボタンをクリックします。テキストを入力します。ボタン指定したリンク先にジャンプするボタンを挿入できます。ボタンはブロックメニューの「レイアウト要素」グループにあります。テキストとリンク先を入力し、色やスタイルを設定できます。プレビューで見ると図のようになります。ボタンをクリックすると指定したリンク先が開くようになります。カラム横並びのレイアウトが作成できます。ブロックメニューの「レイアウト要素」の中から「カラム」をクリックします。カラムブロックが表示されたら「レイアウトオプションを選択」からカラム数や幅を選びます。2カラム、3/1,3/2(左から2こめ)を選択してみます。ブロックが2つに分かれて並んでいます。それぞれの「+」をクリックしてブロックメニューから挿入するブロックを選びます。それぞれに文章や画像などいれてみます。左は「段落」ブロックでテキスト入力。右は「画像」で画像をとりこみました。アフィリリンクを挿入する投稿にアフィリエイトのリンクをそのまま貼り付けてもだめなのでHTMLに変換します。編集アイコンの「詳細設定」をクリックします。そこにASPから取得したアフィリエイトリンクを貼りつけると図のように表示されます。「HTMLに変換」をクリックします。変換されたものが表示されます。上部の「プレビュー」をクリックするとすぐ確認できますHTMLでランキングバナーもいれてみました。プレビューではこんなふうになりました。秋にゃん基本的なだいたいの機能をご紹介しました。ブロックエディタでは、まだまだ便利な機能もありますが、とりあえずここでご紹介した機能が使えれば記事作成はできると思います。さいごに旧エディタを使ったことがあったり、無料ブログでの投稿に慣れていると、始めはとても使いにくいと感じるかもしれません。私もこの記事を書きながらなんとか少しは使えるようになりました(^^;)なんでも最初は大変です。使っていると慣れてくると思います。秋にゃんです(^^)家に居ながら仕事ができるというので、アフィリエイトに挑戦!紆余曲折いろいろありましたが、気楽にゆる~くアドセンスなんかやってます。そんな経験も書いていきたいと思ってます(^^;)よろしくお願いします。