画像スライダー 背景画像が反映されない

2017年5月15日 at 12:49

初めて投稿させていただきます。
さくらインターネットスタンダードにて、会社のサイトを構築したのですが
さくらインターネットの初期ドメインでのURLでは反映できている
「画像スライダー」の背景画像が、
オリジナルドメインでのURLでは表示されません。

■初期ドメイン
http://lab-ms.sakura.ne.jp/conq/

■オリジナルドメイン
http://lab-ms.com/

一向に解決できず困っております。
何が原因となっているのでしょうか、ご教示いただければ幸いです。

以下環境情報です。

どうぞよろしくお願い申し上げます。


# concrete5 Version
Core Version - 8.0.2
Version Installed - 8.0.2
Database Version - 20161208000000

# concrete5 Packages
None

# concrete5 Overrides
blocks/google_map/controller.php, blocks/google_map, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/en_GB/LC_MESSAGES/messages.mo, languages/en_GB/LC_MESSAGES, languages/en_GB, languages/es_PE/LC_MESSAGES/messages.mo, languages/es_PE/LC_MESSAGES, languages/es_PE, languages/es_PY/LC_MESSAGES/messages.mo, languages/es_PY/LC_MESSAGES, languages/es_PY, languages/cs_CZ/LC_MESSAGES/messages.mo, languages/cs_CZ/LC_MESSAGES, languages/cs_CZ, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/nb_NO/LC_MESSAGES/messages.mo, languages/nb_NO/LC_MESSAGES, languages/nb_NO, languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL, languages/pt_BR/LC_MESSAGES/messages.mo, languages/pt_BR/LC_MESSAGES, languages/pt_BR, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU, languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE, blocks/google_map/controller.php, blocks/google_map, languages/fi_FI/LC_MESSAGES/messages.mo, languages/fi_FI/LC_MESSAGES, languages/fi_FI, languages/da_DK/LC_MESSAGES/messages.mo, languages/da_DK/LC_MESSAGES, languages/da_DK, languages/de_DE/LC_MESSAGES/messages.mo, languages/de_DE/LC_MESSAGES, languages/de_DE, languages/el_GR/LC_MESSAGES/messages.mo, languages/el_GR/LC_MESSAGES, languages/el_GR, languages/en_GB/LC_MESSAGES/messages.mo, languages/en_GB/LC_MESSAGES, languages/en_GB, languages/es_PE/LC_MESSAGES/messages.mo, languages/es_PE/LC_MESSAGES, languages/es_PE, languages/es_PY/LC_MESSAGES/messages.mo, languages/es_PY/LC_MESSAGES, languages/es_PY, languages/cs_CZ/LC_MESSAGES/messages.mo, languages/cs_CZ/LC_MESSAGES, languages/cs_CZ, languages/it_IT/LC_MESSAGES/messages.mo, languages/it_IT/LC_MESSAGES, languages/it_IT, languages/ja_JP/LC_MESSAGES/messages.mo, languages/ja_JP/LC_MESSAGES, languages/ja_JP, languages/nb_NO/LC_MESSAGES/messages.mo, languages/nb_NO/LC_MESSAGES, languages/nb_NO, languages/nl_NL/LC_MESSAGES/messages.mo, languages/nl_NL/LC_MESSAGES, languages/nl_NL, languages/pt_BR/LC_MESSAGES/messages.mo, languages/pt_BR/LC_MESSAGES, languages/pt_BR, languages/ru_RU/LC_MESSAGES/messages.mo, languages/ru_RU/LC_MESSAGES, languages/ru_RU, languages/sv_SE/LC_MESSAGES/messages.mo, languages/sv_SE/LC_MESSAGES, languages/sv_SE

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache/2.2.31

# Server API
cgi-fcgi

# PHP Version
5.6.30

# PHP Extensions
cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, fileinfo, filter, gd, gettext, gmp, hash, iconv, json, libxml, mbstring, mcrypt, mysql, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, Reflection, session, SimpleXML, snmp, soap, SPL, sqlite3, standard, tokenizer, xml, xmlreader, xmlwriter, xsl, Zend OPcache, zip, zlib

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - -1
max_input_vars - 1000
memory_limit - 128M
post_max_size - 8M
sql.safe_mode - Off
upload_max_filesize - 2M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - no value
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
opcache.max_accelerated_files - 2000
opcache.max_file_size - 0
opcache.max_wasted_percentage - 5

タグ:

Re: 画像スライダー 背景画像が反映されない

