ワードプレスでショートコードを作成する方法

ワードプレスは、ワードプレス2.5のリリースで六年前にショートコードAPIを導入しました。 ショートコードは、現在、ユーザーが自分の投稿やページにコンテンツを追加できるようにするためにWordPressのプラグインの多数で使用されています。

ショートコードAPIは、あなたのテーマの機能に機能を追加することにより、独自のショートコードを作成することができます。phpテンプレート(これはwww.yourwebsite.com/wp-content/themes/yourtheme/).

独自のショートコードを作成することに加えて、WordPressはまた、WordPressのコアと五つのデフォルトのショートコードが含まれています:

  • オーディオ–オーディオファイルを埋め込むことができます。
  • caption–コンテンツの周りにキャプションをラップすることができます。 これは、一般的に画像で使用されます。
  • embed–ビデオ、オーディオ、ツイートなどの幅広いコンテンツを埋め込むことができます。
  • gallery–画像ギャラリーを挿入できます。
  • video–ビデオファイルを埋め込むことができます。

デフォルトのWordPressのショートコードが一般的に使用されていますが、非常に少数のWordPressのユーザーは、ショートコードAPIを利用し、自分のウェブサイトのためのユニー このチュートリアルでは、私はそれがカスタムショートコードであなたのウェブサイトを強化することがいかに簡単かをお見せしたいと思います。

始める前に、機能のバックアップを作成してください。phpおよびライブwebサイトを変更する前に編集したその他のファイル。

ショートコードの作成–基本的な例

WordPressのショートコードAPIがどのように機能するかをよく理解するために、基本的なショートコード関数

ショートコードは、頻繁に使用するコンテンツや機能のために作成する必要があることを覚えておいてください。 ショートコードを使用しての全体のポイントは、誰かの時間を節約することです。 あなたが一度だけ何かを使用しようとしている場合は、それのためのショートコードを作成することに多くのポイントはありません。私は週に十数の記事を書いています。

私は週に十数の記事を書いています。 私が頻繁にすることの一つは、私の記事を楽しんだ人に私のブログ(または私が書いているブログ)を購読することを奨励することです。 私は現在、しかし、私はテキストのショートコードを作成することにより、自分自身に多くの時間を節約することができ、毎回これを書きます。これを行うには、このような関数をテーマの関数に追加できます。phpテンプレート:

コーディングの経験がない人は、上記のコードが少し難しいかもしれませんが、コードを1行ずつ分解すると理解しやすいです。

最初に行うことは、関数の上にコメントを追加することです。 これは、後でコードを表示するときに関数が何であるかをすばやく確認するのに役立ちます。

// Function to add subscribe text to posts and pages

次に、関数を定義します。 私は自明な名前を使うのが好きなので、私は自分の関数を”subscribe_link_shortcode”と呼んでいます。

function subscribe_link_shortcode() {

次に、メッセージを定義します。 Return文は、呼び出されたときにメッセージを表示します。 また、メッセージも保存されます(echoとは対照的に、印刷されますが保存されません)。

その後、関数は閉じられます。

}

その後、add_shortcode関数を使用してショートコード自体を定義します。 指定された最初の変数は使用されるショートコードを定義し、2番目の変数は私たちの関数(つまり、上で定義したもの)を呼び出します。 p>

add_shortcode('subscribe', 'subscribe_link_shortcode'); 

関数を保存した後。phpテンプレート、私たちは今、私たちはショートコード購読を使用して好きなときに私たちのメッセージを呼び出すことができます。


投稿やページでサブスクライブショートコードを使用すると、次のメッセージが生成されます。

この記事を楽しんだ場合は、Rss経由でElegant Themesブログを購読することをお勧めします。私の例では単純なメッセージを使用しましたが、これを変更して他の多くのものを表示することができます。

私の例では単純なメッ 例えば、あなたの時事通信のためのadsense広告か予約購読の形態を表示するためのショートコードを作成できる;そして次にあなたがあなたの記事でほしい

属性を持つショートコードを作成する

属性は、あなたのショートコードを介してデータを渡すことを可能にすることによ以下の例では、前に作成した関数を拡張するために属性を使用する方法を示します。 ご覧のとおり、コードの多くは同じままです。

at attsは属性配列の名前です。 次に、extract関数を使用して配列から変数をインポートします(shortcode_atts WordPress関数を介して)。

二つの属性が定義されています。subtypeとsubtypeurl。 これらは、サブスクリプションの種類とサブスクリプションのURLを表します。 これらの属性は、私たちのメッセージで呼び出されます。

デフォルトの購読タイプはRSSで、デフォルトの購読URLはhttp://feeds.feedburner.com/ElegantThemesです。 この情報は、属性が定義されていない場合に表示されます。したがって、投稿に以下を追加すると、次の出力が得られます。


次の出力が得られます。

RSSによる将来のElegant Themesの更新を必ず購読してください。

属性を定義すると、結果は異なります。 次のコード:

出力されます:

RSSによる将来のエレガントなテーマの更新を必ず購読してください。
Twitterによる将来のエレガントなテーマの更新を購読してください。
Facebookによる将来のエレガントなテーマの更新を購読してください。
Googleによる将来のエレガントなテーマの更新を購読してください。

これは属性がどのように機能するかの基本的な例でしたが、プラグイン開発者がshortcode APIを使用して複雑な機能をユーザーにとってより

概要

このチュートリアルに記載されている手順に従う場合は、今、あなたのウェブサイトのための独自のカスタムショートコードを作成する方法の基本的な理解を持っている必要があります。 ショートコードは、私は将来的に念頭に置いてWordPressのショートコードAPIを維持することをお勧めしますので、複雑なタスクを簡単にするのに最適な方法です。このチュートリアルがあなたにとって少し難しい場合は心配しないでください。

すべてのエレガントなテーマのデザインは、美しいコンテンツを簡単に公開するショートコードが付属しています。 ショートコードは、スライドショー、列やテーブルを作成するために使用することができます。 それも、あなたのコンテンツをパスワードで保護することができます。私はあなたのWordPressのウェブサイトのためのユニークなショートコードを作成する上で、このチュートリアルを楽しんでいることを願っています。

もしそうなら、私たちはパイプラインでいくつかの素晴らしいコンテンツを持っているように、私はエレガントなテーマを購読することをお勧めします🙂

また、もう一度、私はあなたがそれらを編集する前に、任意のファイルをバックアップすることを思い出させます。

コメントを残す

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