2017-12-30 27 views
0

저는 WordPress에 익숙하지 않으며 설치되고 활성화 된 Plugin에서 CSS를 추가하는 가장 좋은 방법을 알고 싶습니다. 나는 "social-media"라는 하나의 활성화 플러그인을 가지고 있고 그 플러그인에 내가 "social-login-style.css"활성화 된 WordPress Plugin에서 CSS 파일 적용

나는 내 콘텐츠에 include이 CSS 파일 및 apply style 원하는라는 하나 개의 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! 
} 

희망이 하나 도움 :

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

예, 작동하지만 더 많은 조건이 필요합니다. 어쨌든 나는 enqueue하기 위해 적절한 함수로 나의 대답을 업데이트했다 :) –

0

, 그것은 확실히 워드 프레스가 작동하도록 설계 방법에 위배됩니다. 플러그인은 WordPress의 작동 방식을 추가하거나 수정하는 모듈로 간주됩니다. 플러그인의 폴더는 플러그인의 기능과 관련된 파일 만 보유해야하며 공용 플러그인 인 경우 해당 내용은 버전 관리 (SVN) 시스템에 의해 제어됩니다.

요약하면 기존 플러그인에 파일을 추가해도 플러그인이 사용 중인지 여부에 관계없이 아무런 영향을 미치지 않습니다. 그리고 직접 개발하지 않은 플러그인에 파일을 추가해서는 안됩니다.

로그인 페이지에 CSS 파일을로드하려면 코드 파일 Customizing Login Form 페이지의 설명에 따라 login_enqueue_scripts에 액션 훅을 추가해야합니다. 스타일 시트 자체는 사용자 정의 플러그인 (사용 사례를 위해 만들 수 있음) 또는 현재 테마 폴더 내에 있어야합니다.