Problem bei Startseite / Statische Seite mit Blocksy

  • Gelöst agucci1

    (@agucci1)


    vor 1 Jahr, 5 Monaten

    Hallo zusammen,

    ich baue gerade einen WordPress-Blog mit dem Blocksy-Theme (kostenlose Version) und habe Schwierigkeiten, einen Intro-Text/Banner oberhalb der neuesten Beiträge auf der Startseite einzufügen.

    Was ich möchte:

    • Ein vollbreiter Textblock zwischen dem Header und dem neuesten Beitragsbereich.
    • Die Seitenleiste soll weiterhin auf der Blog-Seite erscheinen, aber die Breite des Intro-Textes nicht beeinflussen.
    • Der Intro-Text soll nur auf der Startseite erscheinen, nicht auf anderen Seiten.

    Was ich versucht habe:

    • Nutzung der „Neueste Beiträge“-Einstellung in WordPress (Einstellungen > Lesen)
      • Funktioniert, um Beiträge anzuzeigen, erlaubt aber nicht, einen Block darüber hinzuzufügen.
    • Wechsel zu einer „Statischen Seite“
      • Ermöglicht das Hinzufügen eines Intro-Textes, entfernt jedoch das Blog-Layout und die Seitenleiste.
    • Einfügen von HTML im Header über Blocksy
      • Text wurde erfolgreich hinzugefügt, erscheint aber jetzt auf allen Seiten und nicht nur auf der Startseite.

    Was ist die beste Lösung? Wie kann ich einen Intro-Text über den neuesten Beiträgen hinzufügen, während die Seitenleiste sichtbar bleibt und der Text nur auf der Startseite erscheint?

    Hallo zusammen,

    ich baue gerade einen WordPress-Blog mit dem Blocksy-Theme (kostenlose Version) und habe Schwierigkeiten, einen benutzerdefinierten Intro-Text/Banner oberhalb der neuesten Beiträge auf der Startseite einzufügen.

    Was ich möchte:

    • Ein vollbreiter Textblock zwischen dem Header und dem neuesten Beitragsbereich.
    • Die Seitenleiste soll weiterhin auf der Blog-Seite erscheinen, aber die Breite des Intro-Textes nicht beeinflussen.
    • Der Intro-Text soll nur auf der Startseite erscheinen, nicht auf anderen Seiten.

    Was ich versucht habe:

    • Nutzung der „Neueste Beiträge“-Einstellung in WordPress (Einstellungen > Lesen)
      • Funktioniert, um Beiträge anzuzeigen, erlaubt aber nicht, einen Block darüber hinzuzufügen.
    • Wechsel zu einer „Statischen Seite“
      • Ermöglicht das Hinzufügen eines Intro-Textes, entfernt jedoch das Blog-Layout und die Seitenleiste.
    • Einfügen von HTML im Header über Blocksy
      • Text wurde erfolgreich hinzugefügt, erscheint aber jetzt auf allen Seiten und nicht nur auf der Startseite.
    • Versuch mit PHP und is_front_page() und wp_head
      • Funktioniert scheinbar nicht im benutzerdefinierten HTML-Bereich von Blocksy.

    Was ist die beste Lösung? Wie kann ich einen Intro-Text über den neuesten Beiträgen hinzufügen, während die Seitenleiste sichtbar bleibt und der Text nur auf der Startseite erscheint?

    So soll es aussehen: https://inspirationen-einfachgutleben.de , jetzt ist es allerdings im Header und somit auf allen anderen Seiten auch sichtbar.

    Danke für jede Hilfe! 😊

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 11 Antworten – 1 bis 11 (von insgesamt 11)
  • Moderator La Geek

    (@la-geek)

    vor 1 Jahr, 5 Monaten

    Ich bin nicht sicher, ob ich das alles richtig verstanden habe, aber schau mal, ob der nachfolgende CSS-Code es wie gewollt anpasst. (Anm.: Damit wird der Header nur ausgeblendet/versteckt, im Quelltext ist er weiterhin vorhanden.)

    #header.ct-header .ct-container [data-column=middle] .ct-header-text {
    margin-left: 0;
    margin-right: 0;
}
.paged #header.ct-header .ct-container [data-column=middle] .ct-header-text {
    display: none;
}

    CSS-Code kann man (wenn kein Child-Theme vorhanden ist) im WordPress-Backend >> Design >> Customizer >> zusätzliches CSS (ganz ans Ende in einer neuen Zeile) einfügen.

    Abgekürzter Weg -> (dein-domainname.de/wp-admin/customize.php), also:

    /wp-admin/customize.php an deine Domain anhängen >>, aufrufen und dann auf zusätzliches CSS klicken, das funktioniert auch (noch?), wenn du unter dem Menüpunkt Design kein „Customizer“ mehr findest.

    Falls du ein Child-Theme verwendest, dann trage den CSS-Code in die Datei style.css ganz ans Ende in einer neuen Zeile ein.

    Nach dem Abspeichern musst du den Browsercache leeren, drücke dafür CTRL (STRG) + SHIFT + Entf gleichzeitig, dadurch wird in den gängigen Browsern ein Fenster zum Löschen geöffnet (weitere Hilfe dazu). Auf einem Smartphone musst du natürlich den Browser-Cache anders entfernen.

    Solltest du ein Cache-Plugin installiert haben, leere auch diesen Cache. Nun teste auf der Seite, ob du eine Änderung siehst.

    Thread-Starter agucci1

    (@agucci1)

    vor 1 Jahr, 5 Monaten

    Vielen Dank für die Schnelle Antwort. Leider konnte der Code das Problem nicht Lösen. Sowohl über die style.css Datei, als auch über den Customizer.
    Im Moment ist die Startseite genau so wie ich sie möchte. Das Problem ist aber das dieser „Willkommenstext“ auf allen weiteren Seiten auch angezeigt wird.

    Ich denke eigentlich ist es keine sauber Lösung das über den Header zu machen. Was ich will ist ja einfach eine Startseite mit: Header (Logo + Menu) >> Willkommenstext >> Neuste Beiträge // Seitenleiste. Ich habe das, Stand jetzt nur über den Header gelöst, weil das die einzige Option bisher war den Text überhaupt über die volle Breite des Screens anzeigen zu lassen.

    Alle weiteren Seiten sollten ohne diesen „Willkommenstext“ aufgebaut sein. Also bspw.: Header (Logo + Menu) >> Bild >> Blogtext.


    Eigentlich wäre die einfachste Lösung ein Textfeld zwischen Header und „Neuste Beiträge / Seitenleiste“ zu platzieren. Das wird mir aber irgendwie verwehrt.

    • Diese Antwort wurde vor 1 Jahr, 5 Monaten von agucci1 geändert.
    • Diese Antwort wurde vor 1 Jahr, 5 Monaten von agucci1 geändert.
    Moderator La Geek

    (@la-geek)

    vor 1 Jahr, 5 Monaten

    Ich sehe den CSS-Code nicht. Bitte füge ihn ein, damit ich prüfen kann, wieso es nicht funktioniert, oder wo der Fehler liegt. Bei meinem Test hat es einwandfrei funktioniert.

    Thread-Starter agucci1

    (@agucci1)

    vor 1 Jahr, 5 Monaten

    jetzt müsste er drin sein.

    Moderator La Geek

    (@la-geek)

    vor 1 Jahr, 5 Monaten

    Da du geschrieben hattest „Problem bei Startseite“ hatte ich den CSS-Code nur für diese erstellt inkl. der Paginierung unten (Durchblättern von 1 bis 4).

    Und dort/so funktioniert der obige CSS-Code auch. Der Text/Headerabschnitt ist auf volle Inhaltsbreite, blätterst du weiter (unten 2 bis 4) ist der Headerabschnitt weg.

    Der CSS-Code für Header entfernt von allen Seiten (auch außerhalb der Startseite) wäre so:

    #header.ct-header .ct-container [data-column=middle] .ct-header-text {
    margin-left: 0;
    margin-right: 0;
}
.paged #header.ct-header .ct-container [data-column=middle] .ct-header-text,
.single #header.ct-header .ct-container [data-column=middle] .ct-header-text,
.page #header.ct-header .ct-container [data-column=middle] .ct-header-text {
    display: none;
}
    Moderator La Geek

    (@la-geek)

    vor 1 Jahr, 5 Monaten

    Nachtrag:
    Bitte CSS-Code in meinem Beitrag über diesem, noch einmal kopieren und einfügen (bisherigen von mir löschen), ich hatte ein Komma vergessen.

    Besser wäre es natürlich, wenn du über den Site-Editor ein eigenes Template für die Startseite erstellst. Auf anderen Seiten wäre er dann logischerweise nicht. Der Headerabschnitt oder Block (was immer du dort verwendest) würde dann aber auch bei der individuell erstellen Seite in der Paginierung (Blättern) erscheinen (ohne entsprechenden CSS-Code).

    Thread-Starter agucci1

    (@agucci1)

    vor 1 Jahr, 5 Monaten

    Ja das funktioniert super, dankeschön!

    Über den Site-Editor war es mir nicht möglich eine Seitenleiste hinzuzufügen…

    Wie wäre der Code wenn ich den Text beim Blätter behalten möchte und nur auf allen anderen Seiten verschwindet?

    Moderator La Geek

    (@la-geek)

    vor 1 Jahr, 5 Monaten

    #header.ct-header .ct-container [data-column=middle] .ct-header-text {
    margin-left: 0;
    margin-right: 0;
}

.single #header.ct-header .ct-container [data-column=middle] .ct-header-text,
.page #header.ct-header .ct-container [data-column=middle] .ct-header-text {
    display: none;
}
    Thread-Starter agucci1

    (@agucci1)

    vor 1 Jahr, 5 Monaten

    Dankeschön!

    Moderator La Geek

    (@la-geek)

    vor 1 Jahr, 5 Monaten

    Gerne 🙂

    Thread-Starter agucci1

    (@agucci1)

    vor 1 Jahr, 4 Monaten

    Hey,

    Ich bins nochmal…das Problem tritt leider noch auf der Mobile und Tablet Version auf, das hatte ich damals nicht bedacht. Haben Sie dafür auch eine Lösung?

Ansicht von 11 Antworten – 1 bis 11 (von insgesamt 11)

Das Thema „Problem bei Startseite / Statische Seite mit Blocksy“ ist für neue Antworten geschlossen.