サムネイル画像のリンクの範囲

Simplicityの特徴 › フォーラム › 不具合報告 › サムネイル画像のリンクの範囲

  • このトピックには9件の返信、2人の参加者があり、最後にノッツにより10年、 10ヶ月前に更新されました。
9件の返信スレッドを表示中
  • 投稿者
    投稿
    • #34208
      ノッツ
      ゲスト

      わいひらさん、お久しぶりです。
      ちょっと気になることがあったのでご報告させていただきます。
      前々から気付いていましたが、今の報告となってしまいましたm(__)m

      トップページ、カテゴリや月別のアーカイブページのサムネイル画像(アイキャッチ画像)のところのリンクについてですが、画像でないところにもリンクの範囲があります。
      具体的に言いますと、「.entry-thumb」の「.entry-thumnail」のところです。

      意図的にこのような仕様にしていたら申し訳ありませんが、ご確認いただければ幸いです。
      よろしくおねがいします。

    • #34216
      アバター画像わいひら
      キーマスター

      こんにちは。お久しぶりです。

      すいません。
      ちょっとまだ意味がよくわかってないかもしれません。

      トップページ、カテゴリや月別のアーカイブページのサムネイル画像(アイキャッチ画像)のところのリンクについてですが、画像でないところにもリンクの範囲があります。

      実際に、このようになっているページのURLと、その部分の場所を教えてもらっても良いですか?

    • #34242
      ノッツ
      ゲスト

      説明不足でした。すみません。

      実際のページですが、このSimplicityの公式サイトでも説明した事象は発生しています。
      例えば、カテゴリページである以下のページ。
      http://wp-simplicity.com/category/news/
      アーカイブページ。
      http://wp-simplicity.com/2015/11/
      寝ログのトップページでも発生しています。

      画像でないところにもリンクの範囲があります。

      この意味ですが、各記事のサムネイル画像のすぐ下の白色の部分(サムネイル画像ではない部分)もリンクとしてクリックできしてしまうということです。

      サムネイル画像の下の白色部分にマウスカーソルを持ってくると、マウスカーソルの形でリンクになっていることが分かると思います。

    • #34244
      アバター画像わいひら
      キーマスター

      上の書き込みでようやく意味がわかりました。
      とりあえず、このSimplicityのサイトは修正してみました。
      ただ、まだ画像下、数pxはマウスカーソルを乗せると反応はするようです。(テストブラウザFirefox)
      これ以上は、おかしな部分も見つからず、原因がわからないため詳しい人に原因と対策でも聞かないと、修正できないかも。

    • #34247
      yokudekiru
      ゲスト

      わいひらさん
      >まだ画像下、数pxはマウスカーソルを乗せると反応はするようです

      私のサイトではこの不具合は見られなかったので、Simplicityと私のサイトを比較すると対処法がなんとなくわかりました。

      .entry-thumb {
          width: 150px;
          height: 150px;
          overflow: hidden;
      }

      cssに上記のコードをいれるとおそらく不具合はなくなるかなと思います。(width、heightはメディアクエリでスマホ用も準備しないといけません)

    • #34249
      アバター画像わいひら
      キーマスター

      その設定をやってしまうと「一覧リストのスタイル」の他のスタイルに、影響が出てしまうので、親テーマ側からは安易にできません。
      「一覧リストのスタイル」だけでも、10種類あり、モバイル表示もあり、メディアクエリーも数種類あるので、組み合わせるとかなりの数になります。
      そういった、他の設定に影響が出るCSS変更を行うと、他のスタイル全てにCSS設定1からやり直す必要があり、動作確認の負担もハンパないので、現状その方法では修正できないと思います。
      エントリーカードしか使用しない、カスタマイズであれば、それでOKかと思います。

    • #34252
      yokudekiru
      ゲスト

      やっぱ難しいですよね。

      他の方法はないかと探ってみたところ以下の方法でも何故か解決できました。

      .entry-thumb a {
          font-size: 0;
      }

      こちらだとメディアクエリー使わなくていいはずです。

    • #34253
      Hidekichi
      ゲスト

      僕の思い違いかも知れませんが、単純に、

      .entry-thumb img {
        display: block;
      }

      で、どうでしょう?

      imgがインライン要素だから隙間というかスペースがあるんだと思うんですが…。

    • #34267
      アバター画像わいひら
      キーマスター

      #34252
      なるほど!確かに。この発想はなかったです。

      #34253
      それだ!そういえばimgはデフォルトでインラインでしたね;全然思いつきませんでした。ありがとうございます!
      手元のファイルを修正しておいたので、しばらく当サイトで様子を見てアップデートしておこうと思います。

    • #34328
      ノッツ
      ゲスト

      返事遅くなりました。
      カテゴリや月別のアーカイブページを確認したところ、無事に解決されていました。
      皆さん、どうもありがとうございます。

9件の返信スレッドを表示中
  • トピック「サムネイル画像のリンクの範囲」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)