ロゴ画像が消えてしまいました。

[tokuno]

——————————————-
WordPress のバージョン： 4.4.2
Welcart のバージョン： 1.7.4
ご利用のテーマ： Welcart Bordeaux 1.0.2
症状を確認したブラウザ： googleChrome ,　InternetEplorer9
サーバー（会社名、サービス名）： エックスサーバー　X20
SSLの利用：　共用SSL
WordPress のパーマリンク設定： 基本
——————————————–

はじめまして。宜しくお願い致します。

「外観」「カスタマイズ」「サイト基本情報」「ロゴ画像」の順でサイトのロゴ画像を変更したところ、いつもは変更する度にロゴ画像は変更されていたのですが、ロゴ画像の横幅を260pxのものから460pxの画像に変更したところ、ロゴ画像が表示されなくなりました。
そのため260pxの画像に戻したのですが、それも表示されません。ただ、画像の表示される箇所にカーソルを乗せるとトップページへのリンクは残っています。
これはパソコンの画面で見た場合なのですが、使っているテーマがレスポンシブなので、スマホで確認するとロゴ画像は表示（横幅100%で）されています。それは460pxに変更した場合でも表示されます。
対処方法がわからず参っています。どうかご教授ください。

[ohnishi]

こんにちは。

ブラウザキャッシュが効いているということはございませんか？
一度、キャッシュを削除してご確認いただけますでしょうか。

よろしくお願いいたします。

[tokuno]

ご回答ありがとうございます。

googleChrome、InternetEplorer9ともにブラウザのキャッシュを削除して確認しましたが表示されませんでした。また、知人のパソコンでも確認してもらいましたが、同様にロゴ画像が表示されていないとの返答でした。

「外観」→「カスタマイズ」→「サイト基本情報」に
『ロゴ画像が登録されていない場合は、サイトのタイトルが表示されます』と記述があるので、画像を削除し外してみたところ、サイトのタイトルすら表示されません。ただし本来サイトのタイトルが表示される箇所にカーソルを乗せるとトップページへのリンクは残っています。

どうか、宜しくお願いいたします。

[yasumax]

こんにちは。

Welcart Bordeaux 1.0.2で確認しましたが問題なく表示されています。
 

これはパソコンの画面で見た場合なのですが、使っているテーマがレスポンシブなので、スマホで確認するとロゴ画像は表示（横幅100%で）されています。それは460pxに変更した場合でも表示されます。

画像を削除し外してみたところ、サイトのタイトルすら表示されません。

憶測なのですが、スタイルを修正されてませんか？
上記の状況ですと、パソコンサイズの時のみtext-indentなどで画面外へ飛ばしてしまっているのではないでしょうか？

[tokuno]

ご返答ありがとうございます。

パソコンサイズの時のみtext-indent…は行っておりません。元々のpaddingの数値を微調整し文字色を変更する程度の事はしましたが、それはおよそ一ヶ月前の事で、最近は触っておらず、ロゴ画像も正常に表示されておりました。
引き続き宜しくお願いします。

[tokuno]

style.cssを元に戻しても表示されませんでした。
ちなみにphpの知識は全くないので、phpファイルは全く触っていません。
宜しくお願いします。

[tokuno]

難しそうですね。勉強し直します。
有難うございました。

[uishi]

PCスマホそれぞれブラウザのURLが表示されるところにview-source:該当URLと入れるとHTMLが見えるので見てみたらどうでしょう。

ロゴ画像は、img要素なのか背景画像なのかどっちなんだろう。

[yasumax]

こんにちは。

style.cssを元に戻しても表示されませんでした。

Welcart Bordeauxを最初にインストールした状態に戻したということですか？
 
uishiさんが言われてる下記のことも気になります。

ロゴ画像は、img要素なのか背景画像なのかどっち

HTMLソース上で、ロゴ画像のimgタグ内のsrc属性に正しい画像パスは表示されてますか？
 
正しいのにサイトに表示されない場合、サイトタイトル（ロゴ画像）を括っているh1タグやaタグに対して背景画像を設定してないですか？
背景画像を設定していた場合、その画像のリンクが切れてないですか？

[uishi]

蛇足かもしれませんが、
ユーザーエージェントだったかを判定してスタイルシート替えてないならば、
レスポンシブだとブラウザ窓を可変できるようにして、
横幅を狭くしていくとスマホのvewpointのスタイルが適用されるかもしれません。
開発ツールつかってシュミレートするのがスマートかもしれませんが。

