WordPress の CSS「jetpack-sharing-buttons-style-inline-css」の削除方法

スポンサーリンク

WordPress の JetPack プラグインを有効化していると、id = jetpack-sharing-buttons-style-inline-css という CSS がインラインで読み込まれます。

この jetpack-sharing-buttons-style-inline-css は Jetpack 設定から削除することができます。

Jetpack 設定 > 執筆 > 作成 と進み、Jetpack ブロックを使用…のチェックを外すと削除できることを確認しました(WordPress バージョン 6.5、JetPack バージョン 13.3 の環境で確認)。

WordPress の CSS「jetpack-sharing-buttons-style-inline-css」の削除方法

なお、JetPack のブロックの使用のチェックを外すと、mediaelement-css と wp-mediaelement-css の CSS も同時に削除されることを確認しました。

余談となりますが、mediaelement-css と wp-mediaelement-css については、以前、functions.php にて dequeue することで削除することが可能なことを記載しました。

今回検証した内容から思うと、jetpack-sharing-buttons-style-inline-css を削除すれば、mediaelement-css と wp-mediaelement-css も削除されるので functions.php に記述する必要はなかったのかもしれません。

最後に蛇足ですが、functions.php でフックも試してみたところ、jetpack-sharing-buttons-style を dequeue すると jetpack-sharing-buttons-style-inline-css を削除することができました(WordPress バージョン 6.5、JetPack バージョン 13.3 の環境で確認)。

function my_enqueue_style()  
{
	wp_dequeue_style( 'jetpack-sharing-buttons-style' );
}
add_action( 'wp_enqueue_scripts', ‘my_enqueue_style' );

JetPackブロックは有効にしたまま、jetpack-sharing-buttons-style-inline-css を削除する、みたいなことも一応可能なようですが、この方法の需要は限定的かもしれませんね。

いずれの方法にしても、ホームページの表示に影響が出る可能性がありますので、削除する場合はバックアップを取るなどしてから、慎重に作業されることをお勧めします。

コメント

タイトルとURLをコピーしました