Wie verwende ich wp_enqueue_style() in meinem WordPress-Theme?

Lesezeit: 3 Minuten

Ich baue meine erste WordPress-Site für einen Kunden auf. Ich möchte wirklich verwenden WENIGER für CSS und fand ein WP-Plugin namens WP-LOS.

Nun, ich bin totaler WordPress-Neuling, aber es scheint, dass dieses Plugin erfordert, dass ich eine Funktion namens verwende wp_enqueue_style() um WordPress anzuweisen, die .less-Datei zu verarbeiten.

Ich kann nicht herausfinden, wo ich diese Funktion verwende. Ich habe in meiner header.php-Datei in meinem Themenverzeichnis nachgesehen und sehe dies.

<link rel="stylesheet" type="text/css" media="all"
  href="https://stackoverflow.com/questions/3472087/<?php bloginfo("stylesheet_url' ); ?>" />

Soll ich diesen Code durch so etwas ersetzen?

<?php wp_enqueue_style('mytheme',
  get_bloginfo('template_directory').'/style.less',
  array('blueprint'), '', 'screen, projection'); ?>

Benutzeravatar von lime-cat
Kalk-Katze

Verwendung von wp_enqueue_style innerhalb des Designs oder des Plugins:

wp_enqueue_style( 'my-style', get_template_directory_uri() . '/css/my-style.css', false, '1.0', 'all' ); // Inside a parent theme
wp_enqueue_style( 'my-style', get_stylesheet_directory_uri() . '/css/my-style.css', false, '1.0', 'all' ); // Inside a child theme
wp_enqueue_style( 'my-style', plugins_url( '/css/my-style.css', __FILE__ ), false, '1.0', 'all' ); // Inside a plugin

Nicht ganz, aber fast. Was Sie tun möchten, ist eine Funktion zu platzieren functions.php das Ihr Skript in die Warteschlange stellt.

So:

function addMyScript() {
    wp_enqueue_style('mytheme', get_bloginfo('template_directory').'/style.less', array('blueprint'), '', 'screen, projection');
}
add_action('wp_head', 'addMyScript');

Dann stellen Sie sicher, dass Sie es haben do_action('wp_head'); in deiner header.php Datei und es sollte gut funktionieren.

  • Ja, aber mein Header ist nicht eindeutig für die Homepage. Wenn ich es also in meine Kopfzeile einfüge, ist es auf jeder Seite enthalten.

    – Markieren

    29. März 2011 um 13:32 Uhr

  • Mark, dann würdest du das platzieren wp_enqueue_script() Rufen Sie innen an if( is_front_page() ) { ... } bedingte Aussage. Das würde dazu führen, dass das Skript nur auf der Homepage hinzugefügt wird, nicht auf Schritt und Tritt.

    – EAMann

    29. März 2011 um 14:10 Uhr

Bin selbst auf dieses Problem gestoßen, und EAMans Tipp hat fast funktioniert. Es könnte die Version von WordPress (3.4) sein, obwohl ich kein PHP-Entwickler bin, also bin ich mir nicht sicher, aber ich brauchte dies unter der Funktion anstelle von dem, was bereitgestellt wurde:

add_action('wp', 'useLess');

Fügen Sie die folgende Funktion in Ihrem Theme function.php hinzu und Sie erhalten Stil und Skript.

<?php
if ( ! function_exists( 'add_script_style' ) ) {
    function add_script_style() {
        /* Register & Enqueue Styles. */

        wp_register_style( 'my-style', get_template_directory_uri().'/css/my-style.css' );
        wp_enqueue_style( 'my-style' );

        /* Register & Enqueue scripts. */

        wp_register_script( 'my-script', get_template_directory_uri().'/js/my-script.js' );
        wp_enqueue_script( 'my-script');
    }
}
add_action( 'wp_enqueue_scripts', 'add_script_style', 10 );
?>

Benutzeravatar von Junaid Siddique
Junaid Siddique

Wenn Sie diesen Code korrekt eingeben, müssen Sie sehen, dass diese Funktion in Ihrer index.php-Datei vorhanden ist oder nicht wp_head(); & wp_footer(); Wenn sie nicht vorhanden ist, müssen Sie diese Funktion in Ihre Indexdatei einfügen. Sie müssen dieses wp_head() hinzufügen; vor dem haed-Tag und ein weiteres hinzufügen vor dem body-Tag.

Funktion load_style() {

wp_register_style( ‘my_style’, get_template_directory_uri(). ‘/css/my_style.css’ );
wp_enqueue_style( ‘my_style’ );
}
// Stylesheet registrieren.
add_action( ‘wp_enqueue_scripts’, ‘load_style’ );

Für mehr Einzelheiten

  • Willkommen bei SO! Ihre Antwort ist nur Code, also bearbeiten Sie bitte und geben Sie das Format als Code an. Außerdem sollten Sie eine Antwort nur mit Code kommentieren, um sie maximal zu erklären, wenn es zusätzliche Antworten gibt.

    – David Garcia Bodego

    1. Dezember 2019 um 5:36 Uhr

  • Willkommen bei SO! Ihre Antwort ist nur Code, also bearbeiten Sie bitte und geben Sie das Format als Code an. Außerdem sollten Sie eine Antwort nur mit Code kommentieren, um sie maximal zu erklären, wenn es zusätzliche Antworten gibt.

    – David Garcia Bodego

    1. Dezember 2019 um 5:36 Uhr

1404570cookie-checkWie verwende ich wp_enqueue_style() in meinem WordPress-Theme?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy