SANGOショートコードでPタグが自動で生成されてしまう件

質問Reopen

担当者様

お世話になっております。いつもありがとうございます。

SANGOのショートコードbox26、box27で生成しているボックスを利用しております。 参考URL:https://saruwakakun.com/sango/boxes

いつの頃からか不明なのですが、なぜかpタグが挿入されてしまっています。 導入当時はもちろんありませんでした。

もちろんHTML上では挿入していないのに関わらず自動生成されているようです。

また別サイトでも同じコードを利用しているのですが、そちらは大丈夫だったりします。

①box26、box27でpタグが挿入されているページ例 https://webmarketer101.com/base-html/#i-39

②box26、box27で大丈夫なページ例 https://reuse.manabot.jp/base-html/#i-44

いずれのページも、クラッシックエディターとブロックエディターが混在している環境ですが クラッシックエディターメインです。

対処方法があればご教授ください。よろしくお願いします。

追記

以前あった経験なのですが、リストタグ(ul、ol)を使っている部分で MEMO等のショートコードでリストタグを利用していたら、通常だと表示されないはずの borderが表示されており、marginやpaddingなどもCSSが崩れていました。

このようなデザインではなかったのにと思って追加CSSで修正していたら SANGOのバージョンが更新されると修正されました。

追加CSSで修正していたため実際のページは再度崩れてしまいました。

今回も同じようなケースなのでしょうか。 よろしくおねがいします。

My profile
My profile

こちらWordPressの仕様で改行があるとショートコードの中でもpタグを自動挿入してしまうようです。

SANGOでは、このWordPressの仕様を「外観→カスタマイズ→詳細設定→【非推奨】自動整形をオフにする(Classic Editor)」よりオフにすることができます。

またできればショートコードではなくブロックエディターを使って記事を作ることをお勧めします。こちらはタイトル付きボックスブロックで同じ見た目で実装できるかと思います。

よろしくお願いします。

My profile
My profile

ご返信ありがとうございます。

ご指摘の部分は両サイトともオフにしています。それにも関わらず違いが出てきてしまっています。 ↓ SANGOでは、このWordPressの仕様を「外観→カスタマイズ→詳細設定→【非推奨】自動整形をオフにする(Classic Editor)」よりオフにすることができます。 ↑ ブロックエディターの件は今後はそのように対応します。

ただ既存の記事においては、すべてを確認してブロックエディターに変換は厳しいです。

ショートコード内の改行を無くすことで解決はできるでしょうか。もしくはショートコード自体をやめてHTMLソースに変換するなど。

Search Regexのようなテキスト変換プラグインで試してみます。 ありがとうございました。

My profile