![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
こんにちは投資するペンギンです
このブログは、ワードプレスの有料テーマ【SWELL】を使っています。
ブロックエディタに完全対応したテーマ!
でも使いづらいと評判のブロックエディタ、クラシックエディタに切り替えている人も多いそう(涙
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3893.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3893.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3893.png)
ブロックエディタめっちゃ使いやすいんだよ〜
- ブロックエディタに挫折してクラシックエディタに戻した
- クラシックエディタが2021年末でサービス終了に怯えている
- ブロックエディタ使ってみたいけど使い方がわからーん!
ブロックエディタを広めるの会始動!←いま作った
みんなだいすきクラシックエディタ
![](https://toushi-penguin.com/wp-content/uploads/2020/11/08B43820-BDD7-4676-8FA1-FEBC0BD195EF-1024x606.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/08B43820-BDD7-4676-8FA1-FEBC0BD195EF-1024x606.jpeg)
ぱっと見でわかりやすいですよね。
Wordみたいな雰囲気もあり、はじめての人でもそれっぽい記事が書けそうです。
これが2021年末に終了しちゃうなんて困る!?
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3891.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3891.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3891.png)
だいじょうぶです!わたしたちにはブロックエディタがある!
新進気鋭!ブロックエディタの使いかた
![](https://toushi-penguin.com/wp-content/uploads/2020/11/82E67059-67F8-4F82-A742-6B0D5E3DB0CF-1024x400.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/82E67059-67F8-4F82-A742-6B0D5E3DB0CF-1024x400.jpeg)
クラシックエディタに慣れている人には、不安になるくらい白い画面です。
どこをどうすればいいの??
見えないブロックを感じろ!
ブロックエディタは名前のごとく、ブロックを組みあわせていくイメージです
![](https://toushi-penguin.com/wp-content/uploads/2020/11/706EBB49-6D69-4884-9AE2-177E82182F7A-1024x768.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/706EBB49-6D69-4884-9AE2-177E82182F7A-1024x768.jpeg)
いろいろな種類のブロックを組みあわせています。
青い枠線は実際は表示されないものなので、感じてください笑
では実際にどうやってブロックを組んでいくのでしょうか?
ブロックの組みかた・段落
まずは一番よく使うであろう、段落のブロックを組みたててみます。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
これは記事の文章の部分だね
[➕]がブロックを追加できるマークです。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/F0FF3EFB-CA92-4E7D-9AAB-C11622395C5E-1024x332.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/F0FF3EFB-CA92-4E7D-9AAB-C11622395C5E-1024x332.jpeg)
ブロックの種類を選ぶメニューがでてくるので、ここでは段落を選びます。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/E68D85D8-51FA-4AC6-9094-290A83ABA820-1024x598.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/E68D85D8-51FA-4AC6-9094-290A83ABA820-1024x598.jpeg)
青い枠は実際は表示されません。
感じてください!
文章が入力できます。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/EB808E41-9F2A-4839-AC47-3983345C2A22-1024x325.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/EB808E41-9F2A-4839-AC47-3983345C2A22-1024x325.jpeg)
さらに赤丸の部分で文章の装飾ができます。
太字にしたり、マーカー線を引いたりですね。
段落ブロック→記事の本文部分
ブロックの組みかた・見出し
続いて、見出しのブロックを組み立ててみましょう!
ブロックを組み立てるときはまず[➕]
それからブロックの種類を選びます。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/18523D73-15E1-4FB6-9629-1A43818F8D4C-1024x599.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/18523D73-15E1-4FB6-9629-1A43818F8D4C-1024x599.jpeg)
H2のところは必要に応じてH3、H4と変えてください。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/29C415E5-BAA9-4903-8063-431F9064EADB-1024x454.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/29C415E5-BAA9-4903-8063-431F9064EADB-1024x454.jpeg)
見出しも簡単に設置できました。
本文と見出しの書き方だけ最低覚えて、あとはブロックの種類をいろいろいじってもらえればOK!
デザイン変更のしかた
➕をクリックして画像ブロックを選びます。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
画像もかんたんに貼れるよ
さて、画像にちょっと手を加えてみましょう!
右上の歯車マーク?をクリックすると、文書、ブロックと選べるようになっているので
今回はブロックを選びます。
(文書はブログの記事全体の設定ができます。アイキャッチ画像とかパーマリンクとかですね)
↓の赤で囲んだように、画像のデザインをいろいろ選べるようになっています。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/9F83EA55-3388-4931-BBDE-FA4BF7C38E52-1024x815.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/9F83EA55-3388-4931-BBDE-FA4BF7C38E52-1024x815.jpeg)
こんな加工がサクッとできるのもブロックエディタのいいところ!
ほかの種類のブロックも、見た目を変えたいときは右上の歯車マークからデザインを選べるようになってます。
ブロックの種類
ブロックの種類を選ぶところは、下にずーっとスクロールできるようになっててめっちゃたくさんのブロックが用意されているんです。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/E64A450D-AE25-4E80-B576-133FF48F6425.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/E64A450D-AE25-4E80-B576-133FF48F6425.jpeg)
↑段落・見出し・リスト・引用・テーブルあたりはよく使いますよね。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/D0B15E9A-2975-4DF8-BDEE-37895AB915F4.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/D0B15E9A-2975-4DF8-BDEE-37895AB915F4.jpeg)
↑画像・動画もここから貼れます。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/2ECD5593-F4FF-4EA0-B8FC-EE0938232249.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/2ECD5593-F4FF-4EA0-B8FC-EE0938232249.jpeg)
↑ボタン・カラム・区切りも簡単。グループは使える子。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/91F7A5C9-0DDC-4279-9601-AD00D8FFD21A-539x1024.jpeg)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/91F7A5C9-0DDC-4279-9601-AD00D8FFD21A-539x1024.jpeg)
↑注目したいのはここ!SWELLブロックのゾーンです。
ブロックエディタをより使いやすくしてくれてます。
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3892.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3892.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3892.png)
関連記事・ふきだし・キャプション付きブロック・ステップ…どれも使いたい機能が使いやすくなってるねぇ
SWELLで快適なブログライフを。
載せきれないけどブロックの種類はまだまだあります笑
どのアイコンがどんな機能なのかは実際に触ってみるのが一番。
種類が多すぎてわたしも全部は触れていない…
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
でも便利な機能が感覚的に選べて設置できるのは間違いない!
それぞれデザインもたくさん用意されているので、ブログ初心者であってもいい感じの出来に仕上げることができますよ!
ぜひSWELLのさらに使いやすくなったブロックエディタを体感してみてください~
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
![](https://toushi-penguin.com/wp-content/uploads/2020/11/img_3890.png)
お読みいただきありがとうございました!