【JINユーザーへ】これで解決しました!ブログカードが表示されないときの対処法
ワードプレステーマを、JINに変えてみた
私は2019年3月にワードプレスでブログを立ち上げ、しばらくは無料テーマを使ってブログを書いていました。
ですが、2019年4月、気になっていた有料テーマ、「JIN」を購入し、テーマを変更しました。
そもそもワードプレスでブログを書くこと自体が初めてなので、JINを使ってブログ記事を作成するにあたり、色々と疑問や問題が発生していたのですが、その一つが、
JINでブログカードが上手く作れない!!!
というものでした。
いえ、正確にいいますと、記事内に2つ以上のブログカードを作ろうとしても、ブログカードとして表示されるのは一つのみ、という状況でした。
一つだけなら表示されるのに、二つ目を作ろうとすると、それまで表示できていたブログカードがただのURLの文字列になってしまうのです。
JINは、URLをコピペするたけで、簡単に見栄えの良いブログカードが作れることを売りの一つにしているので、ブログカードを使ってみたかった私はショックでした。
ちなみにブログカードとは、この枠で囲われたやつのことです。
試行錯誤した結果、無事に表示されるようになりましたので、同じような状況の方の参考になれば嬉しいです。
ブログカードが表示されないんですけど!
ブログカードの作り方と表示されない場合の原因はリンク先のJINの公式ページで公開されています。
ブログカードの作り方|WordPressテーマ「JIN」の設定マニュアル
でも、JINでブログカードが表示されずに困っていて、この弱小ブログの記事にたどり着いたあなたは、きっと公式ページは読んでいるでしょうし、どうしてブログカードが表示されないのか、ネットで調べて、基本的な対応策を試してみたはずです。
でも一応、最終的な解決方法だけじゃなく、私がやった(けど上手くいかなかった)基本的な対処法も一通り紹介しますね。
【対処法①】前後に余白を取る
公式ページにも書かれていますが、ブログカードの前後に余白をとっていないと、うまく表示されません。
画面をテキストエディターに切り替えて(ここ重要)、ブログカードの前後に十分な余白を取ってリンク貼付を試みてください。
ちなみに私は余白をあけまくりましたが表示されませんでした。
【対処法②】外部リンクを貼ってないかチェック
公式ページにも書かれていますが、外部リンクはブログカードに対応していません。
対応しているのは内部リンクのみです。
ちなみに外部リンクとは、自分のサイト以外のHPやブログ記事のリンク(URL)のことで、内部リンクとは、自分のサイト(ブログ)内のリンク(URL)のことです。
【対処法③】プラグインで編集した特殊なパーマリンクじゃないかチェック
これも公式ページにも書かれているのですが、例えば、「nhanced Custom Permalinks」というパーマリンクを変更できるプラグインを使って変更したパーマリンクなど、特殊なパーマリンク(URL)だとブログカードにならないようです。
ちなみに私はパーマリンクを変更するプラグイン等は使っておらず、特殊なことは何もしていなかったので、これが原因ではなさそうでした。
【対処法④】新エディター、Gutenberg(グーテンベルグ)に移行する
これです!
これで最終的に解決しました。
私は、ワードプレスでブログでブログを始めた当初は、2018年から開始した新エディター、グーテンベルグを使って記事を書いていましたが、JINに移行後は、JINが旧エディターを使うことを推奨していたこともあり、プラグイン(クラシックエディター)を使って、旧エディターにして記事を書いていたのです。
ですが、新エディターに戻して、ブロックにURLを貼り付けてみたところ、あっさりブログカードが表示されるようになったのです。
ほんと、今まで悩んでいたのはなんだったの…?というくらい簡単に何個もブログカードが作れるようになりました。
新エディター、使ってみたらすごくいい!
どうでしょうか。
ブログカードが表示されるようになったでしょうか。
え?旧エディターで表示される方法を探してるんだよって??
…すみません。
本当にすみません。
私も分かりません。色々やったけどダメだったんです。
でも、ブログカードが表示されない問題を機に新エディター(グーテンベルグ)を使ってみた結果、グーテンベルグの方が旧エディターより使い勝手が良いと感じているので、これを機に新エディターに移行することをおすすめします!
JINの公式ページは、まだテーマがグーテンベルグに完全に対応していない、ということで旧エディター画面で記事作成することをおすすめしていますが、グーテンベルグでも工夫することでJINというテーマのメリットを享受しつつ、快適に使うことができます。