如何將多個CSS文件與WordPress

鏈接我知道，你的WordPress鏈接主style.css文件使用：如何將多個CSS文件與WordPress

<link href="<?php bloginfo('stylesheet_url');?>"rel="stylesheet" type="text/css"/>

但是我有相當需要被連接到主PHP文件的幾個CSS文件像滑塊，圖片盒等...

我不太確定我會怎麼做，因爲<?php bloginfo('stylesheet_url');?>只適用於名爲styles.css的樣式表，我的其他樣式表都有不同的名稱。

有誰知道我怎麼可以把它們全部填滿？

來源

2013-08-07 Ryman Holmes

您可以在wordpress here中使用wp_enqueue_style()函數。例。

wp_enqueue_style('my_style', plugin_dir_url(__FILE__) .'/path/to/your/stylesheet');

，你可以使用動作wp_enqueue_styles

來源

2013-08-07 01:23:26

我該如何選擇一個特定的樣式表我想鏈接？ –

他們都將「連接」，住在每一頁上。試一試並檢查開發人員工具以查看哪些樣式表正在加載。 WordPress中的第一個樣式表在主題文件夾中始終是style.css。其他任何東西都是額外的。 – BenRacicot

你的源代碼，不包括文件名...代碼bloginfo（「stylesheet_url」）只返回鏈接到您的樣式表...文件夾的網址，通常主題文件夾。您還需要附加文件夾（如果有的話）和文件名。請記住總是使用WordPress標準進行編碼。鏈接到樣式表不是最佳實踐。這可以實現適當的緩存和效率，並且從長遠來看更容易。

從免費300頁的書我讀的最後一個週末 - WordPress的AJAX，第53頁：

// load styles + conditionally load an IE 7 stylesheet 
add_action('init', 'my_theme_register_styles'); 
function my_theme_register_styles() { 
//Register styles for later use 
    wp_register_style('my_theme_style1', get_stylesheet_directory_uri() . '/style1.css', array(), '1.0', 'all'); 
    wp_register_style('my_theme_style2', get_stylesheet_directory_uri() . '/style2.css', array('my_theme_style1'), '1.0', 'all'); 
    wp_register_style('my_theme_style3', get_stylesheet_directory_uri() . '/style3.css', array('my_theme_style1', 'my_theme_style2'), '1.0', 'all'); 
    global $wp_styles; 
    $wp_styles->add_data('my_theme_style3', 'conditional', 'lte IE 7'); 
}

到functions.php或您的header.php將這個。它適當有條件地加載IE的樣式表...

來源

2013-08-07 01:28:11 BenRacicot

我是否簡單地用自己的''替換'/ style1.css'？ –

是的，先生。這將註冊併入隊您的樣式表。但請密切關注文件路徑，以便它們符合您的需要。我有時候會迴應我的意見，以確保沒有額外的斜槓或缺失的文件夾等。第三種樣式會有你的IE樣式表;）甜蜜的吧？ – BenRacicot

CSS文件在當前主題的文件夾？如果是這樣，那麼試試這個代碼：

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/what-ever.css" />

它適用於我。

來源

2013-08-07 03:28:56 lee

如果您要硬編碼，可能最簡單的方法添加樣式到您的主題頁面將是： 1）將樣式表添加到您的樣式表目錄。 2）將這段代碼粘貼到你的頭部（用樣式表名稱替換style2.css）。

<link href="<?php echo get_stylesheet_directory_uri().'/style2.css'; ?>" rel="stylesheet" />

或

<link href="<?php blog_info('template_url').'/style2.css'; ?>" rel="stylesheet" />

如果你的風格是在一個單獨的文件夾，只要確保該文件夾添加到您的路徑（即/styles/style2.css）

編輯：提供更具體的答案添加樣式鏈接到頭部，並修復了我的愚蠢的錯誤src =當它應該href =

來源

2013-08-07 03:55:18 Ian

現在從未來發表評論，我已經比我寫這個答案時多了近5年的經驗。雖然這在技術上會起作用，但更好，更合適的方式是排列樣式。 – Ian

只需將所有的樣式表放在一個目錄wp-content\themes\twentyeleven\css。然後你ca n通過下面的代碼鏈接所有這些 -

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style1.css" /> 
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style2.css" /> 
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style3.css" /> 
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style4.css" />

享受編碼。

來源

2013-08-07 04:02:03 Jay

如何將多個CSS文件與WordPress

回答

相關問題