Articles

WordPressのショートコードへの完全なガイド

WordPressのブロックエディタの前に、WordPressのショートコードは、それが簡単にページ、投稿やWordPressのウェブサイトの他のセク

ワードプレスのショートコード究極ガイド

ブロックエディタへの移動で、これはまだショートコードでいっぱい WordPressのショートコードはまだ動作しますか? WordPressのショートコードを使用してからWordPressのブロックに簡単に移動する方法はありますか?

調べてみましょう。 このガイドでは、我々はWordPressのブロックエディタの時代にWordPressのショートコードを探ります。このガイドの

WordPressのショートコードとは何ですか?

WordPressのショートコードは、ラップされたコードの再利用可能な、動的なビットです。 ショートコードを使用すると、簡単に任意のポスト、ページ、カスタムポストタイプやウィジェットにWordPress自体のか、プラグインやテーマの特定の機能を挿入す あなたのウェブサイト上の”ショートカット”やマクロのようなワードプレスのショートコードを考えてみてください。

WordPressのショートコードを使用して、コーディングと繰り返しを維持するにはあまりにも退屈な静的コンテンツを表示することができます。 また、ショートコードを使用して、画像ギャラリー、ポッドキャスト用のオーディオプレーヤー、イベントカレンダー、特定のデータの統計情報の変更など、動的

ショートコード形式

それはショートコードを挿入することになると、基本的な形式は、あなたが属性と呼ばれる追加の設定情報をカスタマイズしたり、追 さらに、ショートカットは、テキスト(またはHTML)をラップしたり、別のショートコード内にネストすることができます。

たとえば、ショートコードは次の形式を持つことができます:/div>


Some text
<a href="http://mysite.com/">HTML content</a>
Some text more text 
Some text more text 
Some text more text 
Some text
Some text

ショートコード属性

彼らは属性で拡張することができるので、ショートコードも柔軟です。 属性を使用すると、ショートコードは、単にショートコード内の余分なコードスニペットを追加することにより、追加のカスタマイズを提供します。

プラグインとテーマは、ユーザーが正しいショートコードスニペットを使用して出力内の特定の要素を追加または削除するのに役立つ追加のガイドとルーブリックを提供します。

ここでは、属性を持つショートコードのいくつかの例があります。

]

Posts Heading

組み込みのWordPressのショートコード

WordPressは、コンテンツの特定のタイプをレンダp>

]

オーディオショートコードを使用すると、オーディオファイルを埋め込み、それらを再生することができます。

]

主に個々の画像で使用される、キャプションショートは、コンテンツの周りにキャプションをラップすることができます。p>

]

ギャラリーのショートコードは、あなたの投稿やページに一つ以上の画像ギャラリーを追加することができます。

]

埋め込みショートコードを使用すると、最大(ただし固定ではない)の幅と高さで埋め込みアイテムをラップできます。

]

プレイリストショートコードは、投稿にWordPressのオーディオまたはビデオファイルのコレクションを表示する機能を実装しています。p>

]

ビデオショートコードを使用すると、ビデオファイルを埋め込み、それらを再生することができます。

プラグイン&テーマのショートコード

特定のWordPressのテーマやプラグインは、ポストやページエディタに挿入することができ、フロントエンド この日に、テーマやプラグインの多くはまだショートコードを使用しています。

例えば、ショートコードは、多くの場合、カレンダー、フォーム、テーブル、メンバーシップ、カウントダウンタイマーや引用符を引くための一般的なプラグインで使 でもショートコードプラグインは、あなたが何のためのショートコードを作成することができます存在します。

WordPressのテーマは、ショートコードを利用して、事前スタイルまたはそれらによって提供される特定の動的コンテンツをレンダリングすることもできます。

カスタムショートコード

ほとんどの専門家の開発者は、本質的にそれが繰り返しだ何かをコーディングするのにかかる時間を削減し、独自のショート それが取るすべては、カスタムショートコードを作成するためにあなたのファイルディレクトリ上の簡単な追加ファイルです。phpファイル。 あなたは、カスタムショートコードのロープを学びたい場合は、ここでは、カスタムショートコードを作成する上でのガイドです。

WordPressのショートコードAPI

