AFFINGER6で内部リンク用ブログカードを表示させる

2021年10月21日

悩める人

最近ワードプレスを導入したけど、内部リンクでブログカードを表示させる方法がわかりません。

こんな疑問にお答えします。

本記事の要約

  • ブログに内部リンクでブログカードを表示させる
  • ブログカードの設定を変更する

ブログ初心者がまず最初につまづくのがワードプレスの操作方法です。

いくつか記事を書きすすめるうちに、ブログ内の関連する別記事へリンクを貼りたい場面がでてくると思います。

自分のブログ内に自分の記事のリンクを貼ることを「内部リンク」、自分のブログから外部へリンクを貼る場合は「外部リンク」と言います。

リンクを適切な場所に貼ることで、ブログ内の関連記事を回遊するので色んな記事が見られるようになります。

そんな時、通常通りのリンクを貼っても良いのですが、ブログカードで表示させるとグッと見た目が良くなります。

▼ブログカードとはこちらのことです▼

例)ブログカードとはこのことです

今回は、記事の中に過去記事をブログカードで表示させる方法について解説していきます。

手順は簡単なので、すぐできますよ。

早速、始めましょう。

ブログに内部リンクでブログカードを表示させる

次からは実際の操作画面を元に説明していきます。

ブロックの追加から、埋め込みURLの入力ですぐにブログカードが表示できるようになりますよ。

「ワードプレスURL埋め込み」のブロックを追加する

ワードプレスURL埋め込みのブロックを追加するために左側にサイドバーを出現させる
ワードプレスのサイドバーを出す

画面左上にある+(プラス)ボタンを押すと左側にサイドバーが出現します。

サイドバーを下のほうへ移動すると「埋め込み」のパーツがいろいろ出てきます。

赤線で囲んだ部分に「埋め込み」ボタンが出てくるのでクリックします。

赤線部分の「埋め込み」ボタンをクリックする
サイドバーを下にスクロールすると埋め込みボタンがある

表示させたい過去記事のURLを入力します

下の画像のような表示がでたら、表示させたい過去記事のURLを入力していきます。

埋め込みURL
埋め込みURLの画像

URLは自分のブログを表示させれば、検索バーのところに表示されているのでコピペします。

入力が終わると管理画面ではこのように表示されます。

ブログカードの表示部分

ブログカードの設定を変更する

ブログカードは設定変更によってカスタマイズできます。

順を追って説明していきます。

設定変更は「外観」→「カスタマイズ」に入る

表示されたブログカードは設定変更することで、枠線の太さやラベルを追加させることができます。

表示されるブログカードの枠線の太さやラベルを変更する
ブログカードの設定変更

外観→カスタマイズ→オプション(その他)→ブログカード/ラベルを選びます。

デフォルトから枠線の色をグレー、枠線を太くする、ラベル背景色を赤、ラベルデザインはリボンデザインに変更しました。

表示されたブログカードは枠線の太さやラベルやリボンデザインを変更できる
ブログカードの設定変更

最後に画像下の「キャプションを追加」のところに表示させたい文字をいれていきます。

ブログカードのラベル表示は文字入力が必要

今回は「あわせて読みたい」と入力しました。

「キャプションを追加」に文字を入力していないと何も表示されないので注意してください。

以前よりも枠線が太くなり、ラベルがリボンになったことで過去記事としてブログカードが強調されました。

ブログカードのラベルを変更

まとめ

今回は、AFFINGER6で内部リンク用ブログカードを表示させる方法を解説しました。

それほど難しい設定をしなくても、それなりに見た目が良く一気にブログっぽくなります。

見た目の良さもありますが、ブログ内の関連する記事に誘導するためにも有効な手段となるので、ブログカードの設置方法を参考にしてみてください。

以下は、ブログ初心者の時に初期設定で失敗した体験を元にまとめた記事です。

初期設定の失敗は、その後の修正が大変になるので確実に設定しておきましょう。

ブログを始めたばかりで「初期設定がまだ」という人はこちらもどうぞ。

あわせて読みたい
あわせて読みたい

  • この記事を書いた人

ピコリ

【カングー/PC・ガジェット/DIY/節約好き】ルノーカングーに関するセルフメンテナンスや内装・外装のカスタム|古くなった車体やパーツをキレイに保つためのDIY情報|お得な車検情報|PC・ガジェットのレビューや設定|PCパーツの交換方法|節約できるDIYが趣味|