WordPressで「はてなapi」に頼らずにブログカードのようなリンクを作成するプラグイン「PZ-LinkCard」 | Knowledge Base

WordPressで「はてなapi」に頼らずにブログカードのようなリンクを作成するプラグイン「PZ-LinkCard」

私が使っているテーマ「Simplicity」をはじめ、投稿やアーカイブの一覧にはてなブログで使われているような恰好いいリンク表示ができる人気のブログカード表示ですが、あくまでも「はてなapi」というはてなブログの機能を利用させてもらっているため、はてなブログがこのサービスを停止したら表示方法もクリアされてしまう危険性があります。

これを防ぐために開発されたのが、はてなapiに頼らずにブログカードのようなリンクを作成するWordpressプラグイン「PZ-LinkCard」です。

スポンサーリンク

【PZ-LinkCard】プラグインの基本的な機能・できること

  1. はてなapiに頼らず内部CSSでブログカード表示する
  2. 外部リンクと内部リンクで異なるデザインのカードが表示できる
  3. ショートコードを使ってリンク先を設定するだけでブログカード風リンクが作成できる
  4. キャッシュを利用しているので表示速度が速い
  5. はてなapiを使ってリンクを作成すると、未確認ではありますが、厳密にはリンク元が「はてな」になってしまうようで直接リンクとしては扱われないようです。

    これが何に影響するのかもわからない位知識不足ではありますが、出来る限り恒常的に使われる機能で記事やサイトは作成した方がいいと思うので、このプラグインを使うのは有効だと思います。

この記事の内容について
このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います
  1. すべての環境で動作するとは限りません
  2. できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります
  3. 有料版と無料版がある場合、テストは原則無料版のみで実施しています
  4. テスト環境については文末に記載しています
  5. 使用方法で紹介しているショートコードをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。

【PZ-LinkCard】プラグインの設定画面や表示の日本語化と翻訳

【PZ-LinkCard】プラグインは有効化すると日本語で使用できるようになっていますので、英語が分からない方でも安心して使えます

【PZ-LinkCard】プラグインのインストールと設定

インストールと設定方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

Wordpressと言えばさまざまな追加機能を使って思い通りの表現や動作ができるのがブログやHTMLで作ったサイトと違って楽しいところですね。ここでは基本的なプラグインの導入の仕方とトラブルが発生した場合の対処方法について解説します。
を参照ください

【PZ-LinkCard】プラグインの基本的な使い方

CSSの中でフォントサイズや色、幅、線の種類や幅などいろいろな設定ができるのでとても便利なプラグインです。

基本となるショートコードは
[blogcard url=”リンク先URL”]
です。

ブログカード式のリンクで個人的に思うこと

 この「PZ-LinkCard」を使うとショートコードでリンク挿入することになるので、Add quick tagなどのプラグインと併用すれば簡単にリンクを作ることができます。が、反面他のショートコードを使用するプラグインと共通の泣き所ともいえる、プラグインが使えなくなった時にすべての記事や固定ページをメンテナンスする必要が出てくるかも知れないという不安が付きまといます。

サイトにとって内部リンクは重要なファクターなので一度使い始めたら使い続けるべきプラグインであるということと、作者がアップデートしていってくれ続けるかということが気になります。

 また、はてなapiを使ってブログカード表示をするということにした場合、ちゃんとaタグを使ってリンクを作っておけば「はてなapi」が無くなってしまった(サービスを停止した)場合でもリンクとしては生き続けてくれるのですが、こちらもまた、プラグインやテーマが対応しなくなってしまった場合には使えない機能となってしまいます

 一番いい方法なのは、Simplicityの作者の方が紹介している、完全に内装化する方法なのかもしれませんので、知識のある方はこの方法で行うのが一番いいかも知れません。

自分のブログ内のURLを、Wordpressのブログエディターに貼り付けるだけで、簡単にブログカード表示できるカスタマイズ方法です。

当サイト内の参考記事

Wordpressで記事や固定ページの中に何等かのリンクリスト(記事一覧)を作成したい機会は多々あると思います。ただ、CSSの知識がないと思ったような表示にならず、単純にリンクのタイトルだけの羅列で我慢という方も多いと思います。

も併せてご覧ください。

【PZ-LinkCard】プラグインの便利な使い方・カスタマイズ方法など

より便利に使うカスタマイズ技やテストサイトで使用した結果や感想、Wordpressのプラグイン公式配布ページには書かれていない事柄などを紹介します。

はてなapiを使ってリンクを作成させるためのプラグイン

同じ方が開発されたプラグインで、はてなapiを使ってリンクを作成させるためのプラグイン

This plug-in to display a link in the article by using the "Hatena blog card".

もあります。はてなapiを使用して一覧をブログカードで表示する場合にはこちらを使用してください

Amazonの人気商品楽天市場の人気商品
いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」)

いちばんやさしいWordPressの教本第3版 人気講師が教える本格Webサイトの作り方 (「いちばんやさしい教本」)

  • 価   格:¥ 1,706
  • 販 売 者: Amazon.co.jp
  • 評   価:
  • 商品の概要:ASIN: 4295000795
    インプレス

本当によくわかるWordPressの教科書 はじめての人も、挫折した人も、本格サイトが必ず作れる

本当によくわかるWordPressの教科書 はじめての人も、挫折した人も、本格サイトが必ず作れる

  • 価   格:¥ 1,685
  • 販 売 者: Amazon.co.jp
  • 評   価:
  • 商品の概要:ASIN: 4797395168
    SBクリエイティブ

WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)

WordPress 仕事の現場でサッと使える! デザイン教科書 (Webデザイナー養成講座)

  • 価   格:¥ 3,002
  • 販 売 者: Amazon.co.jp
  • 評   価:
  • 商品の概要:ASIN: 4774173800
    技術評論社

CS Shop
【100円クーポン配布中!】いちばんやさしいWordPressの教本 人気講師が教える本格Webサイトの作り方/石川栄和/大串肇/星野邦敏

【100円クーポン配布中!】いちばんやさしいWordPressの教本 人気講師が教える本格Webサイトの作り方/石川栄和/大串肇/星野邦敏

  • 価   格:1,706 円 (税込)
  • 販 売 者: bookfan 1号店 楽天市場店
  • 評   価:
  • 商品の概要:著者石川栄和(著) 大串肇(著) 星野邦敏(著)出版社インプレス発行年月2017年03月ISBN9784295000792ページ数255P9784295000792内容紹介大きな画面の操作手順で迷わない。人気のテーマで、パソコン&スマホ両対応のWebサイトを作れる!ソーシャルメディアとの連携やSEO対策、バ..
一歩先にいくWordPressのカスタマイズがわかる本【電子書籍】[ 相原知栄子 ]

一歩先にいくWordPressのカスタマイズがわかる本【電子書籍】[ 相原知栄子 ]

  • 価   格:2,894 円 (税込) 送料込
  • 販 売 者: 楽天Kobo電子書籍ストア
  • 評   価:
  • 商品の概要:<p>【本電子書籍は固定レイアウトのため7インチ以上の端末での利用を推奨しております。文字列のハイライトや検索、辞書の参照、引用などの機能が使用できません。ご購入前に、無料サンプルにてお手持ちの電子端末での表示状態をご確認の上、商品をお買い求めください】<..
WordPressユーザーのためのPHP入門第2版 [ 水野史土 ]

WordPressユーザーのためのPHP入門第2版 [ 水野史土 ]

  • 価   格:2,592 円 (税込) 送料込
  • 販 売 者: 楽天ブックス
  • 評   価:
  • 商品の概要:水野史土 エムディエヌコーポレーション インプレスワードプレス ユーザー ノ タメノ ピーエイチピー ニュウモン ミズノ,フミト 発行年月:2017年03月 ページ数:256p サイズ:単行本 ISBN:9784844366584 水野史土(ミズノフミト) レスキューワーク株式会社代表。WordPres..
楽天ウェブサービスセンター CS Shop

プラグインに関するお問い合わせ

最後までお読みいただきありがとうございました。 内容の相違、導入後のトラブル、設定方法のお問い合わせなどはこちらのリンクからお願いします。
さまざまな情報をいただくことで、プラグインの紹介記事をより正確でよりわかりやすく、よりいろいろな方のお役に立てる情報にしていきたいと考えておりますので、ぜひともご協力をお願いいたします。
役に立つ情報でしたらぜひSNSやメールでシェアしてください
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

似たようなプラグインをお探しですか?

このプラグインはに分類されています。リンクをクリックすると同じような機能を持つプラグインの紹介記事一覧が表示されますので、プラグイン探しに是非ご活用ください。

メニューを表示できません

ページ先頭へ