Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

ヘッダー背景画像のURLが正しく表示さ...
 
共有:
通知
すべてクリア

[解決済] ヘッダー背景画像のURLが正しく表示されない

7 投稿
2 ユーザー
1 Reactions
4,579 表示
(@z-man)
New Member Registered
結合: 7年前
投稿: 4
トピックスターター  

ヘッダー背景画像を設定し、PCでサイトを表示したところURLが正しく反映されていませんでした

現在、LAN内でテストしていたためIPのままとなっているのですが、「0」のブロックが削除されてしまいました。

192.168.0.90 → 192.168..90

下記にブラウザソースのヘッダー情報部を転記いたします。

<style id='cocoon-style-inline-css'>
@media screen and (max-width:480px){.page-body{font-size:16px}}body.public-page{background-color:#eef}.header .header-in{min-height:64px}.header{background-image:url( )}.header,.header .site-name-text,#navi .navi-in a,#navi .navi-in a:hover{color:#fff}.main{width:860px}.sidebar{width:356px}@media screen and (max-width:1242px){ .wrap{width:auto}.main,.sidebar,.sidebar-left .main,.sidebar-left .sidebar{margin:0 .5%}.main{width:67%}.sidebar{padding:0 10px;width:30%}.entry-card-thumb{width:38%}.entry-card-content{margin-left:40%}}
</style>


   
(@z-man)
New Member Registered
結合: 7年前
投稿: 4
トピックスターター  

URL変換されてしまったようなので抜粋貼り付け致します。

192.168..90/wp-content/uploads/2018/05/xxx_BN.png

 


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 

ちなみに、テーマ設定の「ヘッダー背景画像」の入力ボックスのURLはどのように表示されていますでしょうか?


   
(@z-man)
New Member Registered
結合: 7年前
投稿: 4
トピックスターター  

入力ボックスは下記のようになっております。

※貼り付けのため先頭「h」は削除しております。

ttp://192.168.0.90/wp-content/uploads/2018/05/xxx_BN.png

センターロゴの場合はプレビューが表示されます。

その他の場合はプレビューも表示されませんでした。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 

不具合を僕の環境でも確認しました。

原因はおそらく、僕が使用しているCSS縮小化ライブラリlib/php-html-css-js-minifier.phpのminify_css関数の不具合かと思われます。
ただ、minify_css関数は、僕が作ったものではなくて、縮小化に詳しい方が作られたライブラリをそのまま使用させていただいています。
なので、複雑すぎて、ちょっと僕には修正できそうにありません。
修正したらしたで、どっか別のところで不具合を起こしてしまうかもしれません。

ただ、URLにIPアドレスを使用しなければ、このようにはならないと思うので、ローカル環境内のテストでしたら、hostsファイルを利用して、仮想のドメインを設定してテストしていただけたらと思います。
https://nelog.jp/hosts-file-setting-for-windows
ドメイン表記だったら、問題なく動作すると思います。

この度は、あまりお役に立てずに申し訳ないです。


   
(@z-man)
New Member Registered
結合: 7年前
投稿: 4
トピックスターター  

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

ご指摘の通り、ローカルテストの場合はhostsの利用などを検討して対処しようと思います。

 


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17394
 

ありがとうございます。
僕のスキル的にもライブラリの不具合を見つけるには、かなり時間がかかる(時間をかけてもわからないかもしれない)うえに、縮小化の根幹部分なので下手に触ると変な不具合を起こすリスクも高いので、そのようにしていただければ幸いです。


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました