wordpress

So verwenden Sie Bootstrap in WordPress-Themes

Eine Notiz darüber, wie man Bootstrap zu WordPress-Themes hinzufügt und wie man Bootstrap zum Keni-Theme hinzufügt.

Shou Arisaka
1 Min. Lesezeit
7. Okt. 2025

Möchte das Theme nicht ändern. Fügen Sie zu header.php des Keni-Themes hinzu.

Fügen Sie zum WordPress-Theme-Verzeichnis per FTP hinzu bootstrap.min.css

Fügen Sie zu header.php hinzu und laden Sie es. <link href="<?php echo get_template_directory_uri(); ?>/bootstrap.min.css" rel="stylesheet">

Möchte zu Keni hinzufügen

Keni ist ein SEO-Template, das diejenigen verstehen werden, die es kennen. Ich möchte es definitiv verwenden und diese Funktionalität beibehalten. Aber es gibt auch Kompatibilitätsprobleme.

Also werde ich eine Notiz eines Beispiels für minimale Umschreibung in der aktuellen Version machen.

Einführung in die Keni Cool-Version

Minimale Einstellungen

Bevor Sie Dateien bearbeiten, speichern Sie die Dateien vor der Änderung in einer lokalen Umgebung.

base.css

Löschen Sie Folgendes

blockquote:before
blockquote:after

Ändern Sie vorhandenen Code wie folgt

.site-title{
    /*text-align:center; yui*/
    text-align: left;
    margin: 0 auto;
    font-size: 2.25em;
}

.site-header-conts{
    width: 100%;
    padding: 10px 0 10px;
    /*padding: 60px 0 40px; yui*/
}

rwd.css

Korrigieren Sie vorhandenen Code wie folgt

    .site-header-in{
        position: relative;
        padding-bottom: 0em;
        /*padding-bottom: 1em; yui*/
    }

    .site-header-conts{
        padding-bottom: 0px;
    }

Fügen Sie Folgendes hinzu
.main-body-in{
    padding-top:0px;
}

※Dies ist eine Notiz für mich selbst, also erwarten Sie nicht zu viel. Bitte erstellen Sie unbedingt ein lokales Backup.

Diesen Artikel teilen

Shou Arisaka 7. Okt. 2025

🔗 Links kopieren