Post Snippetsの使い方。簡単な操作でショートコードを作成するプラグイン

ブログの記事を書くときに毎回必ず書くことや、たまにしか使わないけれど書くのが面倒くさい、というものがあります。

そういうものは、ショートコードにしておくと便利です。

スポンサーリンク

Post Snippetsとは

Post Snippetsはショートコードを作成・利用するためのプラグインです。

任意の文章やHTML、PHPのコードなどをPost Snippetsのショートコードに登録しておけば、Wordpress投稿画面のビジュアルエディタから記事内に簡単に挿入することができます。

プラグインの導入方法

WordPress管理画面左側のメニューから[プラグイン]→[新規追加]をクリックします。

[プラグインを追加]画面が表示されるので、右上の[プラグインの検索]にPost Snippetsと入力します。

Post Snippetsが表示されたら、[今すぐインストール]をクリックしてプラグインのインストールをします。

インストールが済んだら有効化してください。

使い方

1.基本的な使い方

Wordpress管理画面左側のメニューから[設定]→[Post Snippets]と進みます。

Post Snippetsの設定画面が表示されます。

[Add New Snippet]をクリックします。

新しいショートコードが作成されます。
[Untitled]という箇所をクリックすると名前を変更することができます。

今回はshortcode1という名前を付けました。

名前の下の欄にショートコードの内容を記述します。
ここでは、サンプルとして「post snippets」と入力します。

右側にある[Shortcode]というチェックマークにチェックを入れてください。
ここにチェックを入れないと、記事内に挿入した際にショートコードではなく登録内容が展開されます。

入力を終えたら、[Update Snippets]をクリックして保存してください。

WordPress投稿画面のビジュアルエディタにある黄色いボタンがpost snippetsのボタンです。

Post Snippetsで作ったショートコードの一覧が表示されます。

先ほど作成したshortcode1を選択し、[Insert]をクリックします。

投稿にshortcode1が挿入されます。

プレビューで確認すると、↓このように表示されます

post snippets

2.HTMLコード

Post Snippetsでは、テキストだけでなくHTMLコードの登録も可能です。

shortcode2に、文字色を赤色にした文字列を登録します。

<span style="color: #ff0000;">post snippets</span>

投稿画面でshortcode2を挿入します。

↓このように表示されます。

post snippets

3.他のプラグインやショートコードを組み合わせる

Shortcodes Ultimate

のショートコードと組み合わせて使います。
このような使い方がとても便利だと思っています。

shortcode1とshortcode2をShortcodes Ultimateのタブに入れたものを、shortcode3に登録しました。

↓このように表示されます。

タブ1タブ2
post snippets
post snippets

さいごに

Post Snippetsを利用すれば、特定の記事にだけ任意の関連記事を表示したり、色々な応用ができます。

使い方もとても簡単で、記事作成の効率化に役立つと思います。

Comments

  1. […] Post Snippetsの使い方。簡単な操作でショートコードを作成するプラグイン simplicity-hacks.tokyo/?p=643 […]

  2. […] Post Snippetsの使い方。簡単な操作でショートコードを作成するプラグイン […]

タイトルとURLをコピーしました