フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。
「関連記事ブログカード」の、SWELLブロック使用時とショートコード使用時のタグ出力内容の差分について < 不具合報告
通知
すべてクリア
Topic starter
お世話になっております。
「関連記事ブログカード」ですが、
SWELLブロック使用時と、ショートコード使用時で、
タグの出力内容に差分があります。
具体的にはSWELLブロック使用時は、
<div class="swell-block-postLink ">～</div>が適用されているのですが、
ショートコード使用時は当該タグが出力されませんでした。
上記により表示崩れが生じる場合があるため、
ショートコード使用時にも<div class="swell-block-postLink ">～</div>を
出力頂けないでしょうか。
添付は表示崩れが起きた場合の画面です。
（上がショートコード、下がSWELLブロック）
ショートコード使用時は、いずれの場合にも上記のタグは出力されませんでしたが、
表示崩れは発生する場合と発生しない場合がありました。
ひとまず、広告コードにて該当ショートコードを使用し、
記事下部ウィジェットにてその広告コードを表示させようとした場合には
表示崩れが発生しております。
本事象が、当方の環境に起因する事象だった場合は申し訳ございません。
お手数をお掛け致しますが、ご確認を頂けませんでしょうか。
よろしくお願いいたします。
投稿済 : 23/07/2020 3:41 pm
確認したところ、僕の環境だとどちらを使っても正常なレイアウトで表示されました。
.swell-block-postLink 有無では表示は変わらないはずなので、なにか別の要因があるのかもしれません。
投稿済 : 25/07/2020 12:23 pm
Topic starter
素の状態のWordpressに、Swellのみを導入して確認しましたが
やはりレイアウト崩れが生じております。
URLは以下となります。
https://ss113864.stars.ne.jp/2020/07/26/test2/
段落の途中でショートコードを使用した場合、
もしくはブログパーツでショートコードを使用した場合には
発生確率が高いように見受けられます。
＞.swell-block-postLink 有無では表示は変わらないはずなので、なにか別の要因があるのかもしれません。
仰る通りの認識で、wordpressから直接出力されるHTMLに問題があるようには見えません。
ただ、こちらのタグが無い場合には
ブラウザ側でレンタリングする際に、何らかのタグ補正が行われて
表示が崩れる場合があるように見受けられます。
上記レイアウト崩れはWindows10 + Chrome、Windows10 + Edge、Android9 + Chrome 、iPhone + Safariで発生する事を確認しております。
お手数をお掛け致しますが、再度ご確認を頂くことはできますでしょうか。
よろしくお願いいたします。
投稿済 : 25/07/2020 4:38 pm
段落の途中でショートコードを使用した場合
この使い方は、そうですね、崩れます。
説明が難しいですが、そういうものでして、そういった使い方がそもそも（ブログカードのショートコードとしては）「間違った使い方」になります。
投稿済 : 25/07/2020 10:58 pm
「段落の中で使わないといけない」というのはありえないと思うので、普通にショートコード単体で使っていただければと思います...。
もしくは、普通にブロックで使っていただければ...。
投稿済 : 25/07/2020 10:59 pm
Topic starter
段落の途中で使用しない事に関しては、了解致しました。
ブログパーツ内で関連記事のショートコードを利用した場合は、ショートコード単体であっても表示が崩れるのですが
こちらもSwellブロックの使用しか想定していないという理解でよろしいでしょうか？
投稿済 : 26/07/2020 1:37 am
僕の環境ではブログパーツから呼び出しても正常に表示されましたので、もしかするとプラグインなどの影響があるのかもしれません。もしくは、ショートコードの使い方が間違っているかもです...。
ブロックを使うと正常に表示できるのであれば、そちらを使っていただければと思います...！
それともどうしてもショートコードじゃないといけない理由がなにかあるのでしょうか...？
投稿済 : 28/07/2020 1:40 am
Topic starter
了解しました。ブロックで対応します。
ご確認お手数をお掛け致しました。
お時間を頂きありがとうございます。
投稿済 : 28/07/2020 3:05 pm
了(開発者) reacted