創作ポスト

創作物の力で元気になろう。すてきな創作物を知りたい人、自分で創作物を作っている人に向けて、手紙を書くように記事を届けます。

[WordPress]はてなブログのように記事中に記事を埋め込む方法

      2016/05/15

WordPressの記事中に、はてなブログのように記事を埋め込む方法がわからない人向けの記事です。
記事のタイトル、冒頭の抜粋文、ブログ名、アイキャッチなどがセットになって埋め込まれているアレです。
僕自身、アレの呼び方を知らず、検索に非常に苦労しました。どうやらブログカードと呼ぶそうです。
WordPressにそのブログカードを埋め込むには、「Pz-LinkCard」というプラグインを使えば簡単にできます。
この記事では「Pz-LinkCard」で生成したブログカードの見た目とその設定方法についてまとめました。


スポンサーリンク

「Pz-HatenaBlogCard」を使うとこんなブログカードが埋め込める

「Pz-HatenaBlogCard」を使ってブログカードを表示すると、以下のようになります。
ちなみに、プラグインの設定は色々カスタマイズしました。

同じ作者さんのプラグインで「Pz-HatenaBlogCard」というものもあります。
機能も似ていますが、作者さんは「Pz-LinkCard」の使用を推奨しているようなので「Pz-LinkCard」の方を紹介します。

ブログカードの挿入方法

まず、プラグインの新規追加画面から「Pz-LinkCard」を検索し、インストールと有効化を行います。
それから記事の新規追加画面に以下のようなコードを記述するだけでOKです。

インストールしたばかりのデフォルトのブログカードは、以下の画像のような見た目になります。
20160126-01

「Pz-HatenaBlogCard」の設定

では、以下のブログカードのような見た目にするための設定方法を紹介します。

設定画面は、
 左メニューの設定 > Pzカード設定
から行うことができます。

基本設定

変更箇所は、下図の赤枠で囲った部分です。

20160126-02

定型書式
 Pz リンクカード 標準書式 → なし

表示設定

変更箇所は、下図の赤枠で囲った部分です。

20160126-03

枠線の太さ
 黒/細い(1px) → 薄い色/細い(1px)

外観設定
 サイト情報
  上側 → 下側

 リンク先のURLを表示する
  ON → OFF

 サムネイル
  左側 → 右側
  影をつける ON → OFF

 影をつける
  ON → OFF

文字設定

変更箇所は、下図の赤枠で囲った部分です。

20160126-04

抜粋文
 大きさ
  11px → 12px
 桁数
  250 → 170

この桁数というものは、文字の最大数です。
最大で170文字まで表示するように変更しました。

終わりに

以上の設定で、最初に示したようなブログカードを表示することができるようになります。
WordPressには便利なプラグインがたくさんあります。
自分好みのブログ環境を作るために、プラグインをどんどん有効活用していきましょう。

 - Webサイト運営, WordPress ,

PAGE TOP