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

PR 2018/10/2

このトピックには3件の返信、1人の参加者があり、最後にAkiraにより5年、 6ヶ月前に更新されました。

3件の返信スレッドを表示中

投稿者

投稿
- 2018年10月2日 2:33 PM #60865 返信
  
  さな
  ゲスト
  
  http://sanachannel.com
  
  こちらサイドバーにテキストのウィジェットを２つ貼っているのですが（text-3,text-4）
  その下のウィジェットタイトルがなぜか影響されてしまいリンクになってしまいます。
  （※現在はカテゴリー）
  ウィジェットの順番を入れ替えてもテキストの直下のものがリンクになってしまいます。
  
  サイドバーで変更しているのはアイコンと見出し、リンクの文字サイズだけで
  テキストに関しては変更していません。
  原因は何でしょうか？
- 2018年10月2日 4:28 PM #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 を修正されると、不具合は解消するはずです。
- 2018年10月3日 2:05 AM #60868 返信
  
  さな
  ゲスト
  
  Akira様
  
  ご丁寧にありがとうございます。
  こんなことにも気づかなかったとはお恥ずかしい限りです・・
  書き換えたところ、不具合が治りました。
  
  とても助かりました！ありがとうございます。
- 2018年10月3日 12:49 PM #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 クローラが画像を認識できるので、検索順位やアクセス数に好影響を与えます。
投稿者

投稿