Page Builder Sandwichでカスタムショートコードを追加する方法

執筆者:

カテゴリ:

From the word itself, the word shortcode means exactly that: A short code; a shortcut code.

ショートコードを使用すると、開発者が通常行うような大量のコードを追加することなく、Webサイトに要素(ウィジェットなど)を追加できます。

たとえば、通常のコードの長さは、おそらく次のようになります。

<html>Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Etiam id aliquam turpis. Vivamus quis arcu tincidunt, finibus urna eget, placerat risus.

Aliquam arcu massa, finibus et lacinia sed, scelerisque nec augue. Quisque eu viverra sapien, vel consequat lorem. Integer vel erat tortor.

Phasellus condimentum magna eget congue venenatis. Suspendisse blandit vehicula consectetur.

Nullam sodales eleifend massa, in bibendum purus fermentum id.

Morbi et turpis feugiat, malesuada ipsum sit amet, interdum nulla. In non ante nec nisl mattis gravida sit amet id lectus.

</html>​

この例では、上記のコードを使用すると、Lorem Ipsumのプレースホルダーテキストの段落全体を追加できると仮定しましょう。

Now, a shortcode with the same exact function as the code above will look something like this, in contrast:

[lorem ipsum dolor estat]Lorem Ipsum[/lorem]​

You can see how they’re miles different from each other in terms of length.

ここで、元の長いコードと、「lorem」という単語だけを含むショートコードの両方が、まったく同じ動作(Lorem Ipsumテキストの追加)をすると想像してみてください。

This is what shortcodes do. They make adding widgets, functions, and a bunch of other cool stuff easier for both ordinary WordPress users and developers alike.

Where can I find shortcodes?

お気に入りのプラグインやウィジェットがある場合、使用できるショートコードが用意されている可能性があります。

Shortcodes Ultimate, for example, will let you choose from hundreds of shortcodes that you can use on Page Builder Sandwich (or anywhere, actually) by simply grabbing the shortcode of your choice from Shortcode Ultimate’s repository or documentation page.

Adding Custom Shortcodes on PBS

Page Builder Sandwichでは、コンテンツエリアに入力またはコピー&ペーストするだけで、ショートコードをページに直接追加できます。

以下では、Shortcodes Ultimateのショートコードを使用して、Page Builder Sandwichのデモページにコンテンツボックスを追加しました。

Another thing you’ll find handy when using Page Builder Sandwich is our Shortcode Mapping feature.

ショートコードマッピングに関する以前の記事によると、定義は次のとおりです。

Shortcode mapping is like letting Page Builder Sandwich memorize all the shortcodes available on your site: their names, descriptions, their attributes, and what each of these attributes do.

これは、それぞれのドキュメントやリポジトリでショートコードを手動で探す必要がなくなったことを意味します。

WordPressサイトにショートコードを含むプラグインがインストールされている限り、Page Builder Sandwichで簡単に利用できます。

So for example, if I wanted to add a WooCommerce shortcode on my page, all I have to do is make sure that it’s installed on my WordPress site, like so:

And then, to actually add the shortcode, I’ll just go to my page, and drag and drop the Shortcode Element:

Because we already have WooCommerce installed on our WordPress site, you can see that all of the shortcodes that are available on the WooCommerce plugin are already available on Page Builder Sandwich. This is what Shortcode Mapping is.

You can also see on the upper left corner that the ACF (Advanced Custom Fields) and MailChimp shortcodes are available– because we have those instlled on our WordPress site, too.

そのため、カスタムショートコードや自作のショートコードを追加したい場合でも、WordPressサイトにインストールされていれば追加可能です。

Here are some other helpful plugins that you can use to create your own custom shortcodes: