Post Snippets Pluginで出来ること（小技・事例集）

Post Snippets Plugin（以下PSPに略します）の詳細やインストール方法は、ネットでググると沢山紹介されていますのでそちらを参考にしてください。　

今回の事例紹介は、PSPの管理画面（下の画面）で、項目①〜⑥についての説明になります。

〜

なお、PSPの設定画面の上に「Options」というタグを開いた時、「Exclude from Custom Editors」（カスタムエディターから除外する）かの選択にレ点は入れていません。（レ点を入れても入れなくても変化しませんでしたので）

「簡単なHTML」挿入結果は以下▼のように表示されました。

こんにちは

この表示はpost snippetsで設定した変数（htmlコード）に上記HTMLコードをコピペ入力してビジュアルエディタに挿入しています。

※PSP変数窓への入力は、HTMLコードをコピペしていますが、当然、HTMLコードを手入力して頂いて構いません。

例えば、Amazonアソシエイトから、「カフカのヴィジュアルな語り」の商品リンクコードを取得して記事に挿入してみました。

例えば当ブログ記事のURLを指定してみました。

変数に（リンク先のURL：）
「https://pianoforte32.com/furtwangler_s_eroica-pseudo-stereo-record/」を指定

例えば、要素に「四角枠で囲む」簡単なCSSコードを以下の様に設定してみます。

PSPボタンを押して「CSSの挿入」を選択して上記のCSSコードを変数入力欄にペーストして記事に挿入します。　ショートコードはビジュアルモードでは以下の様にに表示されます。（【　】は半角です。）

【CSSの挿入 css="#css{ width:250px;background-color:white; padding: 10px; margin-bottom: 10px; border: 1px solid #333333; }"】

CSSをidで指定していますので、例えば、事例ー１で使用したHTMLコードをdivで囲み、id指定します。（下記）

上記コードをコピーしてPSPの「HTMLコード挿入」の変数にペーストして、記事に挿入するとCSSで指定された内容の通りに表示されます。
下のように、要素背景が白で250pxの四角枠で囲▼まれまています。

続 編で作成した「人気記事を表示させるショートコード」は以下になります。　このショートコードをコピペすれば記事中にもサイドバー内にも配置できます。　ショートコード [ ] 内の、ダブルコーテーション" " で囲まれている値を変更すれば、サムネールの大きさなどの変更も可能です。　（注記：WordpressテーマのAffinger5以外では、CSS等の変更が必要です。）

[/] shortcode
[人気記事　表示 name="＜よく読まれている記事＞" marg_t="0px" marg_b="0px" cat_id="0" numb="3" thumbnail_size="100" chr_number="50"]

＜よく読まれている記事＞

例えば、1960年４月が現在から何年経過しているかを表示できます。

PSPボタンを押して「経過年計算」を選択して変数入力欄に1960年と４月を入力して記事にショートコードを挿入します。

1960年４月は、【経過年計算 year="1960" month="4"】経過しています。　
結果は以下▼になります。

1960年４月は60年経過しています。