2017-02-21 41 views
0

我希望能夠通過在後端使用頁面而不是默認的style.css文件來編輯我的WordPress主題的CSS。我以前看過它是一個頁面模板,但我似乎無法自己弄清楚。使用Wordpress頁面作爲樣式表?

我在多站點上使用WordPress 4.7.2版本。我希望CSS在主題激活時生成,因此使用Page。

如果這是一個簡單的解決方法,並打開其他方式來實現這一點,我提前道歉。謝謝!

+0

您想對控制該特定頁面的CSS所有頁面中的自定義字段?或者你是否希望應用於整個主題的CSS,從僅在後端使用的頁面開始? –

+0

從後端的一個頁面應用於整個主題的CSS :)我知道有插件,但我希望在主題激活時創建頁面。 – Chelsea

+0

WordPress已經有這個功能可以通過管理員,[有一個編輯器,允許您編輯主題文件](https://codex.wordpress.org/Appearance_Editor_Screen)。 – hungerstar

回答

0

我強烈建議使用插件,如https://wordpress.org/plugins/wp-add-custom-css/或使用WordPress Customizer「Additional CSS」字段。

但是,要回答你的問題,這很容易,因爲它是一種修改的方式,我使用Ajax加載一些頁面。您需要創建一個頁面模板,並且需要使用FTP和代碼編輯器來創建頁面,然後將其推送到您的主題文件夾(希望兒童主題或此模板在升級時會消失)。

我叫我的CSS頁面模板:CSS-page.php文件

它僅需要打開PHP標籤。

代碼模板CSS-page.php文件

然後在你的孩子你的主題functions.php文件(或包含文件或自定義插件)粘貼在以下但改變它在那裏注意:

將值p ='3134'更改爲您使用此模板的頁面標識。將id =「something」更改爲其他內容或將其刪除。對js操縱有一個id或一個類是有用的。

有關的functions.php

//Get CSS page contents 
function myprefix_page_css() { 
    echo '<link rel="stylesheet" id="something" href="'. site_url() .'/?p=3134" type="text/css" media="screen">'; 
} 
add_action('wp_head', 'myprefix_page_css', 99); 
相關問題