WordPressにショートコードを追加する。
Webデザイナーのための、PHPプログラミングWordPressで学ぶCMSカスタマイズ入門 ～WordPressサイト運用編～
上記のセミナーに参加してきたのですが、思いのほか簡単にWordPressのプラグインが作れるらしい事を知ったので、とりあえず復習もかねてショートコードを追加するプラグインを作ってみました。
|
1 |
［googlemap］高崎駅［/googlemap］ |
投稿画面で、上記の様なショートコードを入力すると、GoogleMapに変換されて出力されます。
（ショートコードのエスケープのしかたが分からなかったので括弧が全角になっていますが、実際には半角で入力してください）
ソースコードは以下です。zipに固めてプラグイン画面からアップロードすれば使えます。
googlemap.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
<?php /* Plugin Name: googlemapc_ode Plugin URI: http://shimz.me/ Description: "入力システム用プラグイン：googlemap_code" Author: Shimizu Masayuki Version: 0.1 Author URI: http://shimz.me/ */ /** * ショートコードの設定 */ function googlemap_code($atts, $content = null) { extract( shortcode_atts( array( 'width' => '100%', 'height' => '300px', ), $atts ) ); $content = <<< EOF <iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" width="{$width}" height="{$height}" src="http://maps.google.co.jp/maps?q={$content}&z=15&output=embed"></iframe> <p><a href="http://maps.google.co.jp/maps?q={$content}&z=15" target="_blank" >大きな地図で見る</a></p> EOF; return $content; } /** * ショートコードに登録 */ add_shortcode('googlemap','googlemap_code'); ?> |
