WordPressでブログカードを表示させるときに、「Pz-LinkCard」が重宝している。
でもあらかじめ用意された書式設定はあんまり気に入ってない。

僕としては、はてなブログのブログカードみたいなのがシンプルで見やすいので、それを目指したい。
調べたら僕と同じような事を考えてる人がいたみたいで、設定を公開してくれてる人がいた。
ありがたい。

それを元に設定を作ったので以下に記しておく。
主に変更を施した所だけ。

基本の設定

• かんたん書式設定:なし

配置の設定

• BLOCKQUOTEタグを使用する:チェックはOFF
• カード全体をリンク:チェックをON
• 余白
  • (外側の)余白
    • 上の余白:設定しない
    • 下の余白:16px
    • 左の余白:設定しない
    • 右の余白:設定しない
  • (内側の)余白
    • 上の余白:16px
    • 下の余白:設定しない
    • 左の余白:16px
    • 右の余白:8px
  • 幅:500px
  • 高さ:108px
  • 中央に寄せる:チェックをOFF

表示の設定

• 外観設定
  • サイト情報
    • 下側
    • 「サイト名称を使用」にチェックをON
  • 区切り線:チェックをOFF
  • リンク先のURLの表示:なし
  • 生地の情報に枠を付ける:チェックをOFF
  • 抜粋分を表示する:チェックをON
  • 内側に影を付ける:チェックをOFF
  • 影を付ける:チェックをOFF
  • 角を丸める:チェックをON
• 枠線の太さ
  • 色:#afafaf
  • solid/実線
  • 幅:1px
• CSSリセット（img）:チェックをON
• 続きを読むボタン:なし
• シェア数を表示する
  • サイトの後ろ
  • ツイッター:チェックをON
  • フェイスブック(シェア数):チェックをON
  • はてなブックマーク:チェックをON

文字の設定

• サイト情報
  • 色:4eacd1
  • 縁取り:チェックをOFF
  • 大きさ:12px
  • 高さ:12px
  • 桁数:45
• タイトル
  • 色:#3d3f44
  • 縁取り:チェックをOFF
  • 大きさ:16px
  • 高さ:24px
  • 桁数:80
• URL
  • 色:#4466ff
  • 縁取り:チェックをOFF
  • 大きさ:10px
  • 高さ:10px
• 抜粋文
  • 色:#333333
  • 縁取り:チェックをOFF
  • 大きさ:11px
  • 高さ:17px
  • 桁数:160

外部リンクの設定

• サムネイル:WebAPIを利用する
• サイトアイコン:WebAPIを利用する
• 新しいウィンドウで開く:モバイル端末以外

内部リンクの設定

• サムネイル:直接取得する
• サイトアイコン:WebAPIを利用する
• 新しいウィンドウで開く:なし

エディターの設定

• ショートコード1:bcd
• リンクカードボタンを追加:チェックをON

うん、まぁこんなところかな。

WordPressでブログカードを表示させるプラグイン「Pz-LinkCard」 | WebデザイナーFAN

WordPressで、はてなブログでよく見かける「ブログカード」を表示させることができるプラグイン「Pz-LinkCard」をご紹介します。 ブログカードとは？ はてなブログを見ていると、記事内で自分の記事や他のサイトの・・・

WebデザイナーFAN

 

8 Users

53 Pockets