2017-02-21 6 views
0

Ich möchte in der Lage sein, das CSS meines WordPress-Themas zu bearbeiten, indem ich eine Seite im Backend anstelle der Standard-Datei style.css verwende. Ich habe es schon als Seitenvorlage gesehen, aber ich kann es selbst nicht herausfinden.Verwenden Sie eine Wordpress-Seite als Stylesheet?

Ich benutze WordPress Version 4.7.2 auf einer Multisite. Ich möchte, dass das CSS bei der Aktivierung des Themas generiert wird und daher eine Page verwendet.

Ich entschuldige mich im Voraus, wenn dies eine einfache Lösung und offen für andere Möglichkeiten, dies zu erreichen ist. Vielen Dank!

+0

Sie möchten ein benutzerdefiniertes Feld auf allen Seiten, die die CSS für die jeweilige Seite zu kontrollieren? Oder wollen Sie CSS, das auf das gesamte Thema angewendet wird, von einer Seite, die nur am Backend verwendet wird? –

+0

CSS, das auf das gesamte Thema von einer Seite im Backend angewendet wird :) Ich weiß, dass es Plugins gibt, aber ich möchte, dass die Seite bei der Aktivierung des Themas erstellt wird. – Chelsea

+0

WordPress hat diese Funktion bereits über den Admin verfügbar, [es gibt einen Editor, mit dem Sie Theme-Dateien bearbeiten können (https://codex.wordpress.org/Appearance_Editor_Screen). – hungerstar

Antwort

0

Ich empfehle dringend, ein Plugin, wie https://wordpress.org/plugins/wp-add-custom-css/ oder verwenden Sie das WordPress Customizer "Additional CSS" -Feld.

Allerdings, um Ihre Frage zu beantworten, war dies einfach, da es eine modifizierte Möglichkeit ist, dass ich einige Seiten mit Ajax laden. Sie müssen eine Seitenvorlage erstellen, die FTP und einen Code-Editor erfordert, um die Seite zu erstellen und dann Ihren Themenordner zu verschieben (hoffentlich verschwindet ein untergeordnetes Thema oder diese Vorlage beim Upgrade).

ich meine CSS Seite Vorlage mit dem Namen: CSS-page.php

Es erfordert nur den PHP-Tag Öffnung.

CODE für template css-page.php

dann in functions.php-Datei in Ihrem Kind Thema (oder sind von dieser Datei oder eine benutzerdefinierte Plug-In) fügen Sie den folgenden, aber es ändern, in dem notiert:

Ändern Sie den Wert p = '3134' in Ihre Seiten-ID, wo Sie diese Vorlage verwenden. Ändern Sie die ID = "etwas" in etwas anderes oder entfernen Sie sie. Nützlich, um eine ID oder eine Klasse für js-Manipulation zu haben.

Für 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); 
Verwandte Themen