WordPressには、事前に登録したパーツを自由に呼び出せるショートコード機能があります。ショートコードを使って、日々の作業を効率化したいと考えている方もいるでしょう。
本記事では、WordPressでショートコードを使用する方法を解説しています。また、ショートコードのメリットや注意点も紹介しているので、WordPressを普段から使っている方は、ぜひ参考にしてみてください。
WordPressのショートコードとは
WordPressのショートコードとは、登録しておいたパーツを呼び出せる仕組みのことです。「[]」で囲まれたコードを入力することで、文章や装飾などを表示できます。
ショートコードを活用すれば、同じ内容を何度も入力する手間を省けるため、作業効率の向上につながります。また、決まった形式で呼び出せるため、記述ミスを防止できる点も特徴です。
WordPressのショートコードの種類
WordPressのショートコードには、「自己完結型」と「囲み型」の2種類があります。自己完結型は、「[shortcode]」のように単体で記述するタイプで、1つのコードだけで処理が完結するのが特徴です。
一方、囲み型は「[shortcode]文章[/shortcode]」のように、開始タグと終了タグで内容を挟んで使うタイプです。囲んだ文章に対して装飾を加えることができます。
WordPressでショートコードを使用するメリット
WordPressでショートコードを使用するメリットは以下のとおりです。
- 作業の効率が高まる
- 保守性が高まる
- プログラミング初心者でも使いやすい
これらのメリットについて見ていきましょう。
①作業の効率が高まる
WordPressのショートコードを活用することで、目次やお問い合わせフォーム、広告コードなど、複数のページで共通して使用する内容を何度も作成する必要がなくなります。事前にショートコードを用意しておけば、呼び出すだけで同じ内容を簡単に表示できます。
また、毎回手入力する必要がないため、記述ミスなどのヒューマンエラーを防げる点もメリットといえるでしょう。
②保守性が高まる
WordPressのショートコードを使えば、サイトの保守性を高められます。複数のページで同じコンテンツを使用している場合、コピペで管理していると、修正時にすべてのページを個別に変更しなければなりません。
一方で、ショートコードとして管理しておけば、1箇所を修正するだけで全ページに反映されるため、更新作業の手間を大幅に削減できます。
また、ショートコードなら記述がコンパクトになり、全体の視認性や管理のしやすさも向上するでしょう。
③プログラミング初心者でも使いやすい
WordPressのショートコードは、使用するだけであれば特別なプログラミング知識は必要ありません。決められたコードを入力するだけで機能を呼び出せるため、初心者でも扱いやすいでしょう。
自作する場合は多少のプログラミング知識が必要になりますが、基本的にはインターネット上から探してきたコードをコピー＆ペーストすることで実装できるため、難易度はそれほど高くありません。
また、WordPressで本格的なサイト運営をしたい方は、GETT ProskillのWordPressセミナーをチェックしてください。WordPressセミナーでは、コーポレートサイトやニュースサイト、ECサイトなど、さまざまなジャンルのWordPressサイトを作るためのノウハウをハンズオン形式で学習できます。
セミナー名 WordPressセミナー 運営元 GETT Proskill（ゲット プロスキル） 価格(税込) 29,700円〜 受講期間 2日間 受講形式 対面（東京）・ライブウェビナー・eラーニング
WordPressでショートコードを使用するデメリット
WordPressでショートコードを使用するデメリットは以下のとおりです。
- 記述ミスがサイトに大きな影響を与える
- 最低限の専門知識が求められる
これらのデメリットについて見ていきましょう。
①記述ミスがサイトに大きな影響を与える
WordPressでショートコードを自作する場合、functions.phpを直接編集する必要があります。functions.phpはWordPress全体の動作に関わる重要なファイルのため、記述ミスがあるとWordPressサイトが正常に表示されなくなる可能性があります。
そのため、編集前にバックアップを取るなどのリスク管理が必要です。
②最低限の専門知識が求められる
WordPressのショートコードは、使用するだけであれば簡単ですが、独自に作成する場合は一定の専門知識が必要になります。具体的には、プログラミング言語であるPHPやHTML/CSSなどの基本的な理解が求められます。
そのため、完全な初心者にとってはややハードルが高く感じる場合もあるでしょう。
また、WordPressのカスタマイズに必要になるPHPについては、以下の記事で詳しく解説しています。PHPでできることや、記述方法を知りたい方はぜひ参考にしてください。
WordPressでショートコードを使う方法
作成したオリジナルのショートコードをWordPressで使う方法について見ていきましょう。
①ショートコードを作成する
ショートコードは子テーマのfunctions.phpで作成します。詳しくは後述しますが、functions.phpを編集する際は、必ずファイルのバックアップを取っておきましょう。
今回はシンプルに、コードを呼び出したら「サンプル文章」というテキストが表示されるショートコードを作成します。functions.phpを開いて、最後の行にこちらのコードを追加してください。
return “サンプル文章”;
}
add_shortcode(‘sample’,’sampleshortcode’);
コードの意味は以下の表のとおりです。
| コード | 意味 |
| function sampleshortcode() | 表示内容を定義する関数 |
| return “サンプル文章”; | 実際に表示するテキスト |
| add_shortcode(‘sample’,’sampleshortcode’); | [sample] というショートコードを登録する |
このように設定することで、ショートコードブロックに[sample]と入力すると「サンプル文章」というテキストが表示される仕組みになります。特に重要なのは、「return」で表示内容を指定している点と、「sample」でショートコード名を決めている点です。
②ショートコードを呼び出す
次に、投稿や固定ページの編集画面を開きます。画面左上の「＋」アイコンから、ウィジェットエリアにある「ショートコード」ブロックを選択しましょう。
その後、ショートコードブロックに[sample]と入力します。
［］の中は、関数で設定した独自のショートコード名を入力してください。プレビュー画面を開き、ショートコードを挿入した箇所に「サンプル文章」がテキストとして表示されていれば、正しく設定できています。
WordPressでショートコードを使う際の注意点
WordPressでショートコードを使う際は、以下の点に注意が必要です。
- functions.phpのバックアップを取っておく
- 子テーマを編集する
- 記述ミスに気を付ける
- 関数名やショートコード名は重複しないようにする
- コメントを記載する
これらの注意点について見ていきましょう。
①functions.phpのバックアップを取っておく
ショートコードを追加する際は、編集前に必ずfunctions.phpのバックアップを取っておきましょう。functions.phpは、誤った記述をしてしまうと、サイトが表示されなくなるリスクのある重要なファイルです。
万が一記述ミスがありサイトが正常に動作しなくなった場合でも、バックアップがあれば元の状態に復元できます。
また、WordPressでバックアップを取る方法は、以下の記事で詳しく解説しています。高度なスキルは必要ないので、ぜひチャレンジしてみてください。
②子テーマを編集する
ショートコードを追加する場合は、親テーマではなく子テーマで編集するのが基本です。子テーマであれば、親テーマをアップデートしても編集内容が上書きされることがありません。
WordPressでPHPやCSSなどのカスタマイズを行う際は、子テーマで管理することが基本です。
③記述ミスに気を付ける
functions.phpはWordPress全体の動作に影響するため、記述ミスには十分注意が必要です。スペルミスやセミコロンの記述漏れ、全角スペースの混入などはよくあるミスのため、特に気を付けましょう。
コードを追加・編集する際は、保存前に必ず内容を確認することが大切です。
④関数名やショートコード名は重複しないようにする
WordPressでショートコードを作成する際は、関数名やショートコード名が既存のテーマやプラグインで使われているものと重複しないように注意が必要です。すでに使用されている関数名を使ってしまうと、エラーが発生する恐れがあります。
また、現時点で問題がなくても、後から導入したプラグインと名前が重複し、不具合が起こる可能性もあります。特にシンプルな名前は重複しやすいため、アンダーバーで区切るなどして独自性のある名前を付けるのがおすすめです。
⑤コメントを記載する
コード内にコメントを残しておくと、後から見返したときに内容を理解しやすくなります。PHPでは「//」以降に記述した内容がコメントとして扱われます。
ショートコードの数が増えるほど管理が複雑になるため、あらかじめコメントを残しておくと運用しやすくなるでしょう。
また、WordPressの基本的な使い方を学び、サイトをカスタマイズする方法を学びたいなら、GETT ProskillのWordPressセミナーがおすすめです。WordPressセミナーでは、テーマのカスタマイズやClaude.aiを使ったプログラムコードの生成、サイト運営に欠かせないSEO・アクセス解析などについて網羅的に学習できます。
WordPressのショートコードについてのまとめ
今回は、WordPressのショートコードの基本や使い方、メリット・デメリットなどについて紹介しました。ショートコードは、事前に用意したパーツを簡単に呼び出せる便利な機能であり、活用することで作業効率の向上が期待できます。
一方で、functions.phpの編集が必要な場合もあるため、バックアップを取るなどのリスク管理を行うことも大切です。ぜひ本記事を参考に、ショートコードの導入にチャレンジしてみてください。
