Install
This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/atsushia/next-external-css-loader/archive/refs/heads/main.zipNo built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
外部URLからCSSを読み込むWordPressプラグインです。
機能
- 外部URLからCSSファイルを読み込み、フロントエンドに適用
- 管理画面でCSSのURLを設定
- 強制ロード機能で即座にCSSを再読み込み
- 設定画面で読み込んだCSSの内容をプレビュー表示
インストール
- プラグインフォルダを
wp-content/plugins/にアップロード - WordPress管理画面の「プラグイン」から有効化
- 「設定」→「NExT CSS Loader」でCSSのURLを設定
使い方
基本設定
- 管理画面の「設定」→「NExT CSS Loader」を開く
- 「External CSS URL」に読み込みたいCSSファイルのURLを入力
- 「Save Settings」をクリック
- 「Force Load」ボタンをクリックしてCSSを読み込み
CSS プレビュー
設定画面の下部に、現在読み込まれている外部CSSの内容が表示されます。
フィルターフック
next_external_css_loader_sslverify
外部CSSを取得する際のSSL検証を制御します。
// SSL検証を無効化(開発環境向け)
add_filter( 'next_external_css_loader_sslverify', '__return_false' );
// URLに応じて制御
add_filter( 'next_external_css_loader_sslverify', function( $sslverify, $url ) {
if ( strpos( $url, 'localhost' ) !== false ) {
return false;
}
return $sslverify;
}, 10, 2 );
要件
- WordPress 5.0以上
- PHP 7.4以上
ライセンス
GPL v2 or later