Wordpress Links und CSS

Question

Ich habe drei Teile zu dieser Frage.

1. Ich baue eine Portfolio-Website in Wordpress und habe einige seltsame Links weiter. Zum Beispiel auf meiner About-Seite, hier ist, wie mein Link aussieht: localhost/AFolder/anotherfolder/index.php/about-me. Ich ging in Permalinks, um zu versuchen, den Link zu ändern, aber als ich ihn zu Post-Namen anstelle von benutzerdefinierten Struktur änderte, was es war, bevor ich mit einem defekten Link auf meiner About-Seite blieb. Meine Homepage ist index.php Ich habe keine Ahnung, warum der Link index.php referenziert Wie kann ich das beheben?

2. Mein Entwurf fordert einen grauen Hintergrund auf der About-Seite und es wird nicht angezeigt. Alles andere scheint außer dem Hintergrund zu funktionieren. Stört der Link (siehe obige Frage) das CSS, weil er auf die index.php-Datei im Link verweist? Der meiste Hintergrund auf meiner Homepage (index.php) ist weiß und auf meiner About-Seite sieht es genauso aus. Vielleicht sind diese beiden Dinge verwandt.

3. Was ist der beste Weg, um benutzerdefinierte CSS in Wordpress zu verknüpfen. Ich habe bereits einen Weg gefunden, dies zu tun, aber ich bin mir nicht sicher, ob dies die beste Vorgehensweise ist: siehe oben. Gibt es ein gutes Plugin, das besser zum Verknüpfen der CSS geeignet ist oder gibt es einen anderen guten Trick, dies zu tun?

   <?php 
   
   
   function theme_styles() { 
   
   wp_enqueue_style('bootstrap_css', get_template_directory_uri() . '/css/bootstrap.min.css'); 
   wp_enqueue_style('navbar_css', get_template_directory_uri() . '/style.css'); 
   wp_enqueue_style('carousel_css', get_template_directory_uri() . '/css/carousel.css'); 
   
   } 
   add_action('wp_enqueue_scripts', 'theme_styles'); 
   
   add_action('wp_enqueue_scripts', 'add_custom_styles'); 
   function add_custom_styles() { 
       wp_enqueue_style('about_css', get_template_directory_uri() . '/about-page.css'); 
   } 
   
   add_action('wp_enqueue_scripts', 'custom_page_css'); 
       function custom_page_css() { 
       if (is_page('about-me') { 
        wp_enqueue_style('about_css', get_template_directory_uri() . '/about-page.css'); 
       } 
       } 
   

Answer 1

Haben Sie die Stile en-Queuing versucht ??

Probieren Sie diese Codes in Ihrer functions.php-Datei in Ihrem Themenordner aus.

Die folgende Methode fügt die beiden Stile (style.css und another_style.css) zu dem Teil hinzu, wo wp_head(); Aktion wird aufgerufen (normalerweise der Header-Teil der Seite).

add_action('wp_enqueue_scripts', 'add_custom_styles'); 
function add_custom_styles() { 
    wp_enqueue_style('id_of_style', get_template_directory_uri().'/path/to/style.css'); 
    wp_enqueue_style('id_of_another_style', get_template_directory_uri().'/path/to/another_style.css'); 
} 

Hier werden die Stile der Reihe nach hinzugefügt. Die Reihenfolge, in der die Stile in die Warteschlange eingereiht werden, wirkt sich auf das Aussehen der Seite aus, da die Möglichkeit besteht, Stile zu überschreiben. Sie müssen also die Stile in die richtige Reihenfolge bringen.

add_action('wp_enqueue_scripts, 'custom_page_css'); 
    function custom_page_css() { 
    if (is_page('Custom') { 
     wp_enqueue_style('custom-css', get_template_directory_uri().'/path-to/contact.css'); 
     } 
    } 

Hier ist der Stil nur in den Header der benutzerdefinierten Seite hinzugefügt.
Versuchen Sie diese einmal. Denken Sie daran, eine Sache, müssen Sie die Reihenfolge der CSS-Dateien kennen. Dies könnte einige Schmerzen im Arsch sein. Ich habe auch diesen grauen Hintergrund, aber das Bestellen der Stile löste das Problem für mich.
Das gleiche gilt für das Hinzufügen von Skripts.