programing

wp_enqueue_style이 모든 CSS 규칙을 재정의하기 위해 헤드 태그의 맨 아래에 CSS를 표시하도록 강제하는 방법은 무엇입니까?

kingscode 2023. 6. 10. 15:42
반응형

wp_enqueue_style이 모든 CSS 규칙을 재정의하기 위해 헤드 태그의 맨 아래에 CSS를 표시하도록 강제하는 방법은 무엇입니까?

현재 플러그인을 통해 Wordpress 관리 템플릿을 만드는 방법을 연구하고 있으며, Wordpress Wiki에 따르면 admin_head, wp_admin_css 및/또는 login_head와 같은 후크를 사용하여 링크 html 태그를 수동으로 에코할 수 있습니다.

echo "<link rel="stylesheet" type="text/css" href="' . get_option('siteurl') . '/wp-content/plugins/blue-steel/login.css" />'."\n";

링크 태그가 php 로직 안에서 하드 코딩되는 방식 때문에 그 는 분명히 나쁜 것입니다.

이상적인 방법은 wp_enqueue_style()을 사용하여 CSS를 삽입하는 것입니다.그러나 CSS가 삽입되었을 때에 대한 자체적인 아이디어를 가지고 있으며, 원하는 후크에만 반응합니다.예를 들어 wp_enqueue style은 admin_head 내부에서 잘 응답하지 않습니다.지금까지는 wp_print_stylesinit 안에서만 사용할 수 있지만, 모든 기본 CSS가 로드된 후에는 CSS를 제대로 표시할 수 없습니다.

<link rel='stylesheet' href='http://localhost/wordpress/wp-admin/load-styles.php?c=0&amp;dir=ltr&amp;load=plugin-install,global,wp-admin&amp;ver=9e478aac7934ae559830ecb557b6511d' type='text/css' media='all' />
<link rel='stylesheet' id='pinq-admin-css'  href='http://localhost/wordpress/wp-content/themes/ardee/css/pinq-admin.css?ver=3.0.1' type='text/css' media='all' />
<link rel='stylesheet' id='thickbox-css'  href='http://localhost/wordpress/wp-includes/js/thickbox/thickbox.css?ver=20090514' type='text/css' media='all' />
<link rel='stylesheet' id='colors-css'  href='http://localhost/wordpress/wp-admin/css/colors-fresh.css?ver=20100610' type='text/css' media='all' />

나는 단지 pinq-admin-css가 로드된 모든 Wordpress 관련 CSS를 재정의할 수 있도록 헤드 태그의 아래쪽에 표시되기를 원합니다.

이것에 대한 의견이 있습니까?

이봐, 이 사건에 대해$deps위해서wp_enqueue_style당신은 그것을 시도해보세요.스타일시트는 다른 모든 스타일시트에 따라 다르므로 스타일시트를 다른 스타일시트보다 낮게 배치할 수 있습니다.그 외에도, 당신은 또한 진행할 수 있습니다.!important종속성에 대한 자세한 정보: http://codex.wordpress.org/Function_Reference/wp_enqueue_style

이것이 오래된 것이라는 것은 알지만, 여기 제 사이트에서 잘라낸 실제 코드가 있습니다.이것은 기능에 있습니다.내 아이 테마의 php 파일:

 add_action('init', 'add_custom_styles', 99);
 function add_custom_styles() {
     wp_enqueue_style(
         'custom-styles',
         get_stylesheet_directory_uri() .'/custom.css',
         array('storefront-style', 'wc-bundle-style','storefront-child-style')
    );
 }

'custom-styles'하위 테마 디렉터리에 있는 "custom.css" 파일로, 마지막으로 로드할 모든 사용자 지정 스타일이 들어 있습니다.

또한 custom.css 스타일시트 위에 있을 스타일시트의 핸들을 찾으려면 여기에 설명된 기술을 사용하십시오.

http://crunchify.com/how-to-print-all-loaded-java-scripts-and-css-stylesheets-handle-for-your-wordpress-blog/

언급URL : https://stackoverflow.com/questions/4212436/how-to-force-wp-enqueue-style-to-display-css-at-the-very-bottom-of-the-head-tag

반응형