独自のカスタムショートコードを作成する開発者のために、WordPressのショートコードAPIは、投稿やページで使用するためのWordPressのショート

Shortcode APIは、プラグイン開発者が、ユーザーがコンテンツ領域に対応するショートコードを追加することにより、ページや投稿に追加できる動的コンテンツを作 ありがたいことに、APIはすべての複雑な解析を処理し、各ショートコードのカスタム正規表現を記述する必要がなくなります。 また、デフォルトのショートコード属性を設定して取得するためのヘルパー関数が含まれています。

開発者は、WordPressのショートコードAPIドキュメントを出て詳細を学ぶことができます:

  • 処理属性
  • 出力
  • 自己閉鎖ショートコード対囲む
  • 関数リファレンス
  • 制限
  • 正式な構文

古典的なエディタでショートコード

過去には、ショートコードは、任意のポストやページの古典的なエディタに挿入されました。このように:

ワードプレスのショートコード

ワードプレスのブロックとは何ですか?

ショートコードは最初に…しかし、その後、ブロックベースの編集が来ました。 WordPress5.0の導入により、長年計画されていたGutenberg editorまたはWordPress Block EditorがWordPressのメインページおよびポストエディタとして実装され、長年使用されてきた古典的なWordPressテキストベースのエディタに置き換わりました。

ここでは、WordPress5.5より前のコンテンツエディタを見ています(ああ、それらは日でした!)

Gutenbergエディタは、以前のバージョンのWordPressで最初に発表されましたが、WordPress5.0がデフォルトエディタになるまでオプシ

電子ブックをダウンロード:ワードプレス5.0への究極のガイド&Gutenbergエディタ

新しいブロックされたエディタには本質的に何も 実際には、ほとんどのユーザーは、WordPressのバックエンドの改善されたクリーンな、あまり威圧的な、外観のように。 Div>

しかし、WordPressのブロックエディタでは、WordPressのブロックが来ました。 ゴーンは、Microsoft Wordのようなワープロアプリケーションを連想させる上部の書式設定オプションです。 代わりに、書式設定オプションは、各ブロックのタブ付きの右サイドバーオプションに置き換えられました。

WordPressブロックは本質的にコンテンツコンテナです。 画像、ビデオ、テキスト、見出し、ギャラリー——あなたはそれに名前を付けるコンテンツの種類には、多くの異なるブロックがあります。

書式設定、スペーサー、およびディバイダーのためのWordPressのブロックもあり、それらは気軽に簡単にアクセスするためのカテゴリに配置されています。

上部にあったすべてのオプションとコントロールは、ページ/ポストエディタの右側にあり、上部にタブがあ

ブロックエディタは、より簡単で高速で、よりユーザーフレンドリーです。 また、テーマやプラグインの開発者はまた、デフォルトのWordPressのブロックに多くのブロックオプションを追加し、独自のブロックを作っています。

再利用可能なブロック対ショートコード

WordPressの古典的なエディタで定義済みの出力のセットを保存する古い方法は、独自のショートコードを作成することでした。 現在、この方法は再利用可能なブロックに置き換えられています。

定義済みおよび事前にカスタマイズされたブロックを保存する機能は、特定のブロックのレイアウトとデザインを保存し、別のブロックで使 多くのページテンプレートのように。 たとえば、ボタンブロックを追加し、特定の色、ホバー効果などでスタイルを設定すると、

たとえば、ボタンブロックを追加して、特定の色、ホバー効果などで、あなたはそのボタンを追加するすべてのページでそれを続けることを望んでいないでしょう。 再利用可能なブロックに変更すると、ボタンはWordPressサイトに保存され、他のページや投稿で使用できる独自のブロックになります。 また、これらのブロックを通常のブロックに変換したり、新しい名前で保存したり、ブロックの既存のデザインを更新したりすることもできます。

グループブロック

WordPress5.3では、グループブロックとテンプレートの導入も行われました。

基本的には、特定のブロックをグループ化し、それらをすべて一緒に移動または更新する機能が与えられます。

基本的には、特定のブロックを これは最終的にブロックパターンを生じさせた。 ブロックパターンは、ユーザーが空白のキャンバスから開始するのではなく、パターンを選択し、コンテンツを更新するのではなく、コンテンツの編集

ブロックスタイリングオプション

各テーマで異なるスタイルオプションが付属しています。 そして、通常、各サイトに追加するコンテンツのスタイルは、テーマによって事前に決定されます。

ブロックエディタを使用すると、各ブロックのスタイルを個別に更新して目立つようにするか、より目立つようにすることができます。

ブロック&フルサイト編集

これらすべての進歩とWordPressでページを作成および構築する方法の変更により、アイデアと最終的な移行は、フルサイト編集と呼ばれるものへの移行が行われます。

貼り付けでは、ほとんどのユーザーは投稿またはページの実際の本文のみを更新できます。 ヘッダー、フッター、サイドバー、ウィジェットなどのウェブサイトの特定の側面は、依然として主にテーマに依存しています。 これはもちろん、WordPressの開発者やユーザーのための究極の闘争のオプションの適切な量で完璧なテーマを探して作られました。

フルサイトの編集とブロックビルダーの導入により、傾向はブロックを使用して、方法で、ページやポストのすべてのセクションを編集可能にする方

たとえば、最新のTwentyからTwenty WordPressのテーマは、クリエイターやウェブサイトの所有者が自分のウェブサイトをより細かく制御し、どのように彼らはそれが見

楽しみにして、プラグインとテーマの開発者は、WordPressのブロックエディタの新しいフルサイト編集とページ構築の経験に適応するために彼らのソフ これの完全な適用はまだ地平線上にありますが、それは私たちが後でではなく早く見る可能性が高い肯定的な変化です。

新しいショートコードブロック

ブロックエディタの前に、ショートコードは、ページまたはページエディタに直接挿入されました。 今、WordPressのブロックエディタは、新しいショートコードブロックが含まれています。

ショートコードブロックは、それが簡単にポストやページ内のレガシーショートコードを使用し続けることができ、ショートコード出力の整合性を維持します。

注意事項

注意事項: 段落ブロックにショートコードを挿入すると、常に動作しない場合がありますので、代わりにショートコードブロックを使用する必要があります。

ショートコードブロックは、ブロックの追加ボタンをクリックすることで、ページまたはポストに追加することができます。 または、/shortcodeと入力してenterキーを押すこともできます。

wordpressのショートコードブロック

あなたは、他の一般的なブロックとは異なり、ショートコードブロックは、おそらく原因ショートコードは、その属性を使用してカスタマイズすることができるという事実に、ブロックツールバーまたはエディタサイドバー内の任意の特定の設定が含まれていないことに気づくでしょう。

WordPressのショートコードのブロックエディタの意味は何ですか?

WordPressのブロックエディタは、ショートコードのための主要な意味を持っています。 のは、ブロックエディタの時代にWordPressのショートコードについて注意する最も重要なことのいくつかをカバーしてみましょう。

1. WordPressのブロックエディタは、基本的にほとんどのプラグインやテーマのためのショートコードの必要性と目的を変更します。 ブロックベースの編集システムでは、ページ上の各「要素」には、編集可能なWYSIWYGエディタに含まれるのではなく、独自のブロックがあります。

ブロックエディタは、ポストやページを構成するための全く異なるアプローチであるため、ショートコードによって生成されたページのより動的な部分は、個別に追加することができるブロックとして存在することができます。

2. ブロックは現在、ショートコードを使用する方法を学ぶために、ユーザーの必要性を除去し、ほとんどのショートコードの場所を取ることができます。 ショートコードの概念と形式は、一部のユーザーにとって急な学習曲線を持つ可能性があるため、ブロックアプローチが容易になる可能性があります。

たとえば、Gravity Formsプラグインを使用します。 ブロックエディタの前は、フォームを投稿またはページに挿入するプロセスが異なりました。 クラシックエディタからは、ボタンを使用してコンテンツにフォームを挿入する必要がありました。

重力フォーム挿入フォーム

フォームを選択した後、フォームのショートコードがコン 選択したオプションに応じて、ショートコードにはタイトルと説明の属性が含まれていました。 P>

今、重力フォームプラグインは、フォームブロック埋め込みブロックを提供しています。 ブロックエディタから、Formsブロックを選択します。

フォームを選択すると、フォームがページ上でどのように表示されるかを実際 フォームの設定は、ブロックの設定で見つけることができます。p>

3. テーマとプラグインの開発者は、彼らのショートコードの実装の将来を決定し、ブロックに彼らのショートコードを変換する必要があります。 前述したように、テーマ、プラグイン、および開発者の何百ものまだ自分のウェブサイトやアプリケーション上のショートコードを使用しています。 ブロックの採用は遅いかもしれませんが、ユーザーが新しいブロックエディタに慣れてくると、ユーザーはブロックオプションを要求する可能性があ

ワードプレスのブロック編集システムを採用することからまだマイル離れている開発者には、完全なサイト編集の概念は、彼らのショートコードと手をつないで行くことができます。 レビューや評価のプラグイン、オーディオプレーヤー、日付ティッカー、ギャラリー、連絡先フォーム、およびまだショートコードを使用する他のほとんどの何かのようなプ”

4. ショートコードは、いつでもすぐに離れて行くされていません。 WordPressのブロックエディタは、ショートコードの使用を維持するためにショートブロックを提供しています理由はおそらくです。 ショートコードは、WordPress5.0とブロックエディタの前に、このような広い使用法と実装を持っていたので、それはWordPressの将来のバージョンはまだショートコードをサ

5. ショートコードは、ブロックに変換することができます。 ショートコードを使用して、お気に入りのテーマやプラグインを持っていますか? これらのショートコードは、ある時点でブロックに変換される可能性があります。 あなたは、プラグインやテーマの開発者だ、またはあなたがWordPressのウェブサイトを構築し、カスタムテーマでショートコードを使用している場合は、ブロックとし

次のセクションでは、WordPressのショートコードをWordPressのブロックに変換する方法を簡単に説明します。

WordPressのショートコードをWordPressのブロックに変換する方法

カスタムショートコードと再利用可能なブロックを追加するのと同じように、あなたはまた、簡単にWordPressのブロックにカスタムWordPressのショートコードを変換することができます。

このカスタムショートコードガイドからの最初の手順に従ってください。

カルデラ形式からこの基本的な例を取る:このコードは、投稿IDと見出しレベル(h2、h3、he)を取得し、見出しのHTMLでラップされた投稿のタイトルを出力します。 それが完了し、コードが動作していることをテストしたら、ショートコードをブロックとして登録する必要があります。 例として、WordPressのショートコードをGutenbergブロックに変換するためのステップバイステップガイドがあります。

WordPressのブロックを作成する上でのより多くのリソース

あなたの最初のブロックタイプを書く上でWordPressの公式ドキュメントを含む、あなたがその Igor Benicの投稿をチェックすることもできます投稿を表示するためのブロックを作成する方法。

これらのガイドを読んだ後、あなたのカスタムショートコードを使用して、独自のWordPressのブロックを作成する方法を見つけ出すことができるでしょう。

注:プロセスは、ショートコードが異なると少し異なる場合があります。 ショートコードを持つプラグインやテーマは、考慮すべき属性の巨大さのために異なるアプローチを取るかもしれません。 基本的には、多くの研究を行い、これをコーディングするのにかなりの時間を費やす必要があるかもしれません。

ワードプレスのショートコードの評決

ワードプレスのショートコードは、まだワードプレスの最も重要な部分の一つであり、なります。 ショートコードは、多くのプラグイン開発者が彼らのプラグインをよりユーザーフレンドリーにし、テーマ開発者の多くは、彼らのテーマの機能を拡張 ショートコードはまた、それが繰り返し追加し、彼らが望むものを更新することになると、コンテンツ制作者やウェブサイトの所有者の多くは、彼らのカ

そうは言っても、ブロックエディタはWordPressの編集経験の未来であることは間違いありませんので、より多くの開発者がまだショートコードを使用して 今後、より多くの開発者がWordPressショートコードの代わりにWordPressブロックを使用して追加することに移行することを期待しています。

私たちは、あなたがWordPressのショートコードの重要性について多くのことを学んだことを願っています,彼らは何のためにしているとそれらを使用す うまくいけば、あなたは確かにいつでもすぐに離れて行くされていないどちらも、独自のカスタムショートコード、最終的には独自のブロックの作成を/p>

経由で共有します。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です