Wordpress

URLリンクをブログカード風に設定する方法【WordPress】【Pz-LinkCard】

  1. HOME >
  2. Wordpress >

URLリンクをブログカード風に設定する方法【WordPress】【Pz-LinkCard】

URLリンクをブログカード風に設定する方法【Wordpress】【Pz-LinkCard】

URLリンクをブログカード風にできる

  • 外部リンクや内部リンクをブログカード風にしたい。
  • 外部リンクと内部リンクでデザインを変更したい。

ココがポイント

結論:
プラグイン「Pz-LinkCard」ブログカード風のデザインできる。

皆様こんにちは。ユウスケと申します。
日々の生活で役立つ情報を発信しています。

ユウスケ

皆様は、参考になった外部リンクや
自身の記事を内部リンクさせる機会が多いと思います。

そんな中、少しでも「デザイン性のあるものにしてみたい」
参考になったリンクにはメッセージをつけておきたい」

そのようなブログカードにしたいけど、
「一つ一つ設定するのは大変」
感じていることでしょう。

そこで、今回は便利なプラグインを
見つけたので、ご紹介させていただきたいと思います。

 

1.ブログカード風のデザインにできる「pz-linkcard」

インストール

ダッシュボードの「プラグイン」から「新規追加」
キーワードに「Pz-LinkCard」と入力して検索。
「インストール」後、「有効化」をする。

 

2.「Pz-LinkCard」の詳細設定

2.Step1 「Pz-LinkCard」の設定画面へ

Pzカード設定へ

「設定」から「Pzカード設定」

 

2.Step2 「かんたん書式設定」を「見出し」へ

基本設定

「基本」タブを押して、「かんたん書式設定」から「見出し(付加情報のテキストが見出しとして表示されます)」を選択。
「変更を保存」をクリック。

 

2.Step3 「表示」設定でシェア数を表示できる

表示設定

「表示」タブを押して、一番下の「シェア数を表示」で表示したい項目のチェックを入れる。
「枠線の太さ」をお好みで。また、この「表示」設定レイアウトを調整できる。
設定を行った後、「変更を保存」をクリック

 

2.Step4 「外部リンク」にメッセージをつける

外部リンク設定

「外部リンク」タブから、「付加情報」メッセージを入れることができる。
「変更を保存」をクリック

 

2.Step5 背景色の設定

色の設定も、それぞれの「外部リンク」「内部リンク」のタブから行うことができる。

しかし、「他の設定との競合でうまく表示できない」
「もう少しこまかく設定したい」

という方は、下記CSSを追加してみてください。

.linkcard .lkc-external-wrap /* 外部リンクセレクタ */ {
  background: #FFE1C4;  /* 背景色 */
  border-color: #FFE1C4;  /* 枠線色 */
}
.linkcard .lkc-external-wrap .lkc-external-added /* 外部リンクのメッセージボックスセレクタ */ {
  display: block;  /* この行を追加することで枠線を設定できるようになる */
  background: #FF7D00;
  border: 1.5px outset #FF7D00;
}
.linkcard .lkc-internal-wrap /* 内部リンクセレクタ */ {
  background: #edf6fb;
  border-color: #edf6fb;
}

 

3.URLリンクにデザインを適用する方法

プラグインを入れると[blogcard url="リンク先URL"]でかこむだけで、
ブログカード風にすることができる。

テキストを打つ必要も無く、アイコンクリックでURLをかこむ機能もある。
ビジュアルエディタ側Pz-LinkCard_アイコン1 テキストエディタ側Pz-LinkCard_アイコン2

 

最後に:参考にしたページとまとめ

お疲れ様でした。

今回は、「Pz-LinkCard」簡単にURLリンクをブログカード風にデザインできる方法をご紹介しました。

参考にした詳しい記事も是非ご覧になって下さい。

もっと詳しく

最後まで、ご一読いただき、ありがとうございました。

Contact Form〈お問い合わせはこちらから〉

注目記事

MY BESTランキング

Webページ作成には必携!!

逆引きの見やすさが抜群!!

だから、

  1. HTMLのソースコード画面を読み取れる。
  2. 思い通りのCSSスタイルを調べられる。

是非、一冊手元にもってブログのレイアウトを自作しよう。

たった30分間を続ける重要性がわかる一冊!!

1日たったの30分間

けれども、
それが1週間、1ヶ月、1年となると
大きな差になる。

この本を読むだけで、
1日の生活の中の「たった30分間」の重要性がすぐにわかります。

勉強を始めるモチベーションになる一冊
是非、手元に!!

アフィリエイトならA8.net

最初のアフィリエイトにもってこいのASPです。

操作性がよく、
クリック率+EPCものっているので
初心者にとってありがたい仕組みになっています。

  • この記事を書いた人
  • 最新記事
YusukeMiyoshi

YusukeMiyoshi

Illustrator、Photoshopのテクニック。 WordPressのカスタマイズ についての記事が中心です。 よい本に出会えれば、ご紹介させていただきます。 Twitterのフォローお願いいたします。

-Wordpress

ユウスケの雑記ブログ
Thank you for your follow up.

Copyright© ユウスケの雑記ブログ , 2020 All Rights Reserved Powered by AFFINGER5.