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

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

  • このトピックには3件の返信、1人の参加者があり、最後にAkiraにより1年、 4ヶ月前に更新されました。
3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #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 クローラが画像を認識できるので、検索順位やアクセス数に好影響を与えます。

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




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