Blogカードを簡単に作成する方法とコツ

pz-lkc-キーイメージ

WordPressプラグイン「Pz-LinkCard」を使用して「知識不要」でオリジナルの「Blogカード」を表示する方法をご紹介します。

当サイトで使用しているBlogカードは下記のようなデザインです。↓

簡単に投稿するコツは、後半でご案内しています。

「Pz-LinkCard」

「Pz-LinkCard」のインストール

「Pz-LinkCard」とは、Blogカードを記事に簡単に投稿できるWordPressのプラグインです。まずは、WordPressのダッシュボードから「Pz-LinkCard」をインストールしてください。

  1. 「WordPressダッシュボード」>「プラグイン」>「新規追加」>「Pz-LinkCard」を検索>「インストール」>「有効」
    pz-linkcard

「Pz-LinkCard」の設定

  1. 「WordPressダッシュボード」>「設定」>「Pzカード設定」
    wpダッシュボード
  2. かんたん書式設定を「シンプル」へ設定
    pz-linkcardの設定0
  3. お好みの設定に変更します。当サイトと同じでよければ下記の値を選択してください。(「幅」は500pxでいいかもです。)
    pz-linkcardの設定1-1
    pz-linkcardの設定1-2
  4. お好みで文字色をサイトに合わせて変更します。そのままでもOKです。
    pz-linkcardの設定2
  5. 背景色を変更します。(白の場合は変更は不要です。)
    pz-linkcardの設定3
    pz-linkcardの設定4
    pz-linkcardの設定5

CSSで調整

追記(2017-08-22):プラグインのアップデートによりBlogカードに影が付くようになりました。影が不要であれば、下記のCSSで非表示にしてください。影が必要であれば、このCSSの項目はスキップしてください。

下記のCSSを、WordPress「ダッシュボード」>「外観」>「テーマの編集」>「スタイルシート (style.css)」に全てペーストしてください。
(すでに何か記入している方はその下に貼り付けてください。)

/*Pz-LinkCard*/
.lkc-internal-wrap,.lkc-external-wrap{box-shadow:none}

「Pz-LinkCard」の使用方法

  1. 下記のように、WordPressの記事へ「Blogカードのショートコード」を記入すればBlogカードが表示されます。※「表示したいURL」のところを「実際のURL」へ変更して投稿してください。
[blogcard url=”表示したいサイトのURL”]

「ビジュアルエディタ」でも「テキストエディタ」でもどちらに記入してもOKです。

さらに簡単に使用するコツ

上記のまででも一応「Blogカード」は使用できますが、下記の設定を使用すればさらに高速でご利用可能です。Google Chromeの拡張機能を使用して高速化する方法です。よろしければご覧ください。

Google Chromeの拡張機能「Create Link」を使用します。この拡張機能を利用すれば、Blogカードを「ワンクリック&ペースト」で挿入することができるようになります。

※Firefoxの方は「Make Link」か「Easy Copy」で代用してください。

「Create Link」をインストール

  1. Google Chromeで下記のリンクへアクセスし「Create Link」をインストールしてください。

「Create Link」の設定

  1. Create Linkの「アイコン」>「Configure…」をクリック
    Create Linkの設定
  2. 「+」>Nameに「Blogカード」など好きな名前を設定
    Create Linkの設定2
  3. Formatに「下記をペースト」してください。
[blogcard url=”%url%”]

「Create Link」の使用方法

  1. Blogカードに使用したいサイトにアクセスする。
    Create Linkの使用方法1
  2. Create Linkの「アイコン」>「Blogカード」をクリック
    Create Linkの使用方法2
    ※これでショートコードをコピーした状態になります。
  3. 記事にペーストする。(Ctrl+V)
    Create Linkの使用方法3

以上です。ソッコーでBlogカードが挿入できました。

「Create Link」は便利ですので色々試してください。過去の記事「引用のルール」と簡単4ステップで「引用する方法」でもご紹介しています。よろしければご覧ください。

感想

Simplicityなどの優れたテーマでは「Pz-LinkCard」や「ショートコード」を使用しなくても、そのままURLを記入するだけで「Blogカード」が表示されますので必要ないかもしれませんが、私のように「好きなデザインに知識不要でカスタマイズしたい方」には便利です。また、テーマに依存しませんので「今後テーマを変更する可能性のある方」にもおすすめです。

シェアしていただけると、両手をあげて外へ飛び出します。

コメントを残す

お気軽にコメントをどうぞ。

ABOUTこの記事をかいた人

「やってみたこと」や「ライフハック」が中心のブログです。 少しでも多く役立つことができればうれしいです。 お気軽にコメントやフォローしていただけると、励みになります。 よろしくお願いします。