-
投稿者投稿
-
2017/06/14 5:15 PM #113928finalbeta参加者
「Mature」で、画像とキャプションの間に1行分程度のアキができるようになってしまいました。
確証はありませんが、最近ひさびさにアップデートしたのでそれ以降かなと思います。(現在のバージョンは1.3.4.1です。)実例: http://rpg-fan.jp/archives/701
ソースを見ると画像のあとに余計な</p>タグががあるように見えます。なお、トップページにアイキャッチを表示するためindex_under.phpを編集していますが、編集前でも同様の減少が発生することを確認しています。
また、「Mature」のサンプルページでも同様の現象が発生しているようです。お手数をおかけしますがご確認のほど、よろしくお願いいたします。
2017/06/14 5:20 PM #113929finalbeta参加者「Mature」のサンプルページへのリンク、2ページ目にキャプション付きの画像があります。
(2ページ目のURLを貼っても1ページ目に補正されるようですね。)2017/06/14 5:27 PM #113931finalbeta参加者>確証はありませんが、最近ひさびさにアップデートしたのでそれ以降かなと思います。(現在のバージョンは1.3.4.1です。)
同時にWordPressのアップデートもしているのでそちらが原因の可能性もありました。不確かな情報を記載してしまい失礼いたしました。
2017/06/15 9:10 PM #114038DigiPress サポートキーマスターキャプション付きの画像は、WordPressのショートコードで出力されるものですので、余分な段落(p)タグはWordPressが自身の持つ自動整形機能で挿入してしまっているため、テーマ側では修正ができません。
オリジナルスタイルシートに以下を記述してください。
.entry .wp-caption img{ padding:0; }
2017/06/15 10:33 PM #114043finalbeta参加者サポートありがとうございます。
>キャプション付きの画像は、WordPressのショートコードで出力されるものですので、余分な段落(p)タグはWordPressが自身の持つ自動整形機能で挿入してしまっているため、テーマ側では修正ができません。
そうなるとやはりWordPress側のアップデートによるものでしょうか……こちらの問題切り分けが不足しており、ご迷惑をおかけし大変恐縮です。ご呈示いただいたCSSでは解決しませんでしたが(Chromeの開発ツールで見る限り、当該箇所のpaddingは元から0のような気がします)、これにヒントを得て、margin-bottom:-2em;を設定することで、ひとまず見た目上の問題は解決いたしました。
ただやはり、画像とキャプションの間の、謎の</p>タグが気になります。(閉じタグのみなので文法エラーになります)。
・WordPressのビジュアル編集画面上では問題なく、プレビューを行うと</p>が挿入されている
・別のテーマ(Twenty Seventeenで試しました)に変更すると発生しない
ことから、何らかの相性問題が発生している可能性はあるかもしれません。
先日投稿した通り、「Mature」のサンプルページでも同じ状態になっていますので、そちらがどういった状態になっているか、大変お手数をおかけしますが、ご確認いただけないでしょうか。
もちろん、原因が完全にWordPress本体側であり、テーマ側では是正不可能ということであれば、致し方ないかと思います。
(ちなみにその場合、テーマのサンプルページにはその旨、補足が合った方がよいかなとは思います。現状だとこういうデザイン(画像とキャプションがかなり離れている)のテーマだと誤解されてしまうかもしれませんので……。)ご面倒をおかけしますが、なにとぞよろしくお願いいたします。
2017/06/16 6:54 PM #114129DigiPress サポートキーマスター最新版にてキャプションのショートコードをHTML5で出力するよう、WordPressが提供する機能で拡張しました。
2017/06/16 7:11 PM #114130finalbeta参加者最新版に更新し、不要な</p>タグが出力されず正常に表示できるようになったことを確認しました。
というわけで本件、解決いたしました。ご対応ありがとうございます!
(フォーラムの利用案内に「疑問や問題が解決できたらトピックのステータスを【解決済】に変更しましょう。」とありましたがステータス変更などの機能が見つかりませんでしたので、本投稿をもって解決済みの宣言とさせていただきます。) -
投稿者投稿
- このトピックに返信するにはログインが必要です。