ใช้ wp_add_inline_style โดยไม่มีสไตล์ชีต

ฉันต้องการเพิ่มสไตล์อินไลน์แบบกำหนดเองในส่วนหัวของธีมที่กำหนดเองที่ฉันสร้าง ฉันได้พบกับwp_add_inline_style()ฟังก์ชั่นที่ใช้งานได้ แต่ไม่เหมาะกับฉันจริงๆเพราะมันขึ้นอยู่กับสไตล์ชีทเฉพาะ ฉันต้องการเพิ่มสไตล์อินไลน์ที่ส่วนท้ายของแท็กส่วนหัวโดยไม่ต้องพึ่งพาสไตล์ชีท

ฉันพยายามตั้งค่าสไตล์ชีทของธีมหรือที่ไม่มีอยู่จริง ในทั้งสองกรณีมันใช้งานได้ แต่เป็นแฮ็คที่สกปรกเล็กน้อย (อาจโหลดสไตล์ชีทของธีมสองครั้งหรืออ้างถึงไฟล์ผี ... ) มีวิธีที่เหมาะสมในการเพิ่มสไตล์อินไลน์ในหัวโดยไม่ขึ้นอยู่กับสไตล์ชีทหรือไม่?

แน่นอนฉันสามารถเพิ่มพวกเขาโดยตรงในไฟล์ header.php แต่ฉันต้องการหลีกเลี่ยงปัญหานี้

คุณเพียงแค่เพิ่มสไตล์โดยตรงไปยังส่วนหัวของหน้า วิธีที่ดีที่สุดในการทำเช่นนี้คือใช้ตะขอการกระทำ 'wp_head' โดยสมมติว่าคุณใช้ชุดรูปแบบที่มีตะขอ ชอบมาก

add_action('wp_head', 'my_custom_styles', 100);

function my_custom_styles()
{
 echo "<style>*{color: red}</style>";
}

ตรวจสอบWP codexเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับ action hooks

คุณสามารถใช้จุดจับ "จำลอง":

wp_register_style( 'dummy-handle', false );
wp_enqueue_style( 'dummy-handle' );

wp_add_inline_style( 'dummy-handle', '* { color: red; }' );

ธีมของคุณมีสไตล์ชีทเริ่มต้นแน่นอน (ไม่เช่นนั้นจะไม่โหลดเป็นธีม) เพียงใช้สไตล์ชีทนี้เป็นตัวจัดการสำหรับ CSS แบบอินไลน์ของคุณ ตัวอย่างสามารถพบได้ในฟังก์ชั่น. php ของชุดรูปแบบ TwentyFifteen (รหัสข้ามสำหรับช่วงสั้น ๆ ):

function twentyfifteen_scripts() {
    wp_enqueue_style( 'twentyfifteen-style', get_stylesheet_uri() );

}
function twentyfifteen_post_nav_background() {
    wp_add_inline_style( 'twentyfifteen-style', $css );
}