Wie lade ich style.css nach fonts.php in WordPress?

Ich entwickle eine Website lokal in WordPress und es dann auf den temporären Dev-Server hochzuladen, um dem Management regelmäßig meinen Fortschritt zu zeigen.

Problem: Als ich alles auf den Server hochgeladen habe, ist mir aufgefallen, dass die Stile in meiner style.css von denen in fonts.php überschrieben werden. Dies ist das erste Mal, dass ich die WordPress-Plattform verwende. Ich weiß nicht warum, aber das ist nicht der Fall, wenn ich es lokal hoste. Wie Sie im Bild sehen, wird die fonts.php nach der style.css deklariert. Bild:

Was ich versucht habe: Ich habe in den WordPress-Dateien nach einer Möglichkeit gesucht, zuerst fonts.php und später style.css zu deklarieren, damit style.css fonts.php überschreibt. Ich habe diese Datei in wp-includes/theme.php gefunden, wo ich die deklarierte style.css gefunden habe, aber keine Schriften.php finden konnte. Dies war eine Sackgasse.

Weiß jemand wie man das macht?

// Load the theme stylesheets
function theme_styles()  
{ 

    // Example of loading a jQuery slideshow plugin just on the homepage
    wp_register_style( 'flexslider', get_template_directory_uri() . '/css/flexslider.css' );

    // Load all of the styles that need to appear on all pages
    wp_enqueue_style( 'main', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'custom', get_template_directory_uri() . '/css/custom.css' );

    // Conditionally load the FlexSlider CSS on the homepage
    if(is_page('home')) {
        wp_enqueue_style('flexslider');
    }

}
add_action('wp_enqueue_scripts', 'theme_styles');

Nehmen wir ein Beispiel zum Importieren von Bootstrap-CSS-Stylesheets in WordPress mit wp_enqueue_style()

Das erste, was Sie zuerst einfügen müssen

`<?php wp_head(); ?>` 

Ihr Design kann also Filter und Hooks verwenden, die den Hook wp_head() verwenden. Damit lassen sich beliebige Theme-Ergänzungen einfach aufrufen.

Stellen Sie sicher, dass Sie wp_head(); zwischen dem Head-Abschnitt Ihres Themes in der Datei header.php.

Erstellen Sie dann eine neue Datei functions.php im Themenverzeichnis, in dem auch index.php vorhanden ist. In functions.php erstellen wir eine neue Funktion und registrieren dann Stile mit der Funktion wp_register_script und rufen dann unsere Stile mit der Funktion wp_enqueue_style auf.

Dies ist der Code, den wir verwenden werden, um Bootstrap-Stylesheets aufzurufen.

`<?php
function add_stylesheet() {
wp_register_style('bootstrap.min',get_template_directory_uri() . 
'/css/bootstrap.min.css');
wp_enqueue_style( 'bootstrap.min' );
}
add_action( 'wp_enqueue_scripts', 'add_stylesheet' );
?>`

Was macht der obige Code?

Das add_stylesheet() ist der Name unserer erstellten Funktion, Sie können es beliebig benennen.

Dann haben wir unser Stylesheet über die WordPress-Funktion wp_register_style registriert. Es akzeptiert 5 verschiedene Parameter

`$handle, $src, $deps, $ver, and $in_footer`

Nachdem die Registrierung unseres Stils abgeschlossen ist, können wir ihn mit der WordPress-Funktion wp_enqueue_style aufrufen. Das ist es, diese Methode mag auf den ersten Blick kompliziert erscheinen, aber dies ist die bevorzugte Methode zum Aufrufen von Stylesheets in WordPress.

Danke Susanne für deinen Beitrag. Es ist hilfreich, wenn ich eine CSS-Datei extern hinzufügen muss, aber mein Problem nicht gelöst hat, bei dem sichergestellt wurde, dass fonts.php vorher geladen wurde.

ICH HABE EINE EINFACHE LÖSUNG GEFUNDEN. Ich habe alle CSS, die ich auf fonts.php überschreiben wollte, in die adaptive.css-Datei verschoben, die immer nach der fonts.php-Datei geladen wird.