ブログカードでリンク先記事を枠付き表示させる方法
ranaco
リンク先を枠付き表示させる機能
当教室のブログで他の投稿を紹介するとき、こんな表示のさせ方をしています。
例えば、当ホームページ内の他の投稿を引用したい場合は・・・
こんな風に表示されます。
これを「リンクカード」と言います。
ワードプレスの標準機能リンクカードの特徴
ワードプレスにも標準でリンクカード機能は備わっています。
やり方は簡単で、ＵＲＬをそのまま本文に貼り付けると・・・
投稿ページの種類を増やすには？（カスタム投稿）
投稿ページの種類を増やしたい ワードプレスでブログを書く場合、通常は「投稿」ページを使います。 でも、ブログとは違う種類の投稿があったらいい…
このように表示されます。
でも、これには１つ問題があります。
例えば、アメブロに書いた過去の投稿を表示させようとして、ＵＲＬを本文に貼り付けた場合、このようになります。
↓ ↓ ↓
こんにちは。埼玉・戸田ぴんぽいんとパソコン教室 森北博子です。長らくお休みを頂いていましたが、仕事を再開しました。お待ちいただいていた皆さん、ご迷惑、ご心配を…
そう、ＵＲＬがそのまま表示されてしまうんです。
しかも、ＵＲＬ自体にリンクも貼られない状態。
標準機能でリンクカードが使えない理由
この違いは何か？というと、
リンク先が固有のドメインかどうか？なんです。
ご存知のようにアメブロは、たとえ自分のブログであっても、所詮「借り物」です。
アメブロのドメイン（ameblo.jp）の下に、利用者のＩＤ（ranaco-pc-school）が置かれているという構造になっています。
固有のドメインではないんですね。
だからワードプレスの標準機能のリンクカードでは、ＵＲＬがそのまま表示されてしまい、リンクカードの表示にはならないのです。
ブログカードプラグイン「Pz-LinkCard」
すべての紹介リンクをブログカードで表示するには、プラグイン「Pz-LinkCard」を使えば解決します。
プラグイン「Pz-LinkCard」を新規追加して、インストール → 有効化してください。
Pz-LinkCardの使い方
記事をブログカードでリンクさせるには
１．プラグインを有効化すると、編集画面上にツールボタンが追加されます。
２．「リンクカードを挿入」ボタン → リンク先のＵＲＬを入力 →「挿入」ボタンをクリックします。
３．ショートコードが挿入されます。
４．プレビューで確認します。
※ホームページ内の他の記事をリンクしています。
※アメブロも、リンクカードで表示できます。
Pz-LinkCard のデザインを変更する
Pz-LinkCard は表示デザインを変更することができます。
１．「設定」→「Pz カード設定」
２．「基本」タブ→「簡単書式設定」一覧からデザインを選ぶ→「変更を保存」
かんたん設定のデザイン
「かんたん設定のデザイン」は全部で 26種類 あります。
※下の画像をクリックすると大きく表示されます
そのほかの設定
上記の「かんたん設定のデザイン」以外にも、自分好みに変更することができますので、やってみてくださいね。
