WordCamp Tokyo 2009の記事一覧

ショートコード活用術

  • ショートコードとは
  • 簡単な活用例
    1. QRコードを表示する
    2. アマゾンアソシエイト
  • WordPress の機能を利用
    1. カスタムフィールド
    2. ログインユーザーのみ
  • ショートコードの作り方

→この記事の続きを読む

ショートコードとは

  • 記事中でスクリプトを呼び出す
  • [コード 属性=”値”]
  • 属性は省略可能
  • add_shortcode(コード名, 関数)

→この記事の続きを読む

記事中に QR コード表示

  • Google Chart 利用
  • 本文で [qrcode]
    1. 記事 URL 取得
    2. URL をエンコード
    3. クエリ送信
  • 属性指定でサイズ変更
    [qrcode size=200]

→この記事の続きを読む

アマゾンのリンク作成

  • リンクを自動表示
    1. アマゾンのサイトへ行く
    2. 検索語を入力
    3. HTML タグ取得
    4. ブログに貼り付ける

amazon-edit
amazon-edit

→この記事の続きを読む

カスタムフィールドの値を取得

  • [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 でデータ処理
    1. 余計な属性を削除
    2. 未指定ならデフォルト値付与

→この記事の続きを読む

ショートコードにする

  • add_shortcode(ショートコード名, 関数名)
  • ショートコード名: qrcode 記事中の名前
  • 関数名: qrcode_output_func 定義した関数の名前

→この記事の続きを読む

プラグインとして導入

  • wp-content/plugins へアップロード
  • 管理画面で有効化

→この記事の続きを読む

テーマの一部として導入

  • 利用するテーマの functions.php
  • テーマ変更⇒ショートコード無効

→この記事の続きを読む