Simple Blog Cardはブログカードを作成してくれるプラグイン
Simple Blog Cardとは
WordPressプラグイン「Simple Blog Card」は、その名の通り、WordPressのブログ記事内にシンプルで美しいブログカード(リンクカード)を簡単に表示するためのプラグインです。
具体的には、以下のような特徴があります。
- ブログカードの生成: 記事内のURLを貼り付けるだけで、そのページのタイトル、説明(抜粋)、サムネイル画像(OGP画像)などを含むカード形式のリンクを自動的に生成します。
- ショートコード/ブロック対応: ショートコードを使って任意の場所にブログカードを挿入できるほか、WordPressのブロックエディタにも対応しており、視覚的に簡単に配置できます。
- カスタマイズ性:
- 表示される説明文の文字数を指定できます。
- OGP画像の表示サイズや位置(左右)を変更できます。
- タイトルや説明文を任意で変更することも可能です。
- テンプレートファイルやCSSファイルをカスタマイズすることで、デザインを柔軟に変更できます。
- OGP画像の表示: リンク先のOGP(Open Graph Protocol)画像を取得して表示するため、視覚的に分かりやすいリンクになります。
- シンプルさ: 必要最低限の機能に絞られているため、設定が簡単で初心者にも扱いやすいのが特徴です。
- SEO効果: ブログカードは、テキストリンクに比べて視覚的に目立ち、クリック率の向上に繋がると言われています。また、記事の内容を簡潔に伝えることで、読者の興味を引きやすくなります。
注意点: 異なるドメインの2つのサイトが同じサーバーにあり、かつお互いのトップページに「Simple Blog Card」を埋め込んでいる場合、リダイレクトループが発生する可能性があるという警告があります。
要するに、WordPressで他の記事や外部サイトへのリンクを、見た目良く、情報が分かりやすい「ブログカード」として表示したい場合に便利なプラグインです。
※最新の情報を公式ページで確認ください
Simple Blog Cardの使い方
WordPressプラグイン「Simple Blog Card」の使い方は、主に以下の2つの方法があります。
1. ショートコードを使う方法
これが最も一般的な使い方です。記事の編集画面(ブロックエディターまたはクラシックエディター)に、以下のショートコードを記述します。
[sc_Linkcard url="リンク先のURL" title="リンク先のページのタイトル(省略可)"]
例:
内部リンクの場合:
[sc_Linkcard url="https://あなたのサイトのURL/記事スラッグ"]
外部リンクの場合:
[sc_Linkcard url="https://example.com/外部サイトの記事"]
url
:必須項目です。ブログカードとして表示したいページのURLを指定します。title
:省略可能ですが、指定するとブログカードに表示されるタイトルを任意で設定できます。省略した場合は、リンク先のページのタイトルが自動で取得されます。
ショートコードを使うメリット:
- より柔軟にブログカードを配置できる。
- クラシックエディターでも使える。
2. ブロックエディターのブロックを使う方法(バージョンによる)
「Simple Blog Card」プラグインは、ブロックエディター用のブロックも提供しています。
使い方:
- 記事投稿画面の「+」アイコンをクリックします。
- 検索ボックスに「ブログカード」と入力するか、ブロックの一覧から「ブログカード」ブロックを探して選択します。
- ブロックが追加されたら、入力欄にリンク先のURLまたは記事IDを入力します。
- 必要に応じて、「新しいタブで開く」などの設定をオンにしたり、キャプションを変更したりできます。
注意点:
- 検索結果にもありますが、過去のバージョンではブロック設定パネルが崩れるなど、ブロックの動作が不安定な場合があったようです(2023年8月時点の情報)。最新バージョンでは改善されている可能性もありますが、もし問題がある場合はショートコードでの利用を検討してください。
プラグインのインストールと有効化
まず、WordPressの管理画面から「Simple Blog Card」プラグインをインストールして有効化しておく必要があります。
- WordPress管理画面にログインします。
- 左メニューの「プラグイン」>「新規追加」をクリックします。
- 検索ボックスに「Simple Blog Card」と入力し、表示されたプラグインを「今すぐインストール」します。
- インストールが完了したら「有効化」をクリックします。
プラグインの設定
WordPress管理画面の「設定」>「Simple Blog Card」から、いくつかの詳細設定が可能です。
- 説明の長さ: ブログカードに表示される説明文の文字数を設定できます。
- 画像サイズ: ブログカードに表示される画像のサイズを設定できます。
- 色: ブログカードのボーダーなどの色を設定できます。
- 新しいタブで開く: ブログカードをクリックしたときに、新しいタブで開くかどうかを設定できます。
これらの設定は、ブログカードのデザインや表示内容に影響しますので、必要に応じて調整してください。
まとめ
「Simple Blog Card」は、手軽にWordPressのブログカードを実装できる便利なプラグインです。基本的にはショートコードを使用することで、内部リンクも外部リンクも簡単にブログカード形式で表示できます。ブロックエディターを使っている場合はブロックでの挿入も試してみて、うまく機能しない場合はショートコードを活用しましょう。
Simple Blog Cardの注意点
WordPressプラグイン「Simple Blog Card」は、手軽にブログカードを設置できる便利なプラグインですが、いくつか注意点があります。
1. サイト表示速度への影響
- データ量の増加: ブログカードは、テキストリンクに比べて画像やスタイルシートなど多くのデータを読み込むため、ページの表示速度が遅くなる可能性があります。特に、1ページに多数のブログカードを設置すると、顕著に影響が出ることがあります。
- 対策:
- 必要以上に多用しない。
- 画像を最適化する(圧縮など)。
- キャッシュプラグインなどを利用して、サイト全体の表示速度を改善する。
- Web Vitals(Googleのサイトパフォーマンス指標)を定期的に確認し、問題があればブログカードの数を減らすなどの対応を検討する。
2. アイキャッチ画像・OGP画像の表示
- OGP設定の重要性: リンク先のページにOGP画像(Open Graph Protocol画像)が設定されていない場合、Simple Blog Cardでは画像が表示されないことがあります。
- 文字化け: プラグインのバージョンによっては、OGP画像がない場合に文字化けが発生するケースも報告されています。
- 対策:
- リンク先のページ(特に外部リンク)のOGP設定を確認し、画像が適切に設定されているかを確認する。
- 自身のサイト内でブログカードを使う場合は、必ずアイキャッチ画像を設定する。
3. リダイレクトループの可能性
- 特定の条件下での発生: 異なるドメインの2つのサイトが相互にSimple Blog Cardを埋め込んでいる場合、かつ同じサーバー(同じIPアドレス)上にあり、さらにSimple Blog Cardのキャッシュが空の場合に、リダイレクトループが発生する可能性があるとされています。
- 対策: 稀なケースですが、もし上記のような状況でリダイレクトループが発生した場合は、プラグインの利用方法を見直すか、開発元に問い合わせるなどの対応が必要です。
4. テーマとの相性・競合
- デザイン崩れ: 使用しているWordPressテーマによっては、Simple Blog Cardのデザインが意図しない形で表示されたり、崩れたりする可能性があります。
- ブロックエディタの不具合: 過去には、ブロックエディタのブロック設定パネルが崩れるといった報告もあります(2023年8月時点)。ショートコードでの利用が推奨される場合があります。
- Font Awesomeの読み込み: ブログカードのデザインにFont Awesomeが使用されている場合、テーマ側でFont Awesomeが読み込まれていないとアイコンなどが正しく表示されないことがあります。
- 対策:
- プラグイン導入前に、デモサイトなどでテーマとの相性を確認する。
- 問題が発生した場合は、テーマの提供元やプラグインのサポートフォーラムで情報を探すか、問い合わせる。
- CSSの調整で対応できる場合もある。
5. ショートコードの利用
- Simple Blog Cardはショートコードで利用することが多いため、もしプラグインの使用を中止した場合、ブログカードが表示されなくなり、ただのURL表示に戻る可能性があります。将来的にプラグインの使用をやめる可能性がある場合は、この点を考慮に入れておく必要があります。
まとめ
Simple Blog Cardは非常に便利なプラグインですが、サイトのパフォーマンスや表示、テーマとの相性などに注意して利用することが重要です。導入後は、サイトの表示速度や、ブログカードが正しく表示されているかを定期的に確認することをおすすめします。