Support » Themes » TwentySeventeen Header bearbeiten

  • Hallo Zusammen ­čÖé

    Ich m├Âchte den Header-Bereich f├╝r TwentySeventeen folgender Ma├čen anpassen:

    1. Der custom-header soll Sticky werden, Hintergrund Farbe Wei├č und beim runterscrollen kleiner werden
    2. Der custom-header soll ein Logo enthalten (links/mittig) und ein Dropdown Men├╝, welches Doppelt aufklappt
    3. Die top-navigation soll so bleiben wie sie ist

    Freue mich auf Hilfe,

    Beste Gr├╝├če

    Chris

Ansicht von 12 Antworten - 1 bis 12 (von insgesamt 12)
  • Du bekommst WordPress und ├╝ber 5.100 Themes und knapp 53.000 Plugins kostenlos zur Verf├╝gung gestellt, darfst sie nach Belieben nutzen, verbreiten und nach deinen W├╝nschen und Vorstellungen ├Ąndern.

    F├╝r individuelle Anpassungen bieten die meisten Themes zahlreiche Einstellungsoptionen und im Internet findest du Tutorials, wie du dar├╝ber hinaus ├änderungen mit Hilfe eines Child Themes vornehmen kannst. Wenn es mit WordPress, frei erh├Ąltlichen Themes oder Plugins Probleme gibt oder wenn du eine konkrete Anwendungsfrage hast, versuchen wir dir dabei kostenlos zu helfen.

    Was wir aber hier im Support ganz bestimmt nicht machen, ist auf Zuruf ├änderungen an einem fertigen Theme vorzunehmen. Darum musst du dich bitte entweder selbst k├╝mmern oder einen Dienstleister beauftragen. Die Suchmaschine deiner Wahl liefert dir zum Suchbegriff WordPress Spezialist sicher auch in deiner N├Ąhe einen qualifizierten Ansprechpartner oder du schaust mal beim n├Ąchsten WordPress Meetup in deiner Nachbarschaft vorbei.

    Dem kann ich nur zustimmen. Wenn du es selbst versucht, kannst dich jederzeit mit konkreten Fragen an dieses Forum wenden. Wenn die freiwilligen Helfer hier dann Zeit haben, wirst du sicher einen Hinweis in die richtige Richtung, Doku, Bug im Code, etc. kriegen. Fertige L├Âsungen gibt es hier aber eher nicht. Wir verfolgen den Ansatz „Hilfe zur Selbsthilfe“.

    Gru├č, Torsten

    Thread-Starter wpdogz

    (@wpdogz)

    Hallo Bego,

    Vielleicht bin hier auch falsch hereingestolpert. Ich w├╝rde das schon ganz gerne selber angehen, wenn aber jemand ein paar Tipps hat w├╝rde ich mich freuen. Vielleicht habe ich mich nicht Konkret genug ausgedr├╝ckt.

    Das Internet ist voll mit Tutorials und Beschreibungen die Teils nicht mehr aktuell sind, oder einfach schlecht erkl├Ąrt bzw. falsch. Darum versuche ich nun ├╝ber dieses Forum Input aus ERFAHRUNG zu bekommen. Welche Tutorials sind gut, und welche sind Zeitverschwendung etc.

    ich w├╝rde mich also freuen ├╝ber: Blogbeitr├Ąge & Videos mit denen schon gute Erfahrungen gemacht wurden, und nat├╝rlich auch ├╝ber eine direkte Unterst├╝tzung freuen, wenn jemand der das liest direkt eine hat, und diese mit mir teilen m├Âchte.

    Ein Child Theme habe ich bereits angelegt, so Dinge sind alles kein Probleme.

    Vielen Dank und mit freunldichen Gr├╝├čen,

    Chris

    Ich kann mir kaum vorstellen, dass Tutorials zu Twenty Seventeen nicht mehr aktuell sein sollten. Such mal nach WordPress customize twenty seventeen, dort findest du viele Anregungen.

    Wenn du dann etwas ausprobiert hast und es nicht so klappt wie gew├╝nscht und du uns eine URL zu deiner Website nennst, schauen wir uns das gerne an, soweit es unsere Zeit zul├Ąsst.

    Thread-Starter wpdogz

    (@wpdogz)

    Ich habe ein paar einfache Sachen ausprobiert, die leider nicht mit der aktuellen WordPress Version kompatibel waren. Aber Danke, ich werde mich jetzt an die Datein schmei├čen und mich dann noch mal melden.

    Thread-Starter wpdogz

    (@wpdogz)

    Also:

    Ich hab die template Datein erstmal ausgelassen und es nur mit CSS Probiert.

    #masthead {
    background-color: white !important;
    position: -webkit-sticky !important;
    position: -moz-sticky !important;
    position: -ms-sticky !important;
    position: -o-sticky !important;
    position: sticky !important;
    top: 0 !important;
    }

    Ich habe auch probiert die einzelnen Klassen anzusprechen, allerdings wurde der Header erst durch verwenden der ID sticky. Problem: Der eigentliche Sticky Header, welcher sich direkt darunter befindet flie├čt nun hinter dem Header vorbei.

    Beste Gr├╝├če

    Hm. Ehrlich gesagt sehe ich da keinen Unterschied?
    !important sollte auch nur in Ausnahmef├Ąllen verwendet werden. Meistens reicht es v├Âllig aus, eine spezifischeren Selektor auszuw├Ąhlen.

    Wieso nutzt du nicht einfach das Plugin Advanced Twenty Seventeen?

    • Design > Customizer > Header-Medien > Header-Bild ausblenden.
    • im Customizer > Advanced Header > General > Background Image hinzuf├╝gen, dann Scroll-Verhalten per Pulldown-Men├╝ festlegen, ├änderungen Ver├Âffentlichen.
    Thread-Starter wpdogz

    (@wpdogz)

    Hi,

    das hatte ich schon probiert. Allerdings funktioniert das Advanced Twenty Seventeen nicht dementsprechend, hatte ich darauf zur├╝ckgef├╝hrt dass das Plugin schon etwas ├Ąlter und ist und l├Ąnger nicht mehr upgedatet wurde.

    Au├čerdem versuche ich den Sticky Header zweiteilig zu machen. Also

    • 1 x mal Weis mit bild (links) und Dropdown Men├╝ (rechts) oben
    • 1x mal farbig mit Breadcrumbs driekt darunter. Irgendwie das Gef├╝hl ich bin da auf dem Holzweg.

    Ich hatte soviel !important genutzt weil es Anfangs nicht funktionierte, aber du sagst es ist besser den Selektor spezifischer auszuw├Ąhlen?

    Danke f├╝r deine Hilfe und deine Zeit,

    Chris

    • Diese Antwort wurde ge├Ąndert vor 4 Jahre, 10 Monaten von wpdogz.

    Das Plugin ist noch nicht mal ein Jahr alt. Was passt dir daran nicht? Was soll der Plugin-Entwickler deiner Meinung nach aktualisieren, wenn keine gravierenden Fehler auftauchen?

    Wenn du einen ganz anderen Header haben m├Âchtest, solltest du ein Child Theme erstellen und die header.php entsprechend anpassen.

    Thread-Starter wpdogz

    (@wpdogz)

    Naja, als ich es installierte und Änderung machte, wurden diese im Plugin zwar gespeichert, auf der Seite aber nicht angezeigt. Hab es dann selber mit CSS gemacht.

    Reicht es denn die header.php anzupassen, oder muss auf die Template Datein auch geachtet werden?

    Die W├╝nsche, die du hast („custom-header soll Sticky werden, Hintergrund Farbe Wei├č und beim runterscrollen kleiner werden ÔÇŽ“) lassen sich nur mit JavaScript umsetzen. Zus├Ątzliches Men├╝ ÔÇŽ da hast du dir einiges vorgenommen.

    Bist du dir sicher, dass das Theme f├╝r deine W├╝nsche optimal ist? ­čÖé

    Thread-Starter wpdogz

    (@wpdogz)

    Hallo Bego,

    Du hast schon recht, die W├╝nsche sind sehr speziell und w├╝rden Sich mit einem Premium Theme oder andere Designs leichter umsetzen lassen, aber es gibt 2 Gr├╝nde warum so:

    1. Die Seite enth├Ąlt einen Premium Mitgliederbereich
    2. So oder so m├Âchte ich mich mit Themes, deren Struktur und Bearbeitung mehr auseinandersetzen

    Au├čerdem ist tats├Ąchlich nur der Header ein bisschen schwierig, der Rest steht schon und l├Ąuft.

    Beste W├╝nsche

Ansicht von 12 Antworten - 1 bis 12 (von insgesamt 12)
  • Das Thema ÔÇ×TwentySeventeen Header bearbeitenÔÇť ist f├╝r neue Antworten geschlossen.