2017年5月15日 at 13:16
lab_hayashiさま

スタイルシートの背景画像の記述が『/conq/application/files/〜...』となってます。
『/conq』がいらないのでは?

ちなみに開発時にはキャッシュを無効にしておくことをお薦めします。

よろしくお願いします。
 

Re: Re: 画像スライダー 背景画像が反映されない

2017年5月15日 at 16:04
nipper様
お世話になります。
的確なご指摘ありがとうございます!
おかげ様で問題解決しました!

ありがとうございました。
 

Re: 画像スライダー 背景画像が反映されない

2017年5月15日 at 19:34
解決できてよかったです grin
 

Re: 画像スライダー 背景画像が反映されない

2017年5月29日 at 12:38
nipper 様
すみません、
conq/application/files/cache/css/elemental/main.css
このcss の背景画像の記述を
『/conq/application/files/~』

『/application/files/~』
と手動で修正して、ftpで上書きをして
解決できたと思っていたのですが、

サイトを更新するたびに
この記述が
『/conq/application/files/~』
と、余計な「conq」が入ってしまいます。

何か設定で根本的な間違いを
してしまっているのでしょうか?

ご教授いただけないでしょうか。
宜しくお願いいたします。
 

Re: 画像スライダー 背景画像が反映されない

2017年5月29日 at 13:04
lab_hayashiさま

conq/application/files/cache/css/elemental/main.css
↑これではないです。
また、『.ccm-image-slider-container』の背景画像をどこに記述しているかでも変わってくるのですが、一般的な事例を想像してお答えしますね。

エレメンタルをお使いのようですが、application / themes に concrete / themes / elemental をコピーされてますか?

もし、コピーしてオーバーライドしている場合は、application / themes / elemental / css / main.less の『.ccm-image-slider-container』に記述しないといけません。
オーバーライドしていない場合は、concrete / themes / elemental / css / main.less です。

conq/application/files/cache/css/elemental/main.css はキャッシュファイルなので、キャッシュが更新されると元に戻ってしまいます。
5.7以降、エレメンタル等のテーマでは基本的に less で記述しています。
concrete5が less ファイルをコンパイルして、main.css としてキャッシュファイルを生成しています。(説明はあってると思う...)

なので、上記のどちらかの『main.less』を修正してください。

よろしくお願いします。
 

Re: 画像スライダー 背景画像が反映されない

2017年5月29日 at 16:52
nipperさま

いつも親切にご教示いただきありがとうございます。
早速試みてみましたが
私の理解力と知識が及ばず、難儀しております。

>application / themes に concrete / themes / elemental をコピーされてますか?

コピーしていませんので、

>オーバーライドしていない場合は、concrete / themes / elemental / css / main.less です。

こちらのmain.cssファイルを開いて

「.ccm-image-slider-container」部分を探しますと
以下の記述が見つかりました。
-------------------------------------------------------------------
.ccm-image-slider-container {
background-image: url(@image-slider-background-image);
}
-------------------------------------------------------------------

この箇所でしょうか?
どのように修正すれば「/conq」がなくなるのでしょう?

すみません、
どうぞよろしくお願い申し上げます。
 

Re: 画像スライダー 背景画像が反映されない

2017年5月29日 at 17:11
lab_hayashiさま

background-image: url(@image-slider-background-image); を
background-image: url( '/application/files/〜' ); というような『/conq』の無い記述に修正してください。
画像のパスは適宜修正してくださいね。


ちなみに『@image-slider-background-image』というのは、デザインカスタマイザーに対応させるための変数を記述しています。
その変数は、concrete / themes / elemental / css / presets / 内の各ファイルに記述(93行目)があり、画像ファイルを指定してます。
デフォルトでは『../images/background-slider-default.png』、ブルースカイの場合は『../images/background-slider-blue-sky.png』というように、プリセットによって読み込む背景画像を変えています。

もし、カスタマイザーを使用したい場合は、concrete / themes / elemental / css / presets / のファイルを修正。
カスタマイザーを使わないのであれば、先程の main.less に直接背景画像を記述しても大丈夫だと思います。

カスタマイザーの less ファイルに関しては、こちらをご覧ください。
http://concrete5-japan.org/help/5-7/developer/designing-for-concrete5/enabling-style-customization/including-less-stylesheets-in-your-theme/


よろしくお願いします。
 

Re: 画像スライダー 背景画像が反映されない

2017年5月29日 at 17:52
nipper さま

詳細にありがとうございました!
やっと解決できたかと思います。
とてもたすかりました!