スムーズにフリーイラストの配布する【ショートコードでクリエイティブコモンズ登録】

スポンサーリンク

こないだは自作の画像ファイルをクリエイティブ・コモンズ・ライセンスで公開する方法を調べました。

せっかく作った図案のうち、再利用できそうなものは、ほかの方も使えるようにすると便利なはずです。

しかし、ライセンス情報をHTMLで記述するのは大変です。そこで、ショートコードで省力化できないか、と考えました。

それが今回のお題です。

スポンサーリンク

ショートコードで実現したい目標

ショートコードは

[cc_img url=画像のURL name=表示名]

という書き方にします。

つまり、こんなふうに入力したら

クリエイティブ・コモンズに変換するショートコードの例

こんなふうに表示される

クリエイティブ・コモンズ・ライセンスの画像の説明表示

というものです。

省略したこと

LicenseやAcquireLicensePageはコードの中で固定しています。

ホントはLicenseを指定できたらよいのですが、正しいライセンスの名前の解決が面倒なので、一律で固定しています。

完成したもの

Skypeでビデオ通話を利用している画面
Skypeでビデオ通話を利用している画面クリエイティブ・コモンズ・ライセンス
この 作品 は クリエイティブ・コモンズ 表示 - 継承 4.0 国際 ライセンスの下に提供されています。
http://creativecommons.org/licenses/by-sa/4.0/
https://chiilabo.com/licenses-image/

function.phpに以下のコードを追加しました。

/**
 *  WordPressでクリエイティブ・コモンズ・ライセンスの画像をショートコードで登録する
 * */
function generate_creative_commons( $atts ) {
        $atts = shortcode_atts(
                array(
                        'url' => '',
                        'name' => '',
                ), $atts, 'cc_img' );
 
        return  '
		<h3>'. $atts['name'] .'</h3>
		<div itemscope="" itemtype="http://schema.org/ImageObject">
<figure>
<img itemprop="contentUrl" src="'.$atts['url']. '" alt="'. $atts['name'] .'" height="150" width="150">
</figure>
<span itemprop="name">'. $atts['name'] .'</span><br>
<span itemprop="license">http://creativecommons.org/licenses/by-sa/4.0/</span><br>
<span itemprop="acquireLicensePage">https://chiilabo.com/licenses-image/</span><br>
<br>
</div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="クリエイティブ・コモンズ・ライセンス" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png"></a><br>この 作品 は <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">クリエイティブ・コモンズ 表示 - 継承 4.0 国際 ライセンス</a>の下に提供されています。
';
}
add_shortcode( 'cc_img', 'generate_creative_commons' );

ショートコードの記述の仕方については、こちらを参考にしました。

こちらもどうぞ

タイトルとURLをコピーしました