[tokuno]

uishi様
yasumax様

ご返答ありがとうございます。

h1は背景画像ではございません。テーマのカスタマイズの機能「ロゴ画像」で設定しています。
また下記のソースで表示されますし、画像のURLで直接画像も表示されますので、画像までのパスも間違ってないようです。
———————————————————————

<h1" class="site-title">
<a href="http://○○○.com/" title="△△△" rel="home">
<img src="http://○○○.com/wp-content/uploads/2016/03/□□□_logo.png" alt="△△△" /></a>
</h1>

———————————————————————

Welcart Bordeauxを最初にインストールした状態に戻したわけではなく、Welcart Bordeauxテーマをダウンロードしたzipの中にあるstyle.cssとheader.phpだけソースをコピペして初期の状態に戻しました。

また、新たな情報ですが、header.phpの中の
<<?php echo $heading_tag; ?> class=”site-title”>
に、以下のように”を入れてみたところ
<<?php echo $heading_tag; ?>” class=”site-title”>
ロゴ画像が表示されました。
ただし、php自体が全く分からないので、付け加えた”は外したいのですが、とりあえずたまたま表示されたので応急措置で付けています。
ただ、スマホで確認したところ、今までロゴ画像が中央に表示されていたのに左寄せになっています。また、googleChromeとIE11では表示されていますが、IE8だとロゴ画像どころかサイト自体がうまく表示されず、背景だけが表示されています。
<<?php echo $heading_tag; ?>” class=”site-title”>という記述はデタラメなはずなので原因が分かり次第、<<?php echo $heading_tag; ?> class=”site-title”>に直します。

どうか宜しくお願いいたします。

• この返信は8年、 8ヶ月前にyasumaxが編集しました。理由: でソースコード表示

[tokuno]

すみません。上記のソースがうまく表示されていませんでした。

<h1″ class=”site-title”>
<エー href=”http://○○○.com/&#8221; title=”△△” rel=”home”>
<アイエムジー エスアールシー=”http://○○○.com/wp-content/uploads/2016/03/◇◇◇.png&#8221; alt=”△△”>
</エー>
</h1>

※エーはa、アイエムジー エスアールシーはimg srcです。

[uishi]

<h1″ class=”site-title”>
が正しいなら
h1のあとの″はなにもの？

[tokuno]

ご回答ありがとうございます。

<<?php echo $heading_tag; ?>” class=”site-title”>の”の副作用がh1″となってしまったのですね。気付かずすみません。
しかしながら、間違えた荒業ですが、なぜかこれでロゴ画像が表示されています。
“を入れなくても表示される方法はないでしょうか？
よろしくお願いいたします。

[yasumax]

こんにちは。

まず、Welcart Bordeaux 1.0.2で確認しましたが問題なく表示されています。
 

これはパソコンの画面で見た場合なのですが、使っているテーマがレスポンシブなので、スマホで確認するとロゴ画像は表示（横幅100%で）されています。それは460pxに変更した場合でも表示されます。

画像を削除し外してみたところ、サイトのタイトルすら表示されません。

画像のURLで直接画像も表示されますので、画像までのパスも間違ってないようです。

Welcart Bordeauxテーマをダウンロードしたzipの中にあるstyle.cssとheader.phpだけソースをコピペして

上記、教えていただいた状況から考えて「Welcart Bordeaux 1.0.2」とtokunoさんが修正を加えたテーマで違っている部分は「style.css」だと考えます。
また、ブラウザサイズによって見え方が異なっていて、HTMLソース上では問題ないという状況です。
 

header.phpの中の
<<?php echo $heading_tag; ?> class=”site-title”>
に、以下のように”を入れてみたところ
<<?php echo $heading_tag; ?>” class=”site-title”>
ロゴ画像が表示されました。

スマホで確認したところ、今までロゴ画像が中央に表示されていたのに左寄せになっています。

表示結果<h1" class="site-title">が正しい記述ではなくなり、スタイルが効かなくなります。
Welcart Bordeaux 1.0.2初期状態でも同様な修正を加えるとスタイルが効かなくなります。
 
上記のことから、スタイルが原因であると考えます。
h1タグ・aタグに設定しているスタイルを再度見直してください。
テンプレート自体は修正していないということなのでh1.site-titlediv.site-title.site-title aあたりを見直してください。
 
 
それでも表示されないということでしたら、有償になりますがWelcartレスキューに調査をご依頼ください。

[投稿者]

投稿