Shortcoder — Create Shortcodes for Anything

Shortcoder プラグインは、HTML、JavaScript、CSS およびその他のコードスニペットのカスタムショートコードを作成できます。作成したショートコードは投稿、固定ページで使用でき、スニペットとして置き換えられます。

✍ ショートコードを簡単に作成

1. 作成するショートコードに名前をつけます
2. 作成したいショートコードの HTML / JavaScript / CSS コードをペーストします。
3. 保存します。
4. これで、作成したショートコードを[sc name="my_shortcode"]として投稿や個別ページに挿入できます。
5. 出来上がり ! 投稿で HTML / Javascript / CSS スニペットが使えるようになりました。

✨ 特徴

• カスタムショートコード を簡単に作成し、ショートコードがサポートされているところならどこでも使用することができます。
• HTML、Javascript、CSS のショートコードが作成できます。
• ショートコードに カスタム変数 が挿入できます。
• ショートコードに WordPress 変数 が挿入できます。
• 複数のエディターに対応: コード、ビジュアル、テキストモード。
• 作成したショートコードが不要な場合、グローバルで無効化できます。
• ショートコードをモバイル端末やデスクトップで無効化できます。
• 投稿エディターにショートコードを選択、挿入するボタンが追加されます。
• Execute blocks HTML in shortcode content.
• Insert shortcodes in Gutenberg/block editor.

🎲 使用例

1. Shortcoder 管理ページで “adsenseAd” という名前のショートコードを作成します。
2. 表示されたボックスに AdSense コードを貼り付けて保存します。
3. 投稿や個別ページで [scname = "adsenseAd"] を使用します。
4. ジャジャーン !!! これでショートコードが広告コードに置き換えられ、投稿に表示されます。
5. これで、広告コードを1か所で編集することができ、ショートコードが使用されているすべての場所でコードが更新されます。

同じように、頻繁に使用されるスニペットもショートコードを作成できます。

スニペット内に カスタム変数 ( %%id%% など ) を追加することもできます。使用する場合は、[sc name="youtube" id="GrlRADfvjII"] のように値を変更します。

🧱 Using in block editor

Though shortcodes can be used in any place manually, Shortcoder provides below options to select and insert the shortcodes created easily when working with the block editor.

• Shortcoder block
• Toolbar button to select and insert shortcodes inline (under “more”)

💎 Upgrade to PRO

Shortcoder also provides a PRO version which has additional features to further enhance the experience. Below features are offered in the PRO version.

• Custom editor – Edit Shortcode content using block editor or page builder plugins like Elementor and WPBakery.
• (New) Translation with WPML – Translate Shortcode content with WPML.
• Revisions – Revisions support for Shortcode content.
• Locate shortcode – Search posts and pages where a shortcode is used.
• Extra code – Include extra code to the footer when a shortcode is used in a page.

Get started with Shortcoder – PRO

リンク

• ドキュメンテーション
• よくある質問
• サポートフォーラム/バグを報告する
• PRO features