ヘッダー背景画像をスライドショーやフェードで切り替えたい - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/ Cocoon ディスカッション掲示板 ja Fri, 16 Oct 2026 20:07:39 +0000 wpForo 60 RE: ヘッダー背景画像をスライドショーやフェードで切り替えたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2832 Thu, 03 May 2018 11:28:54 +0000 akiraさん

色々とアドバイス頂いてありがとうございます！！

とても参考になり、結果思っている通りの内容になりました。

感謝しております、ありがとうございました。

]]> CSSカスタマイズ相談 hana https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2832 RE: ヘッダー背景画像をスライドショーやフェードで切り替えたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2819 Thu, 03 May 2018 03:28:59 +0000 他のページでテキストを表示しないためには、  main-before.php を下記のように変更します。

https://notepad.pw/share/87b8igqq

1 行目に画像を表示したい固定ページの id を入力する条件分岐を追加しています。

 

]]> CSSカスタマイズ相談 Akira https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2819 RE: ヘッダー背景画像をスライドショーやフェードで切り替えたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2812 Thu, 03 May 2018 00:34:58 +0000 設定していないページに出ている画面としては、画像を設定していないのでテキストのみが表示されています。

]]> CSSカスタマイズ相談 hana https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2812 RE: ヘッダー背景画像をスライドショーやフェードで切り替えたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2811 Thu, 03 May 2018 00:33:54 +0000 設定した固定ページでは問題なく出来ました！

ありがとうございます。

しかし、設定していない固定ページにテキスト（「テキストを表示するなら書く」）が表示されてしまいます。

 

 

各固定ページ

構成

----------

・トップ（固定ページ１）　★
・固定ページ２　★
・固定ページ３　★
　・固定ページ４　※サブメニュ　★
　・固定ページ５　※サブメニュ　★

・固定ページ６　☆

----------

★スライド設定有　

☆スライド設定無

 

このスライド設定無しのページには、設定が反映されないようにするにはどのようにしたら良いでしょうか？

 

 

 

 

]]> CSSカスタマイズ相談 hana https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2811 RE: ヘッダー背景画像をスライドショーやフェードで切り替えたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2705 Sun, 29 Apr 2018 13:37:20 +0000 すごい！ありがとうございます。

 

早々に対応してみます！！！

]]> CSSカスタマイズ相談 hana https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2705 RE: ヘッダー背景画像をスライドショーやフェードで切り替えたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2669 Sat, 28 Apr 2018 12:28:13 +0000 情報ありがとうございます。変更箇所は 2 点です。

まず、ステップ 2 で main-before.php に追加したコードを、以下のものに変えます。 

https://notepad.pw/share/b2dnce4n

次に、ステップ 3 で javascript.js に追加したコードを、以下のものに変えます。

https://notepad.pw/share/c2ymao30w

やっていることは、各固定ページの bgswitcher のエリアに bg-slider-1 から bg-slider-5 の class 名を付けています。そして、この各 class に対して、 jQuery で画像を個別に指定します。

CSS の変更は必要ありません。

]]> CSSカスタマイズ相談 Akira https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2669 RE: ヘッダー背景画像をスライドショーやフェードで切り替えたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2654 Sat, 28 Apr 2018 11:09:52 +0000 色々と我儘を聞いて頂いてありがとうございます。

 

検討している内容を記載させて頂きます。

●使用するページは固定ページで設置となります。

●フロントページは固定ページです。

●ページ数は５ページとなります

   各固定ページで変更出来たらと思っています。

　・トップ（固定ページ１）（A画像、B画像、C画像）

　・固定ページ２（D画像、E画像、F画像）

　・固定ページ３（G画像、H画像、I画像）

・・・・という感じです。

 

構成

----------

・トップ（固定ページ１）
・固定ページ２
・固定ページ３
　・固定ページ４　※サブメニュ
　・固定ページ５　※サブメニュ

----------

 

]]> CSSカスタマイズ相談 hana https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2654 RE: ヘッダー背景画像をスライドショーやフェードで切り替えたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2649 Sat, 28 Apr 2018 08:58:59 +0000 できますよ。ただ、その前にいくつかヒアリングをします。

●投稿ページやカテゴリー・タグアーカイブページでは、 bgswitcher を設置されるでしょうか？

●フロントページは、固定ページでしょうか？インディックスリストでしょうか？インデックスリストの場合には、 bgswitcher を設置されるでしょうか？

●画像を変えたい固定ページは、いくつぐらいあるでしょうか？（ 1 つの固定ページでのみ画像を変え、その他の固定ページは一緒の画像でいいのか？）

]]> CSSカスタマイズ相談 Akira https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2649 RE: ヘッダー背景画像をスライドショーやフェードで切り替えたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2643 Sat, 28 Apr 2018 06:34:22 +0000 出来ました！！！（涙）

とても思い通りのものが出来ました！！

 

あと、ひとつわがままな質問を聞いて頂けたらでいいのですが

このスライドショーですが、固定ページごと（ページIDごと？）に表示するスライドを変えることは出来ないでしょうか？

]]> CSSカスタマイズ相談 hana https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2643 RE: ヘッダー背景画像をスライドショーやフェードで切り替えたい https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2639 Sat, 28 Apr 2018 01:15:00 +0000 なるほど、やり直してみます！！

]]> CSSカスタマイズ相談 hana https://wp-cocoon.com/community/customs/%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e8%83%8c%e6%99%af%e7%94%bb%e5%83%8f%e3%82%92%e3%82%b9%e3%83%a9%e3%82%a4%e3%83%89%e3%82%b7%e3%83%a7%e3%83%bc%e3%82%84%e3%83%95%e3%82%a7%e3%83%bc%e3%83%89%e3%81%a7/#post-2639