【WordPress専門用語集No.6】今更聞けない！ショートコード（Shortcode）を徹底解説

ショートコード（Shortcode）を知らない方に向けて、ショートコード（Shortcode）の概要とその利用方法をわかりやすく解説した記事です。初心者にも理解できるよう、具体的な例を交えながら説明します。

Table of Contents

ショートコード（Shortcode）とは？

ショートコード（Shortcode）とは、WordPressでコンテンツを簡単に埋め込むための短いコードのことです。ユーザーが複雑なHTMLやPHPコードを手動で入力する必要なく、簡単な記号や文字列を使って、さまざまな機能をページ内に挿入できる方法です。

わかりやすい具体的な例

ショートコードを使ってギャラリーを挿入する例

graph LR A[ショートコード: ] --> B[画像の一覧を表示] B --> C[WordPressが自動的に画像を整列]

例えば、WordPressの記事内で「」というショートコードを入力することで、自動的に画像のギャラリーを表示できます。このショートコードを使えば、わざわざHTMLコードを手打ちすることなく、画像の配置やレイアウトを簡単に管理できます。

ショートコードを使って動画を埋め込む例

graph LR A[ショートコード: ] --> B[動画URLを指定] B --> C[自動的に動画をページ内に表示]

他にも「」というショートコードを使えば、動画を簡単に埋め込むことができます。例えば、YouTubeやVimeoのURLを指定することで、WordPressはその動画をページ内に自動的に表示します。

ショートコード（Shortcode）はどのように考案されたのか

ショートコード（Shortcode）は、WordPressのユーザーが簡単に機能を埋め込めるようにするために考案されました。特に、HTMLやプログラムの知識がないユーザーでも、簡単に使えるようにするため、シンプルなコード形式を導入したことが大きな特徴です。

graph LR A[WordPressの開発者] --> B[ユーザーフレンドリーなコードの導入] B --> C[複雑なコードを短縮するためのショートコード]

考案した人の紹介

ショートコード（Shortcode）は、WordPressの創設者であるマット・マレンウィッグ（Matt Mullenweg）によって導入されました。彼は、2003年にWordPressを設立し、コンテンツ管理システムをより使いやすくするために、多くの革新的な機能を導入しました。

考案された背景

ショートコードが導入された背景には、WordPressをより多くの非技術者にも利用してもらいたいという思いがありました。これにより、WordPressを使うユーザーがHTMLやPHPを知らなくても、サイトに様々なコンテンツを追加できるようになったのです。

ショートコード（Shortcode）を学ぶ上でつまづくポイント

ショートコードを使い始めたばかりの人がよくつまづくポイントの一つは、ショートコードの引数やオプションが多く、どのように設定すればよいのかがわからない点です。しかし、基本的な使い方を覚えれば、簡単に利用することができます。

ショートコード（Shortcode）の構造

ショートコードは、通常、角括弧で囲まれた簡単なコード形式をしています。例えば、「」のようなコードで、ギャラリーや動画などを表示することができます。このコードの中にオプションを追加することで、さらに細かなカスタマイズが可能です。

graph LR A[ショートコード] --> B[入力形式] B --> C[オプション追加]

ショートコード（Shortcode）を利用する場面

ショートコードは、特定の機能やコンテンツを簡単に挿入する場面で非常に有用です。例えば、画像のギャラリーを表示したり、フォームを埋め込んだりする際に使われます。

利用するケース1

例えば、WordPressの投稿内で「」というショートコードを使うことで、画像のギャラリーを簡単に表示することができます。この機能を利用することで、ユーザーは画像を簡単に並べることができ、サイトのデザインをシンプルに保つことができます。

graph LR A[ショートコード: ] --> B[画像を並べる] B --> C[ギャラリーが自動的に表示される]

利用するケース2

別のケースでは、「」というショートコードを使って、動画をページ内に埋め込むことができます。これにより、動画コンテンツを手軽に加えることができ、視覚的なコンテンツの追加が簡単になります。

graph LR A[ショートコード: ] --> B[動画URLを指定] B --> C[自動的に動画を埋め込む]

さらに賢くなる豆知識

ショートコードには、カスタムショートコードを作成することも可能です。自分でショートコードを定義し、特定の機能を実装することで、さらに便利にサイトをカスタマイズできます。

あわせてこれも押さえよう！

ショートコードを理解するには、WordPressに関する以下の用語についても押さえておくと役立ちます。

プラグイン

WordPressの機能を拡張するためのツールです。

ウィジェット

サイドバーなどに表示することができる小さなコンテンツボックスです。

テーマ

WordPressサイトのデザインやレイアウトを決定するテンプレートです。

カスタム投稿タイプ

WordPressの標準の投稿やページとは異なる種類のコンテンツを作成する機能です。

ショートコードAPI

WordPressでショートコードを追加・管理するための開発者向けのツールです。

まとめ

ショートコードを理解することで、WordPressサイトの運営がさらにスムーズになります。特に、コンテンツを簡単に挿入したい時に役立つ機能です。これを習得することで、ウェブサイト作成の自由度が広がり、効率よくコンテンツ管理ができるようになります。