\クリックで応援!/

AFFINGER WordPress

WordPressブロックエディタ(Gutenberg)の使い方

よあけウェブ

WEBマスター歴20年以上/元WEBデザイナー(出版社のHPなど)
ブログ収入1000万円突破、メルマガ読者1200人超え
資格:ネットショップ実務士レベル1/基礎心理カウンセラー
趣味:ブログ・音楽・筋トレなど

WordPressは2018年のアップデートで標準エディタがブロックエディタ(Gutenberg)になりました。

ふなさん

クラシックエディタを使っていた人は、はじめは戸惑うことが多いかもしれません。

でも、慣れてしまえばブロックエディタの方が記事執筆の快適さを感じることができるはずです。

1日集中してブロックエディタに慣れてみましょう。

ブロックエディタの特徴

  • WordPress記事が感覚的にサクサク書ける
  • 装飾・カスタムの選択がみやすくなった
  • ブロック(文章)の入れ替えがワンタッチでできる

WordPressブロックエディタ(Gutenberg)の使い方紹介動画

ブロックエディタの使い方を動画で紹介しました。

ブロックエディタ(Gutenberg)とは?

ブロックエディタ(Gutenberg)は、WordPress 5.0以降で標準実装されている記事執筆エディタです。

ブロックエディタの特徴は、記事をブロックで構成するところです。

クラシックエディタとブロックエディタの編集画面の違い

クラシックエディタの場合、記事を「ビジュアル(見た目)」か「テキスト(HTMLコード)」で書く、2通りがありました。

ブロックエディタの場合、むずかしいHTML言語やスタイルシート (CSS)を理解していなくても、感覚的に記事を装飾できるのが特徴です。

クラシックエディタにすっかり慣れてしまった人は、ブロックエディタでの記事執筆に戸惑う人も多いようです。

でも、どこに何があるかがわかれば記事執筆の快適さは、ブロックエディタの方が断然上です。

ブログ記事自体も非常に観やすく仕上がるので、書き方をぜひマスターしましょう。

クラシックエディタのサポートが2021年12月には終了してしまうので、それまでにブロックエディタに慣れておく必要があります。

ブロックエディタの使い方(基本)

ブロックエディタは大きく5つの箇所に別れています

ブロックエディタの構成

  • ツール
  • (左)ブロック選択
  • 保存・公開・各種設定
  • 記事編集部分
  • (右)ブロックカスタム・投稿設定
  • エディタツールバー

ブロックエディタで使いこなすのは主にこの6つです。

ブロックエディタ(Gutenberg)を使った書き方・文章構造

ブログ記事は、大きく分けると以下の6つの構成要素から成り立っています。

順番は、見出しから始まっていれば中は前後してもOKです。

最後に関連記事へのリンクを配置するか、アフィリエイトリンクを配置するなどが考えられます。

特徴

  • 見出し
  • 画像(画像・動画・SNS埋め込み等)
  • 会話文 or リード(導入部分)
  • リスト(メリットやブレットを示すときに使う)
  • 本文(テキスト)
  • リンク(カード)
ふなさん

ブログ1記事で、だいたいこのパターンの構成の文章を4つぐらい書いてまとめています。

自分がよく使うブロックのパターンも決まってくると思います。

Cocoon(コクーン)のブロックエディタ編集画面

Cocoonのブロックエディタの編集画面です。

Cocoon独自のブロックも用意されています。

Cocoonのツールバー

Cocoon独自のパターンもあります。

AFFINGER6(アフィンガー6)のブロックエディタ編集画面

AFFINGERのブロックエディタの方がシンプルで使いやすいです。

装飾・ブロックのバリエーションも豊富です。

Gutenbergには「再利用ブロック追加」機能があり、アフィンガーには「マイブロック(パターン)」機能があります。

どちらも使いこなすと記事を書くのがが速くなり、レギュレーションの取れたきれいな読みやすい記事執筆ができるようになります。

AFFINGER(アフィンガー)のブロック

見出しテキスト

バナー風ボックス

メモ

見出しテキスト

見出し付きフリーボックス

ポイント

マイボックス

いちろー

会話吹き出し

ボタン

affinger6 ACTION
AFFINGER6 レビュー!WordPressテーマ ACTION(AFFINGER6 / STINGER PRO3)

続きを見る

ブロックエディタの「再利用ブロック追加」が便利

WordPress Gutenbergには、「再利用ブロック追加」機能が装備されており、あなたがよく使う記事構成(ブロック構成)を保存して、何度も呼び出して使うことができます。

再利用ブロック利用例

  • よく書く文章構成
  • よく使うブロック構成
  • よく使うアフィリエイトリンク(商品ごと)
  • アドセンス広告コード

これらのマイブロックをさくさく記事に挿入できるので、記事執筆が速くできます。

まとめ

ブロックエディタを使いこなすには、ブロックエディタで書き慣れることが大事です。

実際に使ってみれば、使いやすさに気がつくはずです。

覚えてしまえばサクサク記事が書けること間違いなしです。

この記事を参考にブロクエディタを使いこなしてくれたら嬉しいです。

アフィリエイトブログの作り方【初心者でも3万円稼げる裏技あり】

続きを見る

ブログを読んだらクリックでお知らせしてくれると飛んでよろびますヽ(´▽`)/

LINE登録でプレゼント

初心者にとってはじめの1万円を稼ぐハードルが高いのです

ブログではじめの1万円を稼ぐ方法

 

\迷わずにはじめの一歩を踏み出すブログ入門/

・ブログの始め方

・ブログの固定ファンを増やす方法

・【特別掲載】AdSense審査に合格する方法

友だち追加

おしらせ

ネットはやっぱり面白い: 20年ほどネットで稼いでいる変な人の思考 (YOAKE Web) Kindleを出版しました。 『ネットはやっぱり面白い』 令和、新型コロナ、外出自粛・・・ どんどん時代が変わる中、1999年から20年ほどネットで稼ぎ続けている変な人が書いた本。 とにかく現代では最低限生きていくために必要なことのひとつとして、求められていることは「自宅に居ながらにして収入を得る」ということではないだろうか? Amazonで購入

にほんブログ村 ブログブログ ブログノウハウへ

\記事が役に立ったと思ったらシェアや感想をお願いします/

  • この記事を書いた人
  • 最新記事

よあけウェブ

WEBマスター歴20年以上/元WEBデザイナー(出版社のHPなど)
ブログ収入1000万円突破、メルマガ読者1200人超え
資格:ネットショップ実務士レベル1/基礎心理カウンセラー
趣味:ブログ・音楽・筋トレなど

-AFFINGER, WordPress