てばお独り言

【WordPress初心者向け】JINでGutenbergは使ってはいけない

WordPressテーマJIN
てばこ
てばこ
あらまあ!Gutenberg使うと色々なエラーがでるのね!
てばお
てばお
はい。一応僕がWordPressのテーマでJINを使ってるので書きましたが、他のテーマでも同じような事が起こってるみたいです
てばこ
てばこ
最初は直感的にわかる操作で良いって言ってたけどやっぱり新しいものはトラブルも多いのね~
てばお
てばお
はい。かれこれ1週間位エラーとにらめっこしてました
てばこ
てばこ
で、解決方法は見つかったの?
てばお
てばお
Gutenbergを使わないことが一番の解決策だということに気づきました・・

 

JINってなあに?

JINはWordPress用のテーマの一つで、アフィリエイターのひつじさんと、プログラマーの赤石カズヤさんが作ったテーマです。

ブログ初心者でも使いやすい機能が始めからそろっており、デザインも秀逸。てば旅ブログもJINのおかげでなんとかやりくりできている感じでございます。

WordPressテーマJIN

 

Gutenbergってなあに?

Gutenbergは2018年12月にWordPress 5.0がリリースされた時に新しく導入されたエディタです。

偉い人
偉い人
Gutenberg は単なるエディターではありません。現在はエディターに注力していますが、このプロジェクトはパブリッシング体験全体に影響を与えるものです。今後はカスタマイズに注力していく予定です。

と開発の方はおっしゃっていますが・・・

Gutenbergの評価
てばこ
てばこ
評判クソ最悪じゃないのよっ!
てばお
てばお
1つ星のコメントはやはり今まで見れたものが見れなかったり表示がずれたりといったトラブルが多いですね

ですので、てば旅では現在ClassicEditorというプラグインを使って旧式のエディターでブログを書いております。

 

実際にJINでGutenbergを使うとどんな事が起きるの?

これは皆さん使用環境が違うのでどんなトラブルが起こる一概には言えませんが、てば旅ブログでGutenbergを使う時に実際におきた問題をご紹介します。

てばお
てばお
今回は本当にごく一部の紹介です

画面に変な色がついて見にくくなる

Gutenberg error

Gutenbergで書き始めてすぐはこんな感じに表示されますね。しかし記事を書いて文字数が多くなっていくと・・・

 

gutenberg エラー

このように右側に色が付いて見にくくなってしまいます。記事量が大きくなればなるほどこの状態になる確率が上がっていきます。さらに進むといくつかボタンも消えたりします。

てばお
てばお
これ、酷いときだと保存ボタンとかまでなくなっちゃいました

※2019年3月のJINアップデートで修正されました!

 

サムネイルが巨大化する

クラシックエディターでアプリーチを使った時

アプリを紹介するカードを作ってくれるアプリーチというサイトがあるのですが、そこで生成したタグを貼り付けたところです。上が正常なクラシックエディターの場合。

 

Gutenbergでアプリーチを使った場合

こちらがGutenbergを使った場合です。でかすぎぃ!サムネイルのサイズが制御できませんでした。

 

てばお
てばお
さすがに笑いました

 

ボタンを押すとワードプレスが吹っ飛ぶ

Rinkerプラグインをクラシックエディターで使う場合

 

Rinkerという商品リンクを作ってくれるプラグインがあるのですが、そのボタンがクラシックエディターだとこのように「商品リンク追加」ボタンが表示されるのですが・・

 

RInkerをGutenbergで使う場合

 

Gutenbergだとどこにも表示されません。これ、一見地味であるあるなんですが、なぜとりあげたかといいますと・・

 

てばお
てばお
Gutenbergでも「Rinker」って表示のボタンが出るときがあるんですよ!それで喜んで押すじゃないですか!そうするとWordPressが落ちるんです!リセットボタンですよこれ!
てばこ
てばこ
あんたの深夜の悲鳴はこれが原因だったのね~

 

他にもブログカードが使えなかったり、更新に失敗したり、プレビューできなかったりと色々なトラブルが発生します

JINでGutenbergを使ってはいけない まとめ

てばお
てばお
念押ししときますが、これJINじゃなくてGutenbergの欠陥ですからね
てばこ
てばこ
はいはい。「Gutenbergのトラブル」しか書いてないと多分みんな興味わかないわよね。わかるわ~!
てばお
てばお
そうなんですよ。初心者向けに書いてるのに初心者が「Gutenberg」だけではうちのブログまで辿り着かないんですよ。なのでJINの名前をお借りしました・・
てばこ
てばこ
製作者のひつじさんには悪いわね~!まあこのブログを有名にして恩返ししなさいな!
てばお
てばお
はいっ!頑張ります!
てばこ
てばこ
そう言えば駅前にインド人がやってるラム肉の美味しいお店ができたのよね、今夜はラム肉カレーよ~!
てばお
てばお
恩返しはどこへ・・・

ラム肉=ひつじ

こちらの記事もオススメ!