Child theme einbinden (button etc.)

  • TDKW

    (@tdkw)


    vor 8 Jahren, 10 Monaten

    Hallo,

    und zwar habe ich Schwierigkeiten meine CSS Dateien zu ändern. Ich wollte gerne mein Theme z.B. ein button einfügen und habe dazu ein Child theme erstellt. Anschließend habe ich mir einen button erstellt und wollte diesen in meine Seite einfügen.

    Child-theme style.css

    /*
Theme Name:     Sparkling Child
Theme URI:      ###
Description:    Child Theme for the Sparkling theme
Author:         ###
Author URI:     ###
Template:       sparkling
Version:        1.0.0
*/

@import url("../sparkling/style.css");

---------------------------------------------------
.button1 {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}

    anschließend habe ich auf meiner Seite oder Beitrag folgenden HTML code kopiert:

    <a href="">Weiter</a>

    Doch nichts tut sich.
    Mache ich was Falsch oder habe ich was vergessen? Ich bin absoluter Anfänger und habe mir vor 4 Wochen einen Blog erstellt und wollte diese jetzt mal bisschen aufwerten.

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Moderator Bego Mario Garde

    (@pixolin)

    vor 8 Jahren, 10 Monaten

    Zuerst eine Anmerkung zum Theme-Header: Wenn du Angaben wie z.B. die URI des Themes oder den Namen des Autoren nicht machen möchtest, kannst du die Zeilen auch komplett weglassen.

    Zum zweiten … man kann zwar Child Themes so anlegen, dass das Stylesheet des Parent Themes mit @import geladen wird, das ist aber mit Blick auf die Performance nicht optimal. Schau dir mal dieses Tutorial an, wenn du sehen möchtest, wie es besser gemacht wird.

    Drittens … 😀
    Wenn du eine Regel für eine CSS-Klasse .button1 erstellst, solltest du diese Regel auch in deinem HTML verwenden, z.B. so:

    <a href="#" class="button1">Weiter</a>

    Wenn du die ganze Aktion machst, um den „Weiterlesen …“-Link anders darzustellen, solltest du mit den Developer Tools deines Browsers nachschauen, wie die CSS-Klasse dieses Links heißt und sie dann entsprechend im Stylesheet verwenden.

    Übrigens ist, wenn du keine zusätzlichen Änderungen am HTML/PHP/JavaScript vorhast, ein Child Theme zu viel des Guten. Hier bist du deutlich besser beraten, wenn du benutzerdefinertes CSS verwendest, z.B. mit dem Plugin Simple Custom CSS.

    Thread-Starter TDKW

    (@tdkw)

    vor 8 Jahren, 10 Monaten

    Vielen Dank, ich dachte immer ein die @import Funktion wäre eine elegante Lösung. Aber der Empfohlene beitrag erklärt es richtig gut.

    Da hatte ich wohl die HTML falsch kopiert und beim post nicht mehr überprüft. 😀

    ,,Simple Custom CSS“ der Name ist Programm 🙂

    Danke für die schnelle Antwort.

    Moderator Bego Mario Garde

    (@pixolin)

    vor 8 Jahren, 10 Monaten

    Wenn du damit zurecht kommst, denk bitte noch daran, den Thread als gelöst zu markieren. Danke.

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Das Thema „Child theme einbinden (button etc.)“ ist für neue Antworten geschlossen.