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

2024年04月09日

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 の環境で確認）。

注意書きにも記載されているように、既存の投稿や固定ページで Jetpack ブロックを使用している場合はブロック機能が停止するので注意が必要です。

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

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

WordPress の CSS「mediaelement-css」と「wp-mediaelement-css」の削除方法

今回検証した内容から思うと、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 を削除する、みたいなことも一応可能なようですが、この方法の需要は限定的かもしれませんね。

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

WordPress