GT通信

WordPressで簡単にリンクをカード形式で表示できる「Pz-LinkCard」

calendar

ブログを始めた頃は、内容を考えたり文章を書くことで精いっぱいになってしまってブログ自体の見やすさなんて気にかけてる暇がないですよね。

その気持ちわかります。私も心掛けてはいるつもりですがまだまだな部分が多いですからね。

今回は、ブログの見やすさを表現する上で重要な「リンク」について紹介しようと思います。

突然ですが、記事中にリンクを貼る時にテキストリンクで貼っていませんか?

【テキストリンクVer.】

▼こちらを参照▼

広告が貼れない時の対処法とは?

こんな感じのをテキストリンクと言うんですが、これだとリンク自体が見にくくないですか?参照しようと思いますか?

もし見にくいと思ったのなら、それはブログを見てくれている人も同じように考えています。

どうにか見やすくしたいなって考えると思うんですが、そんな時はカード形式(ブログカード)で表示してあげましょう!

【ブログカードVer.】

【WordPress】独自ドメイン使用のブログに広告を貼れない原因の解決方法
ブログを開設してから、約一か月が経ちました。WordPressも独自ドメインを使用したブログも初めてで何が何だかわからない状態が続きました。手探りでやってきた中で少し...

どうですか?見やすくわかりやすくなってますよね?視覚的にも「見てみよう!」って気になりませんか?

これがリンクをカード形式(ブログカード)の威力なんですよ!

これを超簡単に設置できるプラグインが「Pz-LinkCard」なんです。

早速、インストール方法や使い方などを紹介していきます。

プラグインのインストール方法

プラグインのインストール方法は2つあります。

  1. WordPress 内でプラグインを探してインストールする通常の方法
  2. ダウンロードしたプラグインファイルを直接アップロードしてインストールする方法

WordPressをお使いの方は1番目が非常に簡単ですのでそちらを説明します。

【インストール手順】

1.ダッシュボードのプラグイン内の新規追加を選択する

【ダッシュボード】プラグイン場所

2.【Pz-LinkCardで検索】

Pz-LinkCard検索方法

3.【今すぐインストール】

Pz-LinkCardインストール方法

4.手順1~3まで行った後に「プラグインを有効化する」という選択肢が出るので、有効化してください。

これでインストールから有効化までは完了です。

では早速設定の説明に行きましょう!

「Pz-LinkCard」設定方法

今回は、私が設定している方法を紹介します。

設定自体はすごく簡単なので、自己流に変えたい場合もすぐに変更できますし、好きなようにいじってみてください!

因みに私の場合はこんな感じで作っています。

同じように作りたい場合は添付画像と同じ選択肢をするとできますよ!参考にしてみてくださいね。

知ってしまうと飲めなくなる?水道水を電気分解した中身とは
日本は水道水を常用し生活してきましたが、最近ではミネラルウォーターを買う人も多いと思います。海外では日本ほど水質もよくなく、ミネラルウォーターを飲んでいる印...

Pzカード設定を選択

インストール後、有効化すると「Pzカード設定」をいうアイコンが表示されるので選択

Pzカード設定

リンクカード設定

リンクカード設定

・「ショートコード1」

ショートコードの設定が可能ですが、特に変更しなくてもOKです。

・「ショートコードで囲んだ文字列」

ショートコードに囲まれた文字列の設定をしますが、ここも初期のままでOKです。

・「ショートコード2」

複数のパターンでショートコードを使用する際に設定。初期のままでOKです。

・「ショートコード3」

複数のパターンでショートコードを使用する際に設定。初期のままでOKです。

・「定型書式」

標準では「Pzリンクカード標準書式」になっていますが、ブログカードを独自に作りたい場合は「なし」に変更しましょう。

表示設定

Pzカード表示設定1

余白の初期設定は

【カード外側】

余白 単位(px)
4
4
16
16

【カード内側】

余白 単位(px)
上(内側) 設定しない
左(内側) 設定しない
下(内側) 設定しない
右(内側) 設定しない

・カードの横幅 : 500px

・カードの高さ : 108px

・カード全体をリンク化する : チェックが入っているとカードのどの部分を選択してもリンク先に繋がる。

Pzカード表示設定2

・枠線の太さ : 枠線の太さを選べます。初期は「黒/細い(1px)」が選択されている。

・角を丸める : チェックを入れるとカードの角が丸まります。初期はなし。

・サイト情報 : サイト情報をどこに表示するか選択できる

・区切り線 : サイト情報と記事情報の間に区切り線を入れることができる

・リンク先のURLを表示する : そのままです

・記事情報に枠を付ける : 記事の情報に枠を付けれる

・抜粋文を表示する : サイト内容を抜粋文で表示できる

・内側に影を付けれる : 影を付けれる

・シェア数を表示する : 初期設定は全てにチェックがついているが、フェイスブックは機能していないので必ず外しておくと良い。

設定が完了したら「変更を保存」を選択して保存しましょう!

文字設定

Pzカード文字設定

ここでは様々な文字の設定ができます。

もし好みがない場合はデフォルトでOKですが、自分なりにちょっといじくってみると面白いかもしれませんよ!

設定が完了したら「変更を保存」を選択して保存しましょう!

外部リンク設定

Pzカード外部リンク設定

サイトアイコンは「WebAPIを利用する」を選択しておいた方が良いと思います。

・新しいウィンドウで開く : リンク先を同じページに表示させるか、新しいタブに表示させるか選択できます。

設定が完了したら「変更を保存」を選択して保存しましょう!

内部リンク設定

Pzカード内部リンク設定

これも外部リンク設定とほぼ同じです。

わからない場合は添付画像と同じにしてみてください。

設定が完了したら「変更を保存」を選択して保存しましょう!

同ページへのリンク設定

Pzカード同ページへのリンク設定

こちらは同じページ内でリンクを貼る場合に設定します。

ほとんど、内部リンク設定を引き継ぎますね。

設定が完了したら「変更を保存」を選択して保存しましょう!

詳しい人用の設定

Pzカード詳しい人用設定

これは今回省略しますが、詳しい人は設定をしてみても良いかもしれません。

初心者の方は特に触らずデフォルトのままでOKです。

設定が完了したら「変更を保存」を選択して保存しましょう!

設定の初期化

Pzカード初期化設定

設定の初期化をする場合はチェックを入れて、変更を保存してください。

これで各項目の設定は完了です。

リンクの貼り方

貼り方はすごく簡単です。

基本設定で決めたソースコードを記事に貼りつけるだけでOKです。

[Blogcard url=”ここにURL″]

(コピペする場合はB → b へ変更してください)

まとめ

いかがでしたか?初心者でも簡単でこれならちょっと頑張って設定してみようかな?って思ってもらえると嬉しいです。

実際私も初心者ですが、簡単にできたので、ぜひ試してみてくださいね。

 

 

最後まで読んで頂きありがとうございました。良かったらシェアしてくれると喜びます。

この記事をシェアする

folder キュレーション

35歳以上の女性は結婚が困難に?その理由と彼氏を作るコツは?
【レコード大賞】三代目(LDH)に買収疑惑が挙がっている件
喫煙者に悲報!厚生省がタバコのニオイ対策まで始めた件
more...

folder Media mix

NHK土曜ドラマ、嗅覚捜査官スニッファーが面白すぎる件
【iPhone、android対応】人気のおすすめ無料スマホゲームアプリ集
【決定版】ram like mellow特集 | インディーズ・バンド
more...

folder 白猫テニス攻略

【最新版】白猫テニス、ガチャで出現する星4キャラ(スキル)詳細一覧
more...