すみません、i-amphtml-で始まるスタイルは利用してはいけなかったようです（AMPテストでエラーが出ました）。コード4は3行目までのみとするのが適切かもしれません。

すみません、さらに追加です。

Pinterestにも対応するため、tmp/amp-header.phpの40行目付近にコード5を追加し、lib/amp.phpのconvert_content_for_amp関数の410行目付近にコード6を追加していただきたいです。

実際に試してみての補足情報や気になった点を書きます。

① TikTok

TikTok 公式の埋め込みコードを使った場合でも、WordPress の TikTok ブロックを使った場合でも、tanakan さんのコードのコピペで何も問題ありませんでした。

ただ、コード 2 の最後の preg_replace は、str_replace でいいかもと思いました（その上の $pattern は正規表現でなくともよい）。

以下の動画で試しました。

https://www.tiktok.com/@rei_scottish/video/7011009577227422978?is_from_webapp=v1&is_copy_url=0&sender_device=pc&sender_web_id=7028776563076875778

amp-tiktok のドキュメント

https://amp.dev/documentation/components/amp-tiktok/

② is_comma_splited_selector_exists_in_body_tag() の変更

変更は不要に感じました。

例えば、このような CSS を書いても CSS は消えません。

amp-tiktok {
  margin-left: 100px;
}

また、amp-tiktok タグに class を付ける置換処理はしていらっしゃいません。

どのようなケースで CSS が消えるのか分かりませんでした。

③ Pinterest

embedPin とあるので、以下のものでしょうか？

https://developers.pinterest.com/tools/widget-builder/?type=pin

amp-pinterest のドキュメント

https://amp.dev/documentation/components/amp-pinterest/

@akira 

ありがとうございます。

ただ、コード 2 の最後の preg_replace は、str_replace でいいかもと思いました（その上の $pattern は正規表現でなくともよい）。

おっしゃるとおりでした。

例えば、このような CSS を書いても CSS は消えません。

amp-tiktok {
margin-left: 100px;
}

こちらではamp.cssに同じものを入れてみましたが、is_comma_splited_selector_exists_in_body_tag()を変更しないと消えてしまいます。どういう条件の違いがあるのかわかりません。

ただし、is_comma_splited_selector_exists_in_body_tag()を変更してamp-tiktokをCSSに入れても結局効かない（要素のstyle属性で上書きされてしまう）ので、この変更は不要だと判明しました。

embedPin とあるので、以下のものでしょうか？

はい、そうです。embedショートコードで https://www.pinterest.jp/pin/xxxxxxxx/ をURLを囲むとこれが出てきます。

こちらではamp.cssに同じものを入れてみましたが、is_comma_splited_selector_exists_in_body_tag()を変更しないと消えてしまいます。どういう条件の違いがあるのかわかりません。

大変申し訳ありません。tanakan さんのおっしゃるとおり、CSS が消えました。消えなかったのは、私が親テーマを編集していたためでした。

コード 4 の以下の部分にしたところ、CSS が消えないようになりました。

if (strpos($comma_splited_selector, 'amp-') !== false) {
  return true;
}

ちなみに、私が親テーマでやっていたカスタマイズでも CSS が消えないため、一応書いておきます。

lib / amp.php の 1064 行目の部分を…

$body_tag = convert_content_for_amp($body_tag);

1045 行目の下に移動します。

$body_tag = $m[0];
$body_tag = convert_content_for_amp($body_tag);

これで 1055 行目が実行される時に AMP 用に変換した HTML でセレクターを調べるので、CSS が消えなくなります。また、tanakan さんがご指摘の is_comma_splited_selector_exists_in_body_tag() 内の以下の部分（ notepad のコード 3）が不要になります。

if (strpos($comma_splited_selector, 'amp-img') !== false) {
  return true;
}

コメント削除

@akira 

いつもありがとうございます。確かにconvert_content_for_ampを移動するのが一番すっきりし、ロジックとして良さそうだと思います。