DigiPress

Highly Flexible WordPress Theme

【不具合?】「Mature」で画像とキャプションの間に不自然なアキ(不要なタグ)が

ホーム フォーラム 設定・不具合関連 【不具合?】「Mature」で画像とキャプションの間に不自然なアキ(不要なタグ)が

  • このトピックには6件の返信、2人の参加者があり、最後にfinalbetaにより7年、 7ヶ月前に更新されました。
7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #113928
    finalbeta
    参加者

    「Mature」で、画像とキャプションの間に1行分程度のアキができるようになってしまいました。
    確証はありませんが、最近ひさびさにアップデートしたのでそれ以降かなと思います。(現在のバージョンは1.3.4.1です。)

    実例: http://rpg-fan.jp/archives/701
    ソースを見ると画像のあとに余計な</p>タグががあるように見えます。

    なお、トップページにアイキャッチを表示するためindex_under.phpを編集していますが、編集前でも同様の減少が発生することを確認しています。
    また、「Mature」のサンプルページでも同様の現象が発生しているようです。

    画像テスト

    お手数をおかけしますがご確認のほど、よろしくお願いいたします。

    #113929
    finalbeta
    参加者

    「Mature」のサンプルページへのリンク、2ページ目にキャプション付きの画像があります。
    (2ページ目のURLを貼っても1ページ目に補正されるようですね。)

    #113931
    finalbeta
    参加者

    >確証はありませんが、最近ひさびさにアップデートしたのでそれ以降かなと思います。(現在のバージョンは1.3.4.1です。)

    同時にWordPressのアップデートもしているのでそちらが原因の可能性もありました。不確かな情報を記載してしまい失礼いたしました。

    #114038
    DigiPress サポート
    キーマスター

    キャプション付きの画像は、WordPressのショートコードで出力されるものですので、余分な段落(p)タグはWordPressが自身の持つ自動整形機能で挿入してしまっているため、テーマ側では修正ができません。

    オリジナルスタイルシートに以下を記述してください。

    .entry .wp-caption img{
    padding:0;
    }
    #114043
    finalbeta
    参加者

    サポートありがとうございます。
    >キャプション付きの画像は、WordPressのショートコードで出力されるものですので、余分な段落(p)タグはWordPressが自身の持つ自動整形機能で挿入してしまっているため、テーマ側では修正ができません。
    そうなるとやはりWordPress側のアップデートによるものでしょうか……こちらの問題切り分けが不足しており、ご迷惑をおかけし大変恐縮です。

    ご呈示いただいたCSSでは解決しませんでしたが(Chromeの開発ツールで見る限り、当該箇所のpaddingは元から0のような気がします)、これにヒントを得て、margin-bottom:-2em;を設定することで、ひとまず見た目上の問題は解決いたしました。

    ただやはり、画像とキャプションの間の、謎の</p>タグが気になります。(閉じタグのみなので文法エラーになります)。
    ・WordPressのビジュアル編集画面上では問題なく、プレビューを行うと</p>が挿入されている
    ・別のテーマ(Twenty Seventeenで試しました)に変更すると発生しない
    ことから、何らかの相性問題が発生している可能性はあるかもしれません。
    先日投稿した通り、「Mature」のサンプルページでも同じ状態になっていますので、そちらがどういった状態になっているか、大変お手数をおかけしますが、ご確認いただけないでしょうか。
    もちろん、原因が完全にWordPress本体側であり、テーマ側では是正不可能ということであれば、致し方ないかと思います。
    (ちなみにその場合、テーマのサンプルページにはその旨、補足が合った方がよいかなとは思います。現状だとこういうデザイン(画像とキャプションがかなり離れている)のテーマだと誤解されてしまうかもしれませんので……。)

    ご面倒をおかけしますが、なにとぞよろしくお願いいたします。

    #114129
    DigiPress サポート
    キーマスター

    最新版にてキャプションのショートコードをHTML5で出力するよう、WordPressが提供する機能で拡張しました。

    #114130
    finalbeta
    参加者

    最新版に更新し、不要な</p>タグが出力されず正常に表示できるようになったことを確認しました。
    というわけで本件、解決いたしました。ご対応ありがとうございます!
    (フォーラムの利用案内に「疑問や問題が解決できたらトピックのステータスを【解決済】に変更しましょう。」とありましたがステータス変更などの機能が見つかりませんでしたので、本投稿をもって解決済みの宣言とさせていただきます。)

7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • このトピックに返信するにはログインが必要です。