スキン特別ページ

2017-06に「Simplicityでページごとにスキン表示を操るカスタマイズ方法」が提供されました。「楽しいしかけ」になりそうです。さっそく、本サイトでもトライしてみました。

このページは、ID=465、skinを「chocolate」に指定しています。

Simplicityでページごとにスキン表示を操るカスタマイズ方法
スキンURL出力関数を操作することにより、ページごとにスキンを切り替えて表示するカスタマイズ方法の紹介。

スキンは22種類

スキン 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 ;
}
}

 

シェアする

  • このエントリーをはてなブックマークに追加

フォローする