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

2016 年 3 月 7 日

ホーム フォーラム 使い方全般 ロゴ画像が消えてしまいました。

このトピックには15件の返信が含まれ、4人の参加者がいます。1 年、 4 ヶ月前 tokuno さんが最後の更新を行いました。

15件の投稿を表示中 - 1 - 15件目 (全16件中)
  • 投稿者
    投稿
  • #77706

    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に変更した場合でも表示されます。
    対処方法がわからず参っています。どうかご教授ください。

    #77710

    ohnishi
    参加者

    こんにちは。

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

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

    #77711

    tokuno
    参加者

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

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

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

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

    #77712

    yasumax
    キーマスター

    こんにちは。

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

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

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

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

    #77722

    tokuno
    参加者

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

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

    #77726

    tokuno
    参加者

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

    #77727

    tokuno
    参加者

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

    #77728

    uishi
    参加者

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

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

    #77730

    yasumax
    キーマスター

    こんにちは。

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

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

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

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

    #77733

    uishi
    参加者

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

    #77734

    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”>に直します。

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

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

    tokuno
    参加者

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

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

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

    #77736

    uishi
    参加者

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

    #77737

    tokuno
    参加者

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

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

    #77738

    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レスキューに調査をご依頼ください。

15件の投稿を表示中 - 1 - 15件目 (全16件中)

このトピックに返信するにはログインが必要です。