[Pz-LinkCard]ブログカードを自分用にカスタマイズする

   2018/07/19

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

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

この記事へのコメントはこちら

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメント送信」ボタンを押してください。

3 × 2 =

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください