てばお独り言

【WordPress初心者向け】JINでブログカードが表示されないときにチェックすること

WordPressテーマJIN
てばこ
てばこ
WordPressテーマのJINって評判いいみたいね~
てばお
てばお
はい~、僕みたいな初心者ブロガーでもそれなりに見れるページができちゃうんですよね
てばこ
てばこ
でもなんか作ってる最中にエラー連発するわよね
てばお
てばお
あ、それはWordPressがバージョンアップして最近搭載されたGutenbergっていう記事を書くエディタが悪さしてることがほとんどみたいですよ
てばこ
てばこ
機械の世界って新しけりゃいいってもんじゃないのね~
てばお
てばお
はい。チキンは僕たちみたいにフレッシュな方がいいですけどねっ!

 

JINのブログカードが表示されない

ブログカードとは?

blog card
てばお
てばお
ブログカードとは記事の最中にこんな感じに関連記事のリンクをアピールしてくれるカードのことです
てばお
てばお
もちろんこんな感じに文字にリンクを埋め込んじゃってもいいんですが、ブログカードのほうが目立つのでクリックしてもらいやすいという特性があります

ブログカードの作り方

通常WordPressでブログカードを入れるためには、「Pz-LinkCard」というプラグインをつかうか、自作してリンクを埋め込むかなんですが、JINの良いところは、記事中にリンクテキストを貼り付けるだけで自動でブログカードになっちゃうんです。

てばこ
てばこ
これ、むちゃくちゃ便利よ!

しかし・・・

JINでリンクがブログカードにならないトラブルが頻出

てばお
てばお
JINのフォーラムでも悩んでる人は多いみたいです。てば旅でも解決するまでに3日かかりました

というわけで解決方法を・・

てばお
てばお
上から順番にチェックしていってください!
  1. ブログカードの前後に十分な余白をとる
  2. キャッシュのクリアを試してみる
  3. リンクを貼り付けるときはプレーンテキストとして貼り付ける
  4. 内部リンクに飛ばしてある(自分のブログ外にはできません)
  5. プラグインをすべて止めてみる
  6. <a>タグを使っていないか
  7. テキスト画面で<p></p>や<span></span>が前後にないかチェック
  8. <ul></ul>内に貼り付けたリンクがはいっていないかチェック

どうでしょうか?解決しましたでしょう!

・・・実はてばおさん。ここまで試して解決しなかったんです。それで万策尽きたかと思ってブログカードは諦めかけたんですよ。

てばお
てばお
ここでJIN運営チームの方から神の一言が!

<!– /wp:paragraph –>というタグはWordPressに搭載されて間もないGutenbergエディターで記事を書いた時に挿入されるタグです。

しかしてばおさんは、「GutenbergエディタはまだJINに完全対応してません」と、JIN製作者のひつじさんから教えてもらっていたのでGutenbergエディターは使ってないと思い込んでいたのですが、WoesPressで記事を書く時って、まずGutenbergがたちあがるのですが、最初の出だしをこのGutenbergで書き始めて途中で使っちゃダメなことを思い出して通常のエディタに切り替えていたらしく、記事の最初のほうに一行だけ<!– /wp:paragraph –>がはいりこんでいたんです!

てばお
てばお
てばお一生の不覚

というわけで、先程の8項目全部試してダメだった方。記事内の<!– /wp:paragraph –>をすべて消してみてください。また、それ以外にもGutenberg特有のコードは消すようにしてください

てばお
てばお
それでだめだったらClassic Editorで1から書き直すかJINのアップデートを待ちましょう

JINでブログカードが表示されないときにチェックすること まとめ

てばこ
てばこ
Gutenbergって調べたんだけど評判悪いわね~
てばお
てばお
僕はこのGutenbergが初めてつかったブログを書くソフトだったんでむしろ以前のエディタのほうが使いにくく感じるんです・・
てばこ
てばこ
でもトラブル連発なんでしょ?
てばお
てばお
そうなんですよ・・まだみなさん対応しきれていないらしく
てばこ
てばこ
じゃあしばらくはGutenbergは様子見ってことね!
てばお
てばお
はい。とりあえず最近始めた方はプラグインのClassicEditorで記事を書くことをおすすめしますよ!
要点まとめ

新しい物がいいとは限らない

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