Wie verlinke ich CSS richtig in WordPress header.php?

Lesezeit: 4 Minuten

Benutzeravatar von Samuël
Samuel

Ich habe versucht, ein WordPress-Theme zu erstellen, aber die Verknüpfung mit style.css innerhalb der header.php scheint nicht zu funktionieren, die Kopfzeile wird einfach nicht angezeigt. Verwendet mehr als 30 Codes, sogar die von WordPress und Leuten mit ähnlichen Fehlern, aber es scheint, als wären die Lösungen veraltet.

<link href="https://stackoverflow.com/questions/25196920/<?php bloginfo("stylesheet_url'); ?>" rel = "stylesheet">

Dies ist mein PHP-Skript

<!DOCTYPE html>
<html>

<head>
    <title>Welcome</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://stackoverflow.com/questions/25196920/<?php bloginfo("stylesheet_url'); ?>" rel="stylesheet">
</head>

<body>
    <div class="navbar navbar-default navbar-static-top">
        <div class="container"> <a href="#" class="navbar-brand">Logo</a>

            <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"> <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="collapse navbar-collapse navHeaderCollapse">
                <ul class="nav navbar-nav navbar-right">
                    <li class="active"><a href="#">Home</a>
                    </li>
                    <li><a href="#">Contact</a>
                    </li>
                    <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Social Media<b class = "caret"></b></a>

                        <ul class="dropdown-menu">
                            <li><a href="#">Facebook</a>
                            </li>
                            <li><a href="#">Instagram</a>
                            </li>
                            <li><a href="#">Twitter</a>
                            </li>
                            <li><a href="#">Google Plus</a>
                            </li>
                        </ul>
                    </li>   <a href="http://www.adds.com" class="navbar-btn btn-success btn pull-right">Add</a>

                </ul>
            </div>
        </div>
    </div>
    <div class="container">

  • wo liegt deine css datei?

    – Khushboo

    8. August 2014 um 6:06 Uhr

Benutzeravatar von dipak_pusti
dipak_pusti

Ihr Thema style.css wird standardmäßig von WordPress by eingebunden wp_head() Funktion. Bevor Sie Ihr HEAD-Tag beenden, fügen Sie diese Funktion hinzu.

<?php wp_head(); ?>

Wenn Sie zusätzliche Stylesheets hinzufügen möchten, verwenden Sie diese Funktion in Ihrer functions.php Datei.

function additional_custom_styles() {

    /*Enqueue The Styles*/
    wp_enqueue_style( 'uniquestylesheetid', get_template_directory_uri() . '/css/custom.css' ); 
}
add_action( 'wp_enqueue_scripts', 'additional_custom_styles' );

  • Hinzufügen <?php wp_footer() ?> Dann wird die WordPress-Leiste angezeigt

    – an Kreditgeber

    8. August 2014 um 7:35 Uhr

  • Style.css war für mich nicht standardmäßig enthalten. Ich musste es manuell hinzufügen.

    – Josch

    24. Mai 2018 um 15:02 Uhr

  • Es stellte sich heraus, dass ich nicht wp-head war. Hätte fleißiger lesen sollen, bevor du kommentierst.

    – Josch

    30. Mai 2018 um 11:26 Uhr


Hast du es versucht:

<link rel="stylesheet" type="text/css" href="https://stackoverflow.com/questions/25196920/<?php echo get_stylesheet_directory_uri()."/style.css' ?>">

Und haben Sie diese Datei (normalerweise platziere ich sie in einer header.php-Datei) im selben Verzeichnis wie die style.css-Datei?

Das ist was ich mache.

  • Meine Quelle ist ein WordPress-Theme, mit dem ich fast täglich arbeite und das von Grund auf neu erstellt wurde. Sind Sie sicher, dass Ihre Website PHP auf dieser Themenseite tatsächlich richtig ausführt? Was sehen Sie in der Quellansicht von “link href=”?

    Benutzer321531

    8. August 2014 um 6:30 Uhr


  • One-Shot-Antwort, danke

    – Naved Khan

    27. Juli 2019 um 5:14 Uhr

Bei mir funktioniert das wunderbar:

<link rel="stylesheet" type="text/css" href="https://stackoverflow.com/questions/25196920/<?php bloginfo("template_directory"); ?>/style.css" />

  • wo hast du deine style.css? und wie sieht das href=”” im Frontend aus?

    – Nico Martin

    8. August 2014 um 6:54 Uhr

  • sollte Ihnen den Pfad zum Vorlagenverzeichnis geben. Funktioniert es?

    – Nico Martin

    8. August 2014 um 7:35 Uhr

Sie können dieses versuchen

 <?php echo get_stylesheet_uri(); ?> 

an Stelle von

<?php bloginfo('stylesheet_url'); ?>

aus hier

Stellen Sie sicher, dass sich Ihre style.css-Datei im Verzeichnis Ihres Designs befindet

beziehen auf https://wordpress.stackexchange.com/a/220719
Aktualisieren Sie die Datei fuction.php über das WordPress-Dashboard > Darstellung > Themen-Editor Themendateien sind auf der rechten Seite aufgelistet.

fügen Sie Ihrer function.php-Datei Folgendes hinzu

wp_enqueue_style ('style-name', get_template_directory_uri().'/mystylefile.css');

Leeren Sie Ihren WordPress-Cache und stellen Sie sicher, dass Sie die Datei per FTP bis zum Stammverzeichnis des Themas übertragen.

Benutzeravatar von s.lenders
an Kreditgeber

Verwenden Sie den folgenden Code

<link rel="stylesheet" href="https://stackoverflow.com/questions/25196920/<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" />

Ich hoffe, das hilft

Benutzeravatar von Brad Allen
Brad Allen

Legen Sie Folgendes fest unter wp_head();

<link rel="stylesheet" href="https://stackoverflow.com/questions/25196920/<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" />

1389350cookie-checkWie verlinke ich CSS richtig in WordPress header.php?

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

Privacy policy