ウィジェットのタイトルがテキストのリンクになってしまう

Simplicityの特徴 フォーラム Simplicityについての質問 ウィジェットのタイトルがテキストのリンクになってしまう

このトピックには3件の返信が含まれ、1人の参加者がいます。2 週間、 4 日前 Akira さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #60865 返信

    さな

    http://sanachannel.com

    こちらサイドバーにテキストのウィジェットを2つ貼っているのですが(text-3,text-4)
    その下のウィジェットタイトルがなぜか影響されてしまいリンクになってしまいます。
    (※現在はカテゴリー)
    ウィジェットの順番を入れ替えてもテキストの直下のものがリンクになってしまいます。

    サイドバーで変更しているのはアイコンと見出し、リンクの文字サイズだけで
    テキストに関しては変更していません。
    原因は何でしょうか?

  • #60866 返信

    Akira

    検索フォームとカテゴリーウィジェットの間にある、2 枚の画像の HTML が原因です。

    この画像の HTML は、現在このようにテキストウィジェットにお書きになっているはずです。分かりやすくするために、改行しています。

    <a href="http://sanachannel.com/profile/10kiji/">
      <img alt="" src="http://sanachannel.com/wp-content/uploads/2017/11/e7fe5e4d60b17ee78081607908fd20cc.png">
    

    画像の img タグを囲む a タグに、閉じタグ </a> がありません。

    なので、img タグの後に、閉じタグ </a> を追加します。

    <a href="http://sanachannel.com/profile/10kiji/">
      <img alt="" src="http://sanachannel.com/wp-content/uploads/2017/11/e7fe5e4d60b17ee78081607908fd20cc.png">
    </a>

    2 枚の画像の HTML を修正されると、不具合は解消するはずです。

  • #60868 返信

    さな

    Akira様

    ご丁寧にありがとうございます。
    こんなことにも気づかなかったとはお恥ずかしい限りです・・
    書き換えたところ、不具合が治りました。

    とても助かりました!ありがとうございます。

  • #60869 返信

    Akira

    1 つ目の画像のリンクが効いていません。

    2 つ目の画像には、<br /> が入ってしまっています。

    下記の HTML をコピペされると修正できます。

    1 つ目の画像(text-3・たった 1 つの〜)

    <a href="http://sanachannel.com/wiglife/changelife/"><img alt="" src="http://sanachannel.com/wp-content/uploads/2017/11/868b078f9ee4c6ffa06ded1fab972d85.png" /></a>

    2 つ目の画像(text-4・はじめましての〜)

    <a href="http://sanachannel.com/profile/10kiji/"><img src="http://sanachannel.com/wp-content/uploads/2017/11/e7fe5e4d60b17ee78081607908fd20cc.png" alt="" /></a>

    それと、なるべく alt に画像の説明をお書きになるのがおすすめです。

    alt に画像の説明があると、目の見えない方も画像がどのようなものかを把握できます。また、Google クローラが画像を認識できるので、検索順位やアクセス数に好影響を与えます。

返信先: ウィジェットのタイトルがテキストのリンクになってしまう
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)