ワードプレスでショートコードを作成し、それをより簡単に操作する方法

ワードプレスのショートコードを作成して簡単に操作する方法

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

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

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

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

推奨読書: ユーデミーワードプレスコース

ワードプレスのショートコードの使い方

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

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

たとえば、画像ギャラリー全体を表示するには、ショートコードを使用するだけです

これはワードプレスと一緒にインストールされます。ほとんどのショートコードは、前の例のように基本的な形式で使用できます。

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

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

ほとんどの場合、ショートコードには追加のパラメータがあります。それらにさらに情報を追加することで、出力をカスタマイズおよび編集できます。たとえば、些細なショートコード

投稿に添付されているすべての画像を表示、編集できます。ギャラリーショートコードを使用すると、IDに基づいて画像を指定できるため、特定の画像のみを表示したり、その特定の投稿の一部ではない画像を含めたりすることもできます。

さらに、追加のパラメーターを指定することで、ギャラリーのサイズやその他の多くのものを定義できます。次に例を示します。

[ids galleria = “1,5,7” size = “medium”]

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

開始タグと終了タグ

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

たとえば、Google マップ プラグインを使用すると、ショートコードを使用して地図上に場所を表示できます。これらのプラグインのほとんどは開始タグと終了タグを持ちますが、アドレスは間に記述する必要があります。次に例を示します。

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

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

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

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

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

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

デフォルトのワードプレスショートコード

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

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

すべての製品は異なるため、テーマとプラグインの説明とドキュメントをチェックして、それらの特定の使用法について詳しく学んでください。

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

  • – オーディオファイルを埋め込む

  • [didascalia] -コンテンツの周りに字幕をラップします
  • – 埋め込みオブジェクトをラップし、最大サイズを設定します

  • – 画像ギャラリーを表示

  • – オーディオおよびビデオファイルのコレクションを表示します

  • – ビデオファイルを埋め込む

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

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

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

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

テキストエディタで作業する場合は、角括弧をコードに置き換えることもできます。したがって、 "" の代わりに "&# 93;"[” puoi usare “& # 91;”, e invece “] を使用してください。例: & # 91; ショートコード & # 93 ;また、ショートコードを実行せずに表示します。

簡単なショートコードの作成方法

WordPressで毎日記事を書くとき、繰り返したり、何度も何度も何かを入力しなければならない場合があります。それがウェブサイトのURL、長い文、または常に最初から書くHTMLコードであるかどうかは関係ありませんが、ショートコードの作成を検討する必要があります。

そして、このシンプルな機能を使用すると、物事を簡単にするためにプログラマーになったり、プログラマーを雇ったりする必要はありません。以下の手順に従って、カスタムコードを作成します。

    1. 関数.phpファイルを [外観 -> エディター] メニューで開きます。
    2. 次のコードをファイルの末尾に配置します。
関数 fsg_shortURL () {
"http://www.firstsiteguide.com"を返します。
}
add_shortcode ('fsg', 'fsg_shortURL');
  1. テキストエディタに移動し、ショートコードの代わりにURLを取得するために[fsg]入力します

難しくなかったですよね。

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

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

    1. 関数ファイルに移動します.php
    2. 次のコードを貼り付けます。
img_shortcode関数 ($atts, $content = null) {

抽出(shortcode_atts(
		ベクトル(
			'幅' => '',
			'高さ' => '',
		)、$ atts)
	);
'' を返します。
}
add_shortcode ('img', 'img_shortcode');

  1. テキストエディタを開きます。

ここでは、http:// を使用できます[img width = ‘x’ height = ‘y’] … [/ img]ショートコード ここで、"x" と "y" は幅と高さをピクセル単位で表す数値です。

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

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

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

ショートコードには、WordPress ウェブサイトに追加できるいくつかの機能を含めることができます。自分で作成した場合でも、インストールしたばかりのテーマやプラグインが付属している場合でも、常にショートコードを使用する可能性があります。あなたは本当に時間を節約してそれを利用できるので、ショートコードを使用しない理由はありません。

WordPress Webサイトの構築を始めたばかりの場合は、投稿エディターでショートコードのみを使用した可能性があります。しかし、真実は、ほとんどどこでもショートコードを使用できるということです

たとえば、無数のピンが付いた地図を簡単に作成できる5秒のGoogleマップPROプラグインを使用している場合は、ショートコードを介して地図をテキストウィジェットに直接挿入し、1回の送信ではなくサイドバーに現在地を表示することをお勧めします。ただし、テーマがウィジェットのショートコードをサポートしていない場合は、この機能を自分で有効にする必要があり、それがこの記事で示す内容です。

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

したがって、テキストウィジェットにショートコードを挿入して機能させたい場合でも、心配する必要はありません。あなたは数秒でそれを実現することができます:

    1. 関数を開きます.php
    2. 次の 2 行をコピーして貼り付けます。
add_filter ('widget_text', 'shortcode_unautop');
add_filter ('widget_text', 'do_shortcode');
  1. 変更を保存

実際には、ショートコードを機能させる2行目だけを使用すれば十分ですが、1行目はWordPressの段落の自動挿入を避け、ウィジェットでテキストをフォーマットして無意識のうちに改行を作成するタグを分割する必要があります。ショートコードを別の行に配置すると、autopによってそれらの段落タグが削除され、ショートコードは魅力のように機能します。

これで、->外観ウィジェットにアクセスして、テキストウィジェットを目的の場所にドラッグできます。結局のところ、ショートコードをテキストウィジェット(もちろんサイトに登録されている)に直接書き込むと、ポストエディターに入力されたとおりに実行されます。

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

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

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

それらを使用することは日常的になり、作成するすべての新しい投稿に角括弧を書くことにすぐに慣れるでしょう。したがって、数分かけて、この記事を使用して基本を学習してください。

Open

info.ibdi.it@gmail.com

Close