「かじっくす」がブログをつくった理由とは?
ブログスキルアップ

3分で解決ズバッと解決!!WPテーマ「JIN」のブログカードが表示されない問題

3分で解決ズバッと解決!!WPテーマ「JIN」のブログカードが表示されない問題

こんにちは、よく働いて、よく食べるブロガーかじっくすです。

こちらでは、アフィリエイターひつじさん(@hituji_1234)監修のWordPressテーマ、JINテーマのブログカードの不具合を解消する方法を紹介します。

ボタン1つで、簡単にデザインのカスタマイズができる、 WordPressテーマ「JIN」。
ぼくも発売してすぐに購入し、当ブログに採用しました。

1つだけうまく使えていなかった機能が、“ブログカードの表示”です。

内部リンクを貼っただけで、ブログカード化するという仕様なんですが、ただの文字列として認識されます。

かじっくす
かじっくす
この記事を読まれている方も、おそらく同じ現象が発生してるのではないでしょうか?

実はその問題、たった3分で解決できます。
テーマの不具合ではなく、プラグインの問題でした。

JINを使ってブログカードがうまく表示されない

JINを使ってブログカードがうまく表示されない

上記の画像のように、合わせて読んでほしい関連記事のURLをはりつけても、ブログカードにならない。
ぼくもこの問題に2~3日悩まされていて、あきらめていました。

そんな時に、ぼくにも1つのひらめきがおきました。

かじっくす
かじっくす
これはテーマの問題ではなく、WordPress側の問題なのではないか?

原因はプラグイン「Custom Permalinks」でした

「ブログカード 表示されない」でGoogle検索すると、ビンゴな記事が見つかりました。

かなりメジャーなプラグイン「Custom Permalinks」が原因である可能性が高い。
パーマリンクは変わっても、スラッグは変わらないというところがミソになってきます。

要するに、“パーマリンクはカスタムパーマリンクを使う前のものを設定しなさい”ということです。

3分で解決できる、ブログカードの表示方法

JINのブログカードの表示方法
  1. 表示させたい記事のID番号を調べる
  2. 【ドメイン】/?p=【ID番号】を記事に書く
  3. プレビュー画面で確認する

ID番号は投稿一覧で、対象記事のタイトル部分にマウスを持っていくとわかります。
ぼくのブログの「バンドマンに聞きました!! ガチでおすすめの富山県の人気ラーメン店12選 vol.1」のID番号は1183でした。

次に、内部リンクを作成します。
ドメイン + / + p= + ID番号が内部リンクとなります。

今回、ブログカードを作りたい記事の場合、

内部リンクの作成方法
  • ドメイン:https:kajitori.com
  • ID番号:1183

となりますので、https://kajitori.com/?p=1183となります。

これをエイっと記事にはりつけますと・・・

あわせて読みたい
【地域別まとめ】富山のガチでおすすめするラーメンを地元民が徹底調査!見つけようあなたの一杯
【地域別まとめ】富山のガチでおすすめするラーメンを地元民が徹底調査!見つけようあなたの一杯おすすめする富山県のラーメンを地元民が徹底調査しました。 市、地域別にまとめてあるのでその土地のおいしいラーメン店を見つけやすくなっています。 富山駅から徒歩でいける好アクセスなラーメン店もご紹介。ラーメン店の詳細はクリック先の記事をご覧ください。...

こんな感じで、きれいにブログカードが表示されます。

プラグインとCSSを疑ってみましょう

どのテーマも言えることなんですが、テーマ単体で使っていると問題がないケースが多いです。
ブログを運営していると、様々なプラグインやテーマを使う機会が多くなります。
結果的に、それが悪影響を及ぼす可能性もあるわけですね。

今回のような問題が発生した場合は、テーマを疑う前に、プラグインやCSSが影響を与えていないか確認してみましょう。
プラグインの場合は無効化、CSSの場合はコメントアウトするなどして試してみるとよいです。
※何かあった場合は自己責任なので、影響範囲ちゃんと調べてからね笑。

万が一、何もかわらない場合はJIN公式ページまでお問い合わせください。

JINのお問い合わせはこちら

ABOUT ME
かじっくす
かじっくす
定時ダッシュ同好会 のリーダー。 「ぼんぼります」が口グセのゆとりSE。 月間1.7万PVの富山県の地域特化ブログ「カジトリクエスト」/個人で働き方改革を推進するメディア「定時ダッシュ同好会」を運営中。会社員とフリーの田舎ダブルワーカー👨‍💻 > 詳しいプロフィールはこちら
▼おすすめの5記事▼