tohokuaikiのチラシの裏

技術的ネタとか。

テーマ下画像表示用ショートコード

[themeimage src="images/dummy/main.jpg" style="width:900px;"]
とかで、

<img style="width:900px;" src="http://xxxxxxxx/wp-content/themes/xxx/images/dummy/main.jpg">

を表示する。attributeはいくつでも可能。

多分幾多の人が作ってるかと思ったが、探すより調べた方が速いので書いた。

テーマのfunctions.phpに下記を追加

<?php
/**
 * @brief テーマ下画像表示用ショートコード
 * @param 
 * @retval
 */
function themeimage_show_func($attrs)
{
    $attr = '';
    $src  = '';
    foreach ($attrs as $key=>$value){
        if ($key == 'src') {
            $src = $value;
        }
        else {
            $attr .= sprintf(' %s="%s"', $key, $value);
        }
    }
    $s = sprintf('<img src="%s/%s" %s/>',
                 get_bloginfo('stylesheet_directory'), $src, $attr);
    return $s;
}
add_shortcode('themeimage', 'themeimage_show_func');