【WordPress】Affingerにて☆2.5,☆1.5,☆0.5を追加する

functions.phpへの追加コード

WordPressのテーマ・Affingerシリーズを使っていて☆2.5、☆1.5、☆0.5がないのだろう？と思いませんか？需要がないから？
その理由はよくわかりませんが、使いたい時に使えないので追加しました。

functions.phpへの追加コード

まずはバックアップを取っておきましょう。functions.phpを編集する場合は誤記などがありますと画面が真っ白になったりします。
おすすめは後述するコードスニペットプラグインを使用することです。
functions.phpに下記コードを追加します。

注意

functions.phpは間違えると画面が真っ白になったりします。ご注意ください。

//star2.5
if ( !function_exists( 'st_star25_func' ) ) {
	function st_star25_func( $arg, $content = null ) {
		return '<span class="y-star"><i class="st-fa st-svg-star" aria-hidden="true"></i><i class="st-fa st-svg-star" aria-hidden="true"></i></span><span class="w-star"><i class="st-fa st-svg-star-half-o" aria-hidden="true"></i><i class="st-fa st-svg-star-o" aria-hidden="true"></i><i class="st-fa st-svg-star-o" aria-hidden="true"></i></span>';
	}
}
add_shortcode('star25', 'st_star25_func');

//star1.5
if ( !function_exists( 'st_star15_func' ) ) {
	function st_star15_func( $arg, $content = null ) {
		return '<span class="y-star"><i class="st-fa st-svg-star" aria-hidden="true"></i></span><span class="w-star"><i class="st-fa st-svg-star-half-o" aria-hidden="true"></i><i class="st-fa st-svg-star-o" aria-hidden="true"></i><i class="st-fa st-svg-star-o" aria-hidden="true"></i><i class="st-fa st-svg-star-o" aria-hidden="true"></i></span>';
	}
}
add_shortcode('star15', 'st_star15_func');

//star0.5
if ( !function_exists( 'st_star05_func' ) ) {
	function st_star05_func( $arg, $content = null ) {
		return '<span class="y-star"><i class="st-fa st-svg-star" aria-hidden="true"></i></span><span class="w-star"><i class="st-fa st-svg-star-half-o" aria-hidden="true"></i><i class="st-fa st-svg-star-o" aria-hidden="true"></i><i class="st-fa st-svg-star-o" aria-hidden="true"></i><i class="st-fa st-svg-star-o" aria-hidden="true"></i></span>';
	}
}
add_shortcode('star05', 'st_star05_func');

保存して異常がなければ☆2.5は[star25]、☆1.5は[star15]、☆0.5は[star05]のショートコードを書けば表示されるはずです。

コードスニペットプラグインを使う

【WordPress】Affingerにて☆2.5,☆1.5,☆0.5を追加する

functions.phpを直接編集するのは怖いです。
そこでお勧めしたいのが、Code Snippetsプラグインです。
インストールして有効化しましたら、新規追加で下記のようにコードをコピペします。
ここでサイトのセキュリティにてWAFがOnになっていると下記のようなエラーメッセージが表示されて保存ができません。
この場合は、レンタルサーバーにログインして更新する時にWAFの設定を一時的にOffにします。

: CodeSnipets画面

: WAF設定