So laden Sie CSS in die Fußzeile
1 Antworten
- Stimmen
-
- 2015-05-01
Eigentlich sollten alle Stilein der Kopfzeile stehen.Daher hat WordPressin der Funktion
wp_enqueue_style
keinen Parameter dafür,datraditionell alle Stileimhead
hinzugefügt wurden.In letzter Zeit sind viele Websites aufein System umgestiegen,bei dem kritische Stile "über der Falte"in den Kopfgeladen werden,während andere Stilein die Fußzeilegeladen werden.Hieristein Weg,um dies zuerreichen: Sie können die Funktion
print_late_styles()
verwenden,diein der Fußzeile aufgerufen wird.Siemüssen Ihre Stilenurin die Warteschlange stellen,wenn der Headerbereits übergeben wurde.Siemüssen alsoeinen Hookfinden,der aufjeder Seite undnach dem
wp_head
-Hook aufgerufen wird.Zum Beispiel könnteget_footer
eins sein.function prefix_add_footer_styles() { wp_enqueue_style( 'your-style-id', get_template_directory_uri() . '/stylesheets/somestyle.css' ); }; add_action( 'get_footer', 'prefix_add_footer_styles' );
Actually all styles should be placed in header. So WordPress doesn't have a parameter for doing this in the
wp_enqueue_style
function, because traditionally all styles were added in thehead
. Recently, many sites have moved to a system where critical "above the fold" styles are loaded in the head, while other styles are loaded in the footer.So here is a way to to this: You can use
print_late_styles()
function which is called in footer. You just need to enqueue your styles when header is already passed.So you need to find some hook which is called on each page and after
wp_head
hook. For exampleget_footer
could be one.function prefix_add_footer_styles() { wp_enqueue_style( 'your-style-id', get_template_directory_uri() . '/stylesheets/somestyle.css' ); }; add_action( 'get_footer', 'prefix_add_footer_styles' );
-
Aber wennich den Stilin der Fußzeileerzwingenmöchte,wie könnteich dastun?Esgibt wirklich keine Möglichkeit,das zutun?But if i want to force the style in the footer how could i do? There is really no way to do that?
- 0
- 2015-05-01
- Giulio Bambini
-
[`print_late_styles ()`] (https://developer.wordpress.org/reference/functions/print_late_styles/) könnte dafür verwendet werden,aber das sollten Sienicht. »* Druckt die Stile,die zu spätin die Warteschlangegestellt wurdenHTML-Kopf. * «.@ GiulioBambini[`print_late_styles()`](https://developer.wordpress.org/reference/functions/print_late_styles/) could be used for that, not that you should though, it »*Prints the styles that were queued too late for the HTML head.*«. @GiulioBambini
- 0
- 2015-05-01
- Nicolai
-
@Emetrop Könnten Siemirbitte sofreundlich sein,mirein Beispielfür Code über die Funktionalität vonprint_late_style zu zeigen?@Emetrop could you please be so kind to show me an example of code about print_late_style functionality?
- 0
- 2015-05-01
- Giulio Bambini
-
Eigentlichistesein Mythos,dass Stile **im Kopf seinmüssen **,Stile,die ** wesentlich **für daserste Rendern der Seite sind,solltenim Kopf sein.Anderenicht so kritische Stile können untengeladen werden,um die Geschwindigkeitbeim Laden von Seiten zu optimieren.Actually its a myth that styles **need** to be in the head, styles that are **essential** for the initial page render should be in the head. Other not so critical styles can be loaded at the bottom to optimize for page-load speed.
- 24
- 2017-02-25
- NextGenThemes
Ich habe versucht,die Lastmeiner style.cssin die Fußzeilemeines WordPress-Themas zu verschieben.Ich habebereitsetwas Ähnlichesmit 2js-Dateiengemacht undesfunktioniertgut,sie werdenin die Fußzeilegeladen:
Jetzt habeich versucht,in der Fußzeile auch die Datei style.css zu verschieben undnureinige Inline-CSS-Regelnim Tagbeizubehalten.Ich habe wp_enqueue_style ausprobiert,aberes scheintnichtgutfürmich zufunktionieren.
Jemand könntemir helfen,eine intelligente Lösung zufinden?