JIN で Gutenberg も使い方が簡単で良いですよ♪

JINは、2020年8月12日にGutenberg+WordPress5.5 へ対応しました。

今までClassicEditorで作成することに慣れている方は、なかなか手を出しづらいですよね。

実際にGutenberg（WP5.5）で記事を作成してみました。

JINとGutenbergで困る人は？

Gutenbergといえば、ブロックエディタ。

クラシックエディタユーザーにとって、いつかは触って慣れておかないといけない。

でも、慣れるまでの時間がもったいない。

わかります😁

考え方、変えないといけないですものね。

JINの良いところは、

使いたいデザインコードをコピペするだけ

ってところなんですよね。あと、

文字を囲ってマーカーを選ぶだけでマーカータグで囲ってくれる

とかです。

で、誰が一番困るか？それは、

先に原稿を書き、後からデザインする人

です。はい、私ですねー😓

ただね、ボックスデザインなどはコードをコピーするでしょう？

それはGutenbergと変わらないんですよ。

大きな違いと言えば、

実際のデザインを見ながら選べない

ってところ。

Gutenbergは、画面右にある設定リストを変更するだけだし、使っているうちに操作も早くなる。

それほど気にならなくなります。

ブロックエディタはブロックを作ってから文字を入れる

といえば、ほとんどの人が手をあげるんじゃないかな？

Gutenbergはそういう人には扱いづらいエディタ。

本当は、

書き上げた文章の入ったブロックを選択し、好みのスタイルに変換できれば良い。

しかし、Gutenbergのブロック互換はまだまだ弱い。

基本の段落ブロックから、見出しブロック、リストブロック、整形済み、引用、プルクオートへの変換ができるのみ。

テーマ特有のスタイルへの変換ができれば文句なしなのに！

実現はまだまだ先になりそうかなあ・・・

現在JINで使えるブロック

JINの公式サイトでもGutenbergに対応したということで、対応ブロックが載せられていました。

Gutenbergの使い方は別に紹介することにして、JINで使えるGutenbergのブロックを確認しましょう。

各ボックスの色は、Classic同様に【カスタマイズ】→【ボックスデザイン設定】から変更します。

※ブロック選択画面内の名前、（）内は、カスタマイズ画面の名称です。

シンプルボックス（太枠線ボックス）

ボックス内が選択時に選ぶ名前です

見出し付きボックス（タイトル付きボックス）

Classicだと、「要約リスト」となっているボックスです。

アイコンボックス

シンプルボタン

デザイン・色の変更は、【カスタマイズ】→【ボタンデザイン設定】でできます。

デザインは、マテリアル・フラット・立体の３種類。これは全ボタン共通になります。

マテリアルボタンの例）

シンプルボタン

シンプルボタン

シンプルカスタムボタン１

シンプルカスタムボタン２

リッチボタン

色・種類・アクションなどは、右サイドバーに設定画面が表示されます。

※２つのボタンを横に並べるには、別のブロックを利用します！

吹き出し

ブログカード

同ブログ内回遊用のブログカード。外部は非対応なのね😓

http://wptg.work/jin/how-to-speed-up-jin/

余白

余白をいれるためのブロックがあります。

区切り線

実線・破線・二重線が選べます。

ランキング

おなじみにランキング。こっちのほうが使いやすくないですか？

１位〜３位、と４位以下の４種類が選べます

横並びボタン

Gutenbergのブロック内に２つのボタンを並べられないので、別のブロックを利用します。

Gutenbergで楽になった

いかがでしたか？

HTMLでBoxコードをコピペするよりも楽だと思いませんか？

確かにHTMLやCSSを覚えるのも大事だと思います。

ですが、Gutenbergはそれをあまり知らなくてもなんとかなるようにできてます。

むしろ、ボックスのHTMLを触ろうとするとエラーが出ることの方が多いくらいです。

文章作成のやり方はいろいろとあると思いますが、Gutenbergで文章作成も慣れると簡単に感じられるようになりますよ。

JINであれこれ使えた全てが利用できるわけではありません。

ですが、有料テーマのJIN！

いずれクラシックエディタで利用できたもの全てが利用できるようになると期待してます！