2024年9月6日金曜日

Wordpress のショートコード (functions.php) 超入門

Wordpress のショートコード (functions.php) 超入門

概要

Wordpress にショートコードという PHP の関数を呼び出す機能があるらしいので使ってみました

環境

  • macOS 14.6.1
  • MySQL 9.0
  • Wordpress 6.6.1
  • docker 27.2.0

functions.php の編集

今回はテーマ配下の functions.php を使います

  • vim wordpress/wp-content/themes/twentytwentyfour/functions.php
/** original functions **/
function say() {
    return 'Hello!!';
}

add_shortcode( 'say_hello', 'say' );

add_shortcode を使って追加できます
add_action ではないので注意です

ショートコードの追加

ポストを編集しショートコードを追加します
[say_hello] と記載します

動作確認

保存しプレビューを表示してみましょう

ちゃんと return の内容が反映されていることが確認できます
スタイルなど当てていないので左端にあります

最後に

Wordpress のショートコードに入門してみました
js や css と違いサーバサイド側のデータを表示したいときに使えるかなと思います

0 件のコメント:

コメントを投稿