Udemyはてなブログで見られるな「ブログカード」を、WordPressに簡単に実装できる秀逸なプラグイン、「Pz-LinkCard」。制作者は、日本の方なので、設定方法もとてもわかりやすいです。Pz-LinkCardhttps://popozure.info/pz-linkcard当ページは「Pz-LinkCard」の説明書のようなもので、プラグインのバージョンアップとともに更新しています。↑これがまさに、「Pz-LinkCard」です。抜粋文デフォルトデザインを変えたいプラグインのインストール方法は、省略します。インストール後のデフォルトのデザインは、私のブログのトーンとちょっと違かったので、シンプルな感じに変えました。デフォルトデザインかどんな感じかは、制作者のブログを見てみてください。他にも簡単設定できるデザインをたくさん用意してくれています。私のトーンには合わず。いうことで、超シンプルなデザインに変えました。上にも表示させている、↓こういう感じに。Pz-LinkCardhttps://popozure.info/pz-linkcard当ページは「Pz-LinkCard」の説明書のようなもので、プラグインのバージョンアップとともに更新しています。インスパイアされた方に、設定方法をご紹介します。「Pz-LinkCard」のシンプルデザインの設定はこれだ!定型書式カスタマイズするので、「なし」を選択します。ショートコードこちらはデザインとは関係ありません。記事を書くときのショートコードを自分で決められるってやつですね。自分のお好きなように設定してみてください。表示設定ここから本題です。カード全体へのaタグ適用はしておいた方が良いと思います。幅500、高さ105、margin(外の余白)は下だけ16px、padding(中の余白)は、上と左が16、右が8でバランス良いと思います。高さは色々調整して見ても良いかもです。外観設定サムネイルは右がおすすめですね。抜粋文あり、影をつえ、角丸に。区切り線はあってもなくても良いと思います。色は薄めで、solid、太さは1px。文字設定これは、好みがあると思います。タイトルの文字の大きさとかは色々試して見てください。大きくしすぎて、タイトル長かったりすると、バランス悪くなるので、14pxぐらいでちょうど良いと思います。抜粋文これが結構、悩ましいです。上記のサイズ設定だと、抜粋文の高さは20、桁数160がちょうど収まりが良かったですね。このバランスが崩れると、抜粋文が見づらかったりしますので、注意が必要です。あとはデザインとはあまり関係がないので、デフォルトのままにしています。画面サイズに合わせて動的に変更させたい-http://shiru-web.com/2017/04/20/01-24/Chart.jsを使った、レーダーチャートの描画方法をご紹介しました。このcanvas、表示サイズの指定がすこしややこしいので、その方法をご案内します。シンプルが良い!という人は、この設定がおすすめです。画面サイズに合わせて自動的に変更させたい-最近の投稿PHPの四捨五入、切り捨て、切り上げ。