WordPressショートコードブロックの使用方法

ショートコードの使用は、WordPressエクスペリエンスの本質的な部分です。 多くのプラグインは、ブロックエディタにカスタムブロックを追加しません。 代わりに、ショートコードを使用して投稿やページに要素を配置する（そしてそれらをカスタマイズする）ことができます。 そのためには、 Shortcodeブロックを使用する必要があります。

一言で言えば、これ ブロックを使用すると、WordPressのブロックが有効な任意の場所にショートコードを追加できます。 この記事では、それを使用および構成する方法を示します。

仕事に取り掛かろう！

ショートコードブロックを投稿またはページに追加する方法

以前にブロックエディタを使用したことがある場合は、ショートコードブロックを見つけるのに問題はないはずです。 新しい要素を追加すると、エディターを使用して、最も一般的に使用されるオプションから選択したり、カタログ全体を調べたりすることができます。

このブロックを使用してショートコードを追加するのは非常に簡単です。 ブロック自体は、使用するショートコードを入力できるフィールドを追加するだけです。

ショートコードを追加する前にフロントエンドの投稿またはページをチェックアウトすると、何も表示されません。 有効なショートコードを追加しない限り、ブロック自体は表示されません。

ブロックにショートコードを追加すると、他に何もする必要はありません。 WordPressは自動的にそれを解析し、フロントエンドに結果を表示します。

この例では、WooCommerceに付属しているショートコードの1つを使用しています。 ページをプレビューすると、ブロックは次のようになります。

アクセスできるショートコードは、使用するプラグインとテーマによって異なることに注意してください。 従来、プラグインとテーマには、各ショートコードの使用方法と、アクセスできるパラメーターに関する包括的な手順が含まれています。

ショートコードブロックの設定とオプション

ショートコードブロック自体には、追加の設定は含まれていません。 これは、ショートコードを取得して解析し、ユーザーがサイトにアクセスしたときに表示される要素を生成することが唯一の仕事であるためです。

ブロックのフォーマットツールバーを確認すると、1つのオプション、つまり別の要素に切り替えるオプションしか提供されていないことがわかります。

ショートコードで生成する要素のスタイルを変更するには、さまざまなパラメータを設定する必要があります。 いくつかのショートコードはあなたにたくさんのカスタマイズオプションを提供します。 ただし、それはブロック自体ではなく、実装に依存します。

ショートコードブロックを効果的に使用するためのヒントとベストプラクティス

ショートコードブロックは、投稿やページに非常に簡単に追加できます。 ショートコードを使用する場合の唯一の課題は、コード自体にあります。

概して、使用したいショートコードのドキュメントを読んでいる限り、問題が発生することはありません。 もちろん、すべてが意図したとおりに機能していることを確認するために、公開する前にショートコードを使用してページや投稿を常にプレビューする必要があります。 ショートコードはバックエンドエディタに表示されないため、これは特に重要です。

ページをプレビューすると、訪問者がショートコードを見る前に、ショートコードの問題を修正できます。 要素が機能していない場合は、いつでもドキュメントに戻って何が問題だったかを確認できます。

残念ながら、一部のプラグインは、追加するショートコードについて十分なドキュメントを提供していません。 そのような場合、宣伝どおりに機能しない要素や、Webサイトの他の部分にうまく適合しないスタイルになってしまう可能性があります。 開発者やコミュニティに助けを求めることもできますが、最良の結果を得るには、プラグインとテーマのショートコードと完全な手順のみを使用することをお勧めします。

ショートコードブロックに関するよくある質問

ショートコードの仕組みに慣れていない場合、ショートコードの使用は難しい場合があります。 それを念頭に置いて、私たちはあなたが始めるのを助けるために最もよく聞かれる質問のリストをまとめました。

ショートコードが機能しないのはなぜですか？

ブロックを使用してショートコードを追加し、フロントエンドに何も表示されない場合は、いくつかの原因が考えられます。 ショートコードを使用するプラグインが無効になっているか、コード自体にエラーがある可能性があります。 ブロックはコードを解析するだけなので、それが機能しない場合、問題はブロックではなくコードにあることに注意してください。

投稿またはページに複数のショートコードを追加できますか？

他のブロックと同様に、エディターを使用して必要な数のショートコードを追加できます。 コードの結果はエディター内に表示されないため、複数の要素を追加する場合は、投稿またはページを頻繁にプレビューすることをお勧めします。

ショートコードはブロックよりも優れていますか？

多くのプラグイン開発者は、ショートコードではなくカスタムブロックを使い始めています。 Webデザインに対してより視覚的なアプローチを好む場合は、ブロックを簡単にカスタマイズできます。 ただし、ショートコードがどのように機能するかを理解するために時間をかけると、ショートコードは非常に用途が広くなる可能性があります。 コードの経験がなくても、通常は好きなようにカスタマイズすることは難しくありません。

1つのブロックを使用して複数のショートコードを追加できますか？

このブロックの各インスタンスは、単一のショートコードに対してのみ機能します。 そのコードは、含まれるパラメーターの数によっては長くなる可能性があります。 ただし、追加する要素ごとに新しいブロックを使用する必要があります。

ショートコードブロックにアクセスできないのはなぜですか？

ブロックエディタを使用していない場合、その要素にアクセスすることはできません。 クラシックエディタを使用すると、エディタ内の任意の場所にコードを入力するだけで、ブロックなしでショートコードを追加できます。

一方、WordPressページビルダープラグインを使用している場合は、このブロックの独自のバージョンが付属している可能性があります。 適切な要素を見つけるには、ページビルダーのドキュメントを確認することをお勧めします。

結論

しばらくの間WordPressを使用する予定がある場合は、ショートコードの使用に慣れておく必要があります。 多くのプラグインは、コードを使用してのみアクセスおよびカスタマイズできる幅広い要素を追加します。 そのコードを機能させるには、 Shortcodeブロックを使用する必要があります。

このブロックにはカスタマイズオプションが付属していないため、使用するショートコードのドキュメントを注意深く読む必要があります。 各ショートコードがどのように機能するか、それをカスタマイズする方法、およびアクセスできるパラメーターを確実に把握する必要があります。

ショートコードブロックの使用方法について質問がありますか？ 以下のコメントセクションでそれらについて話しましょう！

MchlSkhrv /shutterstock.com経由の注目の画像