부트 스트랩 CDN + WP // '.css'편집 방법

WordPress + Bootstrap CDN에 내 웹 사이트를 구축하고 있습니다. 나는 CDN에서 향후 업데이 트에 아무런 문제가 없도록하기로 결정했으며,이 방법을 조금 더 빨리 읽었습니다.부트 스트랩 CDN + WP // '.css'편집 방법

그래서 제가 스타일에 문제가 있습니다. 로컬 'style.css'를 'header.php'로 가져 왔지만 CDN의 'bootstrap.min.css'에도 자체 매개 변수가 있기 때문에 적용 할 수 없습니다.

어떻게 CDN의 매개 변수를 다시 쓸 수 있습니까? 아니면이 정확한 'bootstrap.min.css'파일을 편집 할 수있는 방법이 있습니까?

미리 감사드립니다.

출처

2015-02-03 Vassili Bagrov

부트 스트랩 CSS 파일을 어떤 종류로 변경 하시겠습니까? 또한,'header.php' (http://codex.wordpress.org/Function_Reference/wp_enqueue_style)보다는'functions.php' 파일에서'wp_enqueue_style'을 사용하는 것이 좋습니다. –

부트 스트랩으로부터 클래스 나 id를 오버라이드하려면 , 브라우저에서 더 높은 우선 순위를 부여 할 PHP 파일에 id 또는 클래스 css를 작성할 수 있습니다. 또한 '! important'를 사용하여 중요하게 만들 수 있습니다. –

더 나은 방법은 CDN 파일을 포함하고 자신의 CSS 파일에 필요한 스타일을 작성하기 만하면 * 자신의 CSS 파일 *을 포함시키는 것입니다. 그렇게하면 CDN 파일에서 문제가되는 스타일을 덮어 쓰게됩니다. – TylerH

그냥 wp_enqueue_style을 사용하여 파일을로드 할 수 있습니다. 다음은 아이디어를 얻을 수있는 예입니다.

function enqueue_my_scripts() { 
wp_enqueue_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', array('jquery'), '1.9.1', true); // we need the jquery library for bootsrap js to function 
wp_enqueue_script('bootstrap-js', '//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js', array('jquery'), true); // all the bootstrap javascript goodness 
} 
add_action('wp_enqueue_scripts', 'enqueue_my_scripts'); 


function enqueue_my_styles() { 
wp_enqueue_style('bootstrap', '//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'); 
wp_enqueue_style('my-style', get_template_directory_uri() . '/style.css'); 
} 
add_action('wp_enqueue_scripts', 'enqueue_my_styles');

과 규칙이 당신의 style.css 파일에 !important을 사용하여 작성합니다.

wp_enqueue_style을 사용하면 더 많은 참조를 위해 스타일과 스크립트가 사용되는 위치를 제어 할 수 있습니다. 어떻게 사용하는지 예제가 있습니다.

function my_enqueue_stuff() { 
    if (is_page('landing-page-template-one')) { 
    /** Call landing-page-template-one enqueue */ 
    } else { 
    /** Call regular enqueue */ 
    } 
} 
add_action('wp_enqueue_scripts', 'my_enqueue_stuff');

출처

2015-02-03 18:41:41 Xrait

답변 주셔서 감사합니다 Brian! 하지만 실제로 'header.php'에 CDN 뒤에 '.css'파일을 두는 것보다 더 나은 방법을 이해하지 못합니까? –

글쎄, 내가 부를 수있는 한가지 이유는 당신이 사이트의 다른 측면에서 부트 스트랩을 사용하고 싶지 않을 수도 있다는 것이다. 이런 식으로 모든 페이지와 특정 페이지를 제어 할 수있다. 코드 업데이트 됨 – Xrait

굉장! 다시 한번 감사드립니다. –

@TylerH가 내 질문에 답변하고 내 문제를 해결했습니다.

CDN 파일을 포함시킨 후에 나만의 CSS 파일을 포함하고이 CSS 파일에 필요한 스타일을 작성하는 것이 더 좋습니다. 그렇게하면 CDN 파일에서 문제가되는 스타일을 무시하게됩니다.

대단히 감사합니다.

출처

2015-02-03 18:35:38

부트 스트랩 CDN + WP // '.css'편집 방법

답변

관련 문제