WordPressを用いたホームページ制作はお任せください!岡山県を中心に絶賛活動中!
  • 基本的なオリジナルショートコードを作る方法

基本的なオリジナルショートコードを作る方法

簡単なオリジナルショートコードを作成する方法をご紹介。ショートコードの作成と聞くと、難しそうと思う方もいらっしゃいますが、そんなことはありません!簡単なショートコードなら1分程度で作成することができます。

この記事は約 3 分で読めます。

ショートコードの作成は簡単です。

今回は基本的なショートコードの作成方法をご紹介します。
コツさえつかめば、ショートコードは簡単に作成できますよ。

ショートコードを作成する時は、functions.phpにコードを追記します。
以下は定型文を表示させる基本的なショートコードです。

function test() {
return 'こんにちは';
}
add_shortcode('あいさつ', 'test');

functions.phpに記述するコードです。

[あいさつ]

上記のショートコードを記述すると【こんにちは】と表示させることができます。

実に単純な処理ですが、これも立派なショートコードです。
まずは、このショートコードの基本をしっかりと押さえましょう。

上記のコードを基本に別のショートコードを作成する時は、以下を参考にしてください。

functions.phpに記述するコードの中に【test】と書かれた部分が2か所あります。
この【test】は、そのショートコード固有の識別名と考えてよいと思います。

この部分は好きな文字列を設定してください。
ただし、他のショートコードと同じ名前を設定してはいけません。

【こんにちは】の部分は、ショートコードで呼び出す内容を記述してください。
文字列だけでなく、HTMLやCSSの記述も可能です。

【あいさつ】は、そのショートコードを呼び出す箇所に記述する[]の中に入る文字列です。
この部分も好きな文字列を設定してください(固有のものでないといけません)。

自由にショートコードを作成してみましょう。
まずは、基本を抑えることが大切です。

まとめ

基本的なオリジナルショートコードを作る方法をご紹介しました。

本当に基本的な内容ですので、上級者の方には退屈な内容だったかもしれません。
もっと複雑なショートコードの作成方法は、機会を見つけて別途ご紹介します。

このコンテンツが、誰かの役に立つと幸いです。

シェアしていただきありがとうございます。

この記事が気に入ったら【いいね】しよう!

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

著者:とあるWEBディレクター

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に7年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • WordPressのテーマフォルダにある画像をテーマファイルで表示させるスマートな方法

    テーマフォルダの画像をテーマファイル内でスマートに表示させよう! WordPressのオリジナルテーマを作成し ... 記事を読む

  • WordPressの投稿や固定ページにGoogleマップを埋め込む方法

    WordPressの投稿や固定ページにGoogleマップを埋め込む方法をご紹介します。ワードプレスの投稿や固定ページにGoogleマップを埋め込見たい方は参考にしてください。3分で埋め込み方をマスターすることが出来ます。 記事を読む

  • WordPressのログイン画面でログインエラーのふるふるを取る方法

    WordPressのログイン画面でログインエラーのふるふるを取る方法を紹介します。WordPressはパスワードを間違えたりしてログインできないと、画面がふるふると震えます。普段は気にならないのですが、ちょっとイラっとしたのでふるふるを取ってみました。 記事を読む

  • WordPressのthe_excerpt()に付与されるpタグを削除する方法+α

    WordPressのthe_excerpt()に付与されるpタグを削除する方法をご紹介します。Pタグが付与されていない抜粋を表示させたい方は参考にしてください。Pタグを削除する方法と、もう一つPタグの付与されていない抜粋を表示する方法をご紹介しています。 記事を読む

  • 「Contact Form 7」の入力欄に入力例を表示させる方法

    【Contact Form 7】の入力欄に入力例を表示させる方法をご紹介します。メールフォームの入力欄に薄く入力例が表示されるのがありますが、Contact Form 7でも同じことができます。手順を知りたい方は続きをお読みください。 記事を読む

コメントを残す


(必須)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)