固定ページを更新すると、特定箇所の閉じタグが消えてしまう。

  • 解決済 ryoji.nakashima

    (@ryojinakashima)


    10年、 7ヶ月前

    固定ページを編集後、更新するとタグが消えてしまう現象に困っています。

    <div class="saleBanner"><a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/06/sale01.png" alt="sale01" width="330" height="160" class="alignnone size-full wp-image-131" /><br />０１</a></div>

<div class="saleBanner"><a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/06/sale02.png" alt="sale02" width="330" height="160" class="alignnone size-full wp-image-132" /><br />０２</a></div>

<div class="saleBanner"><a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/06/sale03.png" alt="sale03" width="330" height="160" class="alignnone size-full wp-image-133" /><br />０３</a></div>

<div class="saleBanner"><a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/06/saleakihabara.png" alt="saleakihabara" width="330" height="75" class="alignnone size-full wp-image-180" /></a></div>

    というコードをテキストモードで作成し、更新すると

    <div class="saleBanner"><a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/06/sale01.png" alt="sale01" width="330" height="160" class="alignnone size-full wp-image-131" /><br />０１</a></div>
<div class="saleBanner"><a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/06/sale02.png" alt="sale02" width="330" height="160" class="alignnone size-full wp-image-132" /><br />０２</a></div>
<div class="saleBanner"><a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/06/sale03.png" alt="sale03" width="330" height="160" class="alignnone size-full wp-image-133" /><br />０３</a></div>
<div class="saleBanner"><a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/06/saleakihabara.png" alt="saleakihabara" width="330" height="75" class="alignnone size-full" /></div>

    のように出力されます。
    最後の <div class=”saleBanner”> 内にある aタグの閉じタグが何故か出力されません。＜/a＞＜/a＞と書くと１つだけ出力されます。

    どうしてaタグの閉じタグが消えてしまうのか全くわからず困っています。
    もし解決法を知っている方がいればご教授いただけませんでしょうか。
    よろしくお願い致します。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • 천궁 메텔

    (@digitmaetel)

    10年、 7ヶ月前

    aタグの閉じタグが何故か出力されません

    としても表示は問題ないんじゃないかしら。

    gblsm

    (@gblsm)

    10年、 7ヶ月前

    WordPress 4.2.2 に Twenty Fifteen テーマで試すと消えませんでした。他のテーマに変えてプラグインを WP Multibyte Patch のみ有効にしても a タグが消えますか？

    トピック投稿者 ryoji.nakashima

    (@ryojinakashima)

    10年、 7ヶ月前

    ＞맹조さん
    返信ありがとうございます。
    表示には関係ないですけど、閉じタグがないとその後のタグに影響してリンク出ないところまでリンクになってしまうので問題といえば問題になると思います。

    ＞gblsmさん
    たしかに Twenty Fifteen テーマだと消えませんでした。ということはテーマの作り方に問題があるということですね。しっかりコードを見てみます。
    ありがとうございます。

    トピック投稿者 ryoji.nakashima

    (@ryojinakashima)

    10年、 7ヶ月前

    これが正しい対応なのかわからないですが、解決しました。

    （１）テキストモードで画像を挿入後、リンク設定する。
    （２）ビジュアルモードに切り替え、そのまま何もせず、テキストモードに戻す。
    （３）img タグの class の位置が変わる（テキストモードだと最後、ビジュアルモードだと最初）。
    →こうすると a タグはきちんと閉じてくれました。

    img の class が悪さをしてるのではないかと考えて、画像挿入時に class が挿入されないように functions.php に設定。
    →きちんと a タグは閉じてくれました。

    なぜこうなったのかはわからないですが、一応解決しました。
    根本原因がわからないので気持ち悪いですが…。

    천궁 메텔

    (@digitmaetel)

    10年、 7ヶ月前

    今回のタグが、全体をdivタグでまとめると違って履きますが、条件が合えばタグの省略は可能です。タッグは少ないほうが文字数も減るし、ブラウザの処理も高速化しますよね。

    <div class="saleBanner" >
<a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/06/sale01.png" alt="sale01" width="330" height="160" class="alignnone size-full wp-image-131" ><br>０１</a>
<a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/06/sale02.png" alt="sale02" width="330" height="160" class="alignnone size-full wp-image-132"><br>０２</a>
<a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/06/sale03.png" alt="sale03" width="330" height="160" class="alignnone size-full wp-image-133"><br>０３</a>
<a href="#"><img src="http://localhost/wordpress/wp-content/uploads/2015/06/saleakihabara.png" alt="saleakihabara" width="330" height="75" class="alignnone size-full wp-image-180"></a></div>

    「HTMLのタグは一部省略可能」表示速度はどちらが早いのか調べてみた

5件の返信を表示中 - 1 - 5件目 (全5件中)

トピック「固定ページを更新すると、特定箇所の閉じタグが消えてしまう。」には新たに返信することはできません。