2017-12-30 21 views
0

私はWordPressには新しく、インストールされているプラ​​グインからCSSを追加する最善の方法を知りたいと思っています。 私は「social-media」と呼ばれる1つの活性化されたプラグインを持っていて、そのプラグインで、私は「social-login-style.css活性化されたWordPressプラグインのCSSファイルを適用する

私は私のコンテンツへincludeこのCSSファイルとapply styleにしたいと呼ばれる1つのcssファイルを作成しました。どのページにどのようにCSSファイルを追加して、効果を見ることができますか?

短くて、social-login-style.csswp-login.phpファイルに追加します。

答えて

0

テーマやプラグイン、css、jsのいずれのカスタム追加でも、wp_enqueue_scriptsがすべて必要なアクソンです。

https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts

function additional_custom_styles() { 

    /* Enqueue The Styles */ 
    wp_enqueue_style('custom-login-style', plugins_url('social-login-style.css', __FILE__)); 

} 
add_action('wp_enqueue_scripts', 'additional_custom_styles'); 

あなた、それは、次の条件を使用するだけで、ログイン画面に追加する場合は、

if ($GLOBALS['pagenow'] === 'wp-login.php') { 
    // We're on the login page! 
} 

希望この1つのヘルプ:)

UPDATE

ご確認くださいlogin_enqueue_scripts。ログインページにのみカスタムスクリプトを追加するように設計されています。ログイン条件なしでうまく動作します。あなたが達成したいものを言わずに

https://codex.wordpress.org/Plugin_API/Action_Reference/login_enqueue_scripts

+0

回答を投稿する前にテストすることをお勧めします。 ['wp_enqueue_scripts'](https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts)はフロントエンドでのみ動作します。 'wp-login.php'や' wp-admin.php'では動作しません。 –

+0

ええ、それは動作しますが、それ以上の条件が必要です。とにかく私はエンキューする適切な関数で私の答えを更新しました:) –

0

は、それは確かにワードプレスが動作するように設計されてどのように反している、ことは不可能です。プラグインは、WordPressの動作を追加または変更するモジュールであると考えられています。プラグインのフォルダは、プラグインの機能に関係するファイルのみを保持する必要があります。パブリックプラグインの場合、その内容はバージョン管理(SVN)システムによって制御されます。

要するに、既存のプラグインにファイルを追加しても、プラグインがアクティブであるかどうかにかかわらず、効果はありません。また、自分で開発していないプラグインにファイルを追加しないでください。

ログインページにCSSファイルをロードするには、コーデックスのCustomizing Login Formページの指示に従って、アクションフックをlogin_enqueue_scriptsに追加する必要があります。スタイルシート自体はカスタムプラグイン(あなたのユースケース用に作成することができる)または現在のテーマフォルダの中に配置する必要があります。

関連する問題