Simplicityの特徴 › フォーラム › 不具合報告 › "Alt属性をキャプション表示"機能を有効にすると表示が崩れる場合がある
- このトピックには6件の返信、2人の参加者があり、最後に
Laにより8年、 10ヶ月前に更新されました。
-
投稿者投稿
-
-
2017年6月27日 3:05 AM #53494
La
ゲストこの機能を有効にすると、画像の前後にタグが追加され
<a href=~><img ~></a>
もともとこうだったのが
<div class="hover-image hover-image-admin"><a href=~><img ~><div class="details"><span class="info">Alt説明文</span></div></a></div>
こうなるようです。この時、画像が1枚だけドンとある状態であれば問題はないのですが、1行、同じpタグの中に複数の画像を使っている場合、pの中にdivを入れてはいけないというhtmlの制約から、ワードプレスがおせっかいを焼いて
<div class="hover-image hover-image-admin">の前で自動的にpを終わらせてしまい、段落が違うということで画像の前の文章との間で改行したかのような見た目になりデザインが崩れます。例えば本来こうなるべきところ

この機能を有効にしているとこうなってしまいます(ログインして見た場合のみ)

Altのホバー表示自体は大変便利な機能でありがたいのですが、レイアウトが崩れる可能性があるとなるとオフにするしかありません。
何か使い続けられかつレイアウトが崩れないようにする方法はないものでしょうか?普段は便利な機能なので、pタグの自動挿入自体を止めるとそれはそれで不便になってしまい避けたいです。
Attachments:
-
2017年6月27日 3:14 AM #53497
La
ゲストあれ?またアタッチメンツというのが出てしましました。
imgタグを使うだけで出るんでしょうか…。参考までにページのソース等をメモにしました。
そのまま掲載すると長いのでリンクを張っておきます。
http://14tz.net//i/SP/alt_note.txt -
2017年6月27日 5:53 PM #53511
わいひらキーマスター「”Alt属性をキャプション表示”機能」は無効になったままで良いので、1度スクリーンショットの表示がされているページのURLを提示していただいて、デベロッパーツールからHTML構造を見せていただいてよろしいでしょうか。デベロッパーツールで状態を見たいので。
不具合を修正するにも、同じ不具合環境を作成する必要があるので。何か使い続けられかつレイアウトが崩れないようにする方法はないものでしょうか?
運営者のみ見れれば良い場合は、「管理者のみ(ログインユーザーのみ)」を選択するのでも良いような気がします。
-
2017年6月27日 8:32 PM #53518
かうたっく
ゲスト画像前のテキストにpタグが入るのを朝、確認しました
冒頭と同じ現象、はじめの画像前の文字だけpタグがはいり、その直後にある『画像の直前に下記タグ』がはいります
<div class=”hover-image hover-image-admin”>
管理者のみ、ログインユーザーのみだと、管理画面上では、きれいに表示されますが、プレビュー画面は冒頭の通りに改行されません
が、全ての人に代替テキストを表示する設定にした場合
ユーザーさんもはじめの画像前にタグのスタイル指定がはいり、はじめの画像前であるテキスト『刃風はかぜ』は改行されますねっ…
-
2017年6月28日 12:46 AM #53525
La
ゲストこちらのページです
http://14tz.net/sam-rotation-by-level-4_0もともとログインユーザーのみ表示にしていましたが、自分でプレビューを確認するときにレイアウトが崩れると困るので今はオフにしています
-
2017年6月28日 7:33 PM #53542
わいひらキーマスターとりあえず、修正はしてみました。
https://wp-simplicity.com/wp-content/uploads/2017/06/simplicity2-5.zip
これでダメなら、機能を使用しないか、管理者のみ表示させて崩れても無視するか、他の同機能プラグインを探してもらうしかないかもしれません。 -
2017年6月28日 9:06 PM #53543
La
ゲスト治りました
いつも対応ありがとうございます
-
-
投稿者投稿
- トピック「"Alt属性をキャプション表示"機能を有効にすると表示が崩れる場合がある」には新しい返信をつけることはできません。
