2017-06に「Simplicityでページごとにスキン表示を操るカスタマイズ方法」が提供されました。「楽しいしかけ」になりそうです。さっそく、本サイトでもトライしてみました。
このページは、ID=465、skinを「chocolate」に指定しています。
スキンは22種類
※トグルにtocを入れて、サイドバーだけに表示しています。→tocはなし
Flower Pop=flower-pop
Sky Pop=sky-pop
Green Pop=green-pop
SIMPLE BLACK=simple-black
チョコレート=chocolate
ギンガムチェック(爽やか)=gingham-clean
ギンガムチェック(ガーリー)=gingham-girlish
ギンガムチェック(シック)=gingham-chic
瑠璃紺きなり=rurikon-kinari
深紅きなり=shinku-kinari
淡桜=sakura
淡なのはな=nanohana
淡空=sora
シック=chic
ビジネスメニュー=biz-menu
ラージピクチャーヘッダー=large-picture-header
ラージピクチャー(ストロベリー)=large-picture-header-strawberry
ホワイティー=whity
バブルラップメニュー(サブメニューなし)=bubble-wrap-menu
オレンジメニュー(サブメニューなし)=orange-menu
Monokai=monokai
1カラム=1culum
スキン(スタイルシート)は親テーマのフォルダ「skins」に用意されていますので、記述するURLはサイトのドメインにあわせ、次のようになります。
「http://●●●/wp-content/themes/simplicity2/skins/flower-pop/style.css」
条件分岐タグの関数を利用すれば、それぞれに当てはめることができます。IDとスラッグのどちらも指定できます。
投稿=is_single(‘ ‘)・固定ページ=is_page(‘ ‘)
ガテゴリー=is_category(‘ ‘)・タグ=is_tag(‘ ‘)
本サイトは、マルチサイトなので、ちょっと間違えるかもしれませんm(__)m
絶対パスが確実かも・・・この時「https:かhttp:か」に注意すること\(^o^)/
「http://●●●/wp-content/themes/simplicity2/skins/flower-pop/style.css」
//★特定の固定ページなどにスキン22を指定する(style.cssのURLを指定)=IDとスラッグ
function get_skin_file(){ //★特定のページにスキンを指定する(style.cssのURLを指定)
if (is_page(‘475’)) {
return ‘https://wp-simplicity.com/wp-content/themes/simplicity2/skins/1culum/style.css’;
}
elseif (is_page(‘465′)) {
return ‘http://take7.info/theme/wp-content/themes/simplicity2/skins/chocolate/style.css’;
}
elseif (is_single(‘simple-black’)) { return ‘https://wp-simplicity.com/wp-content/themes/simplicity2/skins/simple-black/style.css’;
}
elseif (is_tag(‘main’)) {//★特定のタグ=IDかスラッグ
return ‘http://take7.info/theme/wp-content/themes/simplicity2/skins/nanohana/style.css’;
}
elseif (is_tag(’22’)) {
return ‘http://take7.info/theme/wp-content/themes/simplicity2/skins/sora/style.css’;
else {//それ以外はスキンを適用しない
return ;
}
}