WordPressショートコードを作成して、より簡単に操作する方法

WordPressショートコードを作成して、より簡単に操作する方法


WordPressショートコードは、投稿やページで特定の機能を実行するためのショートカットとして使用される小さなタグです。ショートコードは、単純な単語や語句を囲む角括弧で識別できます。これらはバージョン2.5で導入され、人々が関数を簡単に実行できるよう支援することを使命としています。.

あなたがすでに知っているかもしれないように, ワードプレス PHPプログラミング言語を使用して、電源を入れます。そのため、特定の機能を投稿やページに直接追加する場合は、テキストエディターでコードを記述する必要があります。代わりに、ショートコードを使用すると、ユーザーはコードのブロック全体を単純な用語に置き換え、投稿を公開するだけで実行できます。すごいですよね?

このガイドでは、次のことを学習できます。

  • WordPressショートコードの使い方
  • 単純なショートコードを作成する方法
  • テキストウィジェットでショートコードを使用する方法

推奨読書: Udemyによるワードプレスコース

WordPressショートコードの使い方

テキストおよびビジュアルエディターのショートコード

ショートコードを使用するために、コーディング方法を理解したり、バックエンドでどのように機能するかを理解したりする必要はありません。 WordPress自体、およびほとんどのWordPRessテーマとプラグインは、さまざまなショートコードを使用して多くの高度な機能を使用できます.

たとえば、画像のギャラリー全体を表示するには、次を使用するだけです 【ギャラリー】 WordPressとともにインストールされるショートコード。ほとんどのショートコードは、前の例のように基本的な形式で使用できます.

ショートコードは、投稿またはページを公開またはプレビューするとすぐに実際のコンテンツに置き換えられます.

ショートコードパラメータ

多くの場合、, ショートコードは追加のパラメータを持つことができます. それらに追加情報を追加することにより、出力をカスタマイズおよび変更できます。たとえば、簡単な[ギャラリー]ショートコードは投稿に添付されているすべての画像を表示しますが、変更することは可能です。ギャラリーショートコードを使用すると、IDで画像を指定できるため、特定の写真だけを表示したり、特定の投稿に含まれていない画像を含めることもできます。.

また、追加のパラメーターを提供することにより、ギャラリーのサイズなど、多くのことを定義できます。次に例を示します。

[ギャラリーids = “1,5,7” size = “中”]

この例のギャラリーには、指定されたID番号の画像のみが表示されます。この場合、サイズは自動的に中程度に変更されます。そして、あなたはシンプルなショートコードでそれをすべて得ます。ここで、数百行ではないにしても数十行になるPHPコードを手動で追加しようとすると、全体がどのようになるかを想像してみてください。ありがとう、ショートコード!

開始タグと終了タグ

より複雑なショートコードには、開始タグと終了タグがある場合があります。したがって、1つのショートコードの代わりに、特定のコンテンツを間に2つ持つことになります。.

たとえば、Googleマッププラグインを使用すると、ショートコードを介して地図上の場所を表示できます。そのようなプラグインのほとんどには開始タグと終了タグがありますが、アドレスはその間に書き込む必要があります。次に例を示します。

[[maps]]ニューヨーク、アメリカ[[/ maps]]

例からわかるように、終了タグは常にスラッシュ記号「/」で始まります。両方のタグを使用することで、WordPressはショートコードの部分をより簡単に識別できます.

テキストエディタで作業する

WordPressショートコード

ショートコードは関数へのショートカットにすぎませんが、実際にはそれ自体がWordPress固有の暗号文です。したがって、ビジュアルエディターでショートコードを記述しようとすると、WordPressはそのショートコードの出力(またはプレースホルダーのみ)をすぐに表示します。ギャラリーの例に従ってビジュアルエディターでショートコードを記述した場合、WordPressがその内容をすぐに表示していることがわかります(この投稿の最初の画像を参照して、動作を確認してください)。.

ショートコードを編集し、そのパラメーターを操作する場合は、テキストエディターに切り替えて、特定のショートコードの構造を確認できます。.

デフォルトのWordPressショートコード

ショートコードは通常、テーマとプラグインによって管理されます。各開発者は自分でショートコードを登録するため、それぞれが異なります。ショートコードの機能、そのパラメーターと機能は、使用している特定のプラグインとテーマにのみ依存します.

たとえば、Googleマップで場所を表示するのに役立つプラグインには[[maps]]ショートコードがあり、サブスクリプションフォームを表示するプラグインでは[[form]]を使用するなどです。.

各製品は異なるため、テーマとプラグインの説明とドキュメントを確認して、具体的な使用方法を確認してください.

ただし、WordPressには、追加の拡張機能をインストールせずに使用できるデフォルトのショートコードのセットが付属しています。デフォルトでは、これらは使用できるショートコードです。

  • [オーディオ] –オーディオファイルを埋め込む
  • [キャプション] –コンテンツをキャプションで囲む
  • [埋め込み]-埋め込みアイテムをラップして最大サイズを設定します
  • [ギャラリー] –画像のギャラリーを表示
  • [プレイリスト] –オーディオおよびビデオファイルのコレクションを表示します
  • [ビデオ] –ビデオファイルを埋め込む

ショートコードのエスケープ(ショートコードのテキストを実行せずに表示)

ショートコードを実行する代わりに、ショートコードを表すテキストを表示したい場合があります。テキストエディタとビジュアルエディタの両方にショートコードを追加しようとすると、両方の場合に実行されることがわかりました.

ショートコードのテキストを表示するには、二重括弧を使用します: [[shortcode]]

開始タグと終了タグを含むショートコードを表示する場合は、最初と最後の二重ブラケットのみを使用します。 [[maps]アメリカ、ニューヨーク[/ maps]]

テキストエディタで作業するときは、角かっこをコードで置き換えることもできます。したがって、「[」の代わりに「[」を使用でき、代わりに「]」を使用して「]」を使用できます。例えば: [ショートコード]ショートコードも実行せずに表示します.

単純なショートコードを作成する方法

WordPressで毎日記事を書くとき、自分自身を繰り返したり、何かを何度も入力しなければならない場合があります。常にゼロから作成するWebサイトのURLでも、長い文でも、HTMLコードでもかまいません。ショートコードを作成することを検討してください。.

そして、このシンプルな機能を使用すると、プログラマーである必要はなく、物事をシンプルにするためにプログラマーを雇うこともありません。次のいくつかの手順に従って、自分でカスタムショートコードを作成します。

  1. 外観->エディタメニューでfunction.phpファイルを開きます。
  2. 次のコードをファイルの最後に配置します。
  3. function fsg_shortURL(){
    「http://www.firstsiteguide.com」を返します。
    }
    add_shortcode( 'fsg'、 'fsg_shortURL');
  4. テキストエディターに移動して、 [fsg] ショートコードの代わりにURLを取得する

それほど難しくありませんでした?

より高度な例:画像のショートコードを追加する

次のコードをfunctions.phpに配置することにより、カスタムの幅と高さの属性を持つ画像を配置するためのショートコードを作成できます。

  1. functions.phpファイルに移動します
  2. 次のコードを貼り付けます。
  3. function img_shortcode($ atts、$ content = null){
    
    extract(shortcode_atts(
    アレイ(
    '幅' => '',
    '高さ' => '',
    )、$ atts)
    );
    戻る '';
    }
    add_shortcode( 'img'、 'img_shortcode');
    
    
  4. テキストエディターを開く:

ここで使用できます [img width = ’x’ height = ’y’] http://…[/ img] 「x」と「y」はピクセルで幅と高さを表す数値であるショートコード.

必要に応じて、他の画像属性を簡単に追加できます。のリストを確認してください W3学校のすべての画像属性.

テキストウィジェットでショートコードを使用する方法

2017年11月15日にリリースされたWordPressバージョン4.9では、ショートコードはテキストウィジェットで自動的に機能します。それでも古いバージョンのWordPressを使用している場合は、チュートリアルのこの部分で結果を得ることができます.

ショートコードには、WordPress Webサイトに追加できるさまざまな機能を含めることができます。自分で作成したものでも、インストールしたばかりのテーマやプラグインが付属していても、おそらく常にショートコードを使用しています。時間を節約してメリットを得ることができるため、ショートコードを使用しない理由はありません.

WordPress Webサイトの構築を開始したばかりの場合は、ポストエディターでのみショートコードを使用している可能性があります。だが, 真実は、ショートコードを実質的にどこでも使用できることです.

たとえば、5秒のGoogle Maps PROプラグインを使用して、ピンの数が無数の地図を簡単に作成できる場合、ショートコードを介してテキストウィジェットに直接地図を挿入し、1つの場所ではなくサイドバーに位置を表示することができます。役職。ただし、テーマがウィジェットのショートコードをサポートしていない場合は、自分で機能を有効にする必要があります。これをこの記事で説明します。.

PHPファイルでショートコードを使用する必要がある場合(たとえば、header.phpファイルでコードを実行し、ヘッダーが存在する場所でショートコードを実行する場合)、コードをラップすることで簡単に実行できます。 。しかし、上記の例のようにテキストウィジェットでショートコードを使用しようとした場合、それは単に機能せず、ウィジェットがコンテンツではなくショートコードを表示したため、結局がっかりしました。テーマに機能がすでに登録されていない限り、自分で有効にする必要があります.

したがって、ショートコードをテキストウィジェットに入れて実行できるようにしたい場合でも、心配しないでください。あなたはそれをほんの数秒で起こすことができます:

  1. functions.phpを開きます
  2. 次の2行をコピーして貼り付けます。
  3. add_filter( 'widget_text'、 'shortcode_unautop');
    add_filter( 'widget_text'、 'do_shortcode');
  4. 変更内容を保存

実際には、ショートコードを機能させる2行目を使用するだけで十分ですが、ウィジェットのテキストをフォーマットして無意識に改行を作成するWordPressによる段落と改行タグの自動挿入を回避するために、最初の行が必要になります。 。ショートコードを別の行に配置した場合に備えて, unautop それらの段落タグを取り除き、ショートコードは魅力のように機能します.

これで、次の場所に移動できます 外観->ウィジェット テキストウィジェットを目的の場所にドラッグします。この後、テキストウィジェット(もちろん、サイトに登録されています)にショートコードを直接書き込むと、ポストエディターに入力したのと同じように実行されます。.

同様に、テキストウィジェットからPHPコードを実行できます。とても簡単でしたね。ショートコードをお楽しみください.

ショートコードはどこにでもあります

WordPressブログを始めたばかりの場合、ショートコードは冗長で理解しにくいように見えるかもしれません。ほとんどの場合、プラグインによって提供されるユーザーフレンドリーなインターフェースを使用することにより、ショートコードを回避することが可能になります。しかし、ブログに深く関わり、プラグインの使用を開始すると、ショートコードの本当の力を理解できます。.

それらを使用することは日常的になり、作成するすべての新しい投稿で角かっこを書くことにすぐに慣れます。だから数分かかり、この記事を使用して基本を学びます.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map