ショートコード活用術
- ショートコードとは
- 簡単な活用例
- QRコードを表示する
- アマゾンアソシエイト
- WordPress の機能を利用
- カスタムフィールド
- ログインユーザーのみ
- ショートコードの作り方
ショートコードとは
- 記事中でスクリプトを呼び出す
- [コード 属性=”値”]
- 属性は省略可能
- add_shortcode(コード名, 関数)
記事中に QR コード表示
- Google Chart 利用
- 本文で [qrcode]
- 記事 URL 取得
- URL をエンコード
- クエリ送信
- 属性指定でサイズ変更
[qrcode size=200]
アマゾンのリンク作成
カスタムフィールドの値を取得
- [sc_post_custom key=” “]
- key=フィールドキー
- フィールド値を表示
- 値が複数のとき
- separator=区切り
カスタムフィールドとショートコード
ログインユーザーにのみ表示
- is_user_logged_in()
- (準)会員制サイト
- ex. 会員は割引価格
作り方
- function 関数名($atts, $content = null) {
- extract(shortcode_atts(array(デフォルト値の定義), $atts ))
- PHP (WP 関数を含む) で処理
- return 戻り値
- add_shortcode(ショートコード名, 関数名)
ソース紹介
function qrcode_output_func( $atts, $content = null ) {
extract( shortcode_atts( array(
'size' => '150',
'errorlv' => 'L',
), $atts ));
if ( "" == $content ) {
$content = get_permalink();
}
return '<img src="http://chart.apis.google.com/chart?chs=' . $size . 'x' . $size . '&cht=qr' . '&chld=' . $errorlv . '&chl=' . rawurlencode($content) . '">';
}
add_shortcode( 'qrcode', 'qrcode_output_func' );
ショートコード属性の処理
- shortcode_atts( array(
’size’ => ‘150′,
‘errorlv’ => ‘L’,
), $atts )); - array(属性 => デフォルト値)
- $atts は投稿で指定された生データ
[qrcode size=”200″] - shortcode_atts でデータ処理
- 余計な属性を削除
- 未指定ならデフォルト値付与
ショートコードにする
- add_shortcode(ショートコード名, 関数名)
- ショートコード名: qrcode 記事中の名前
- 関数名: qrcode_output_func 定義した関数の名前
プラグインとして導入
- wp-content/plugins へアップロード
- 管理画面で有効化
テーマの一部として導入
- 利用するテーマの functions.php
- テーマ変更⇒ショートコード無効



