1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Zweispaltige Seite per CSS?

Dieses Thema im Forum "Design" wurde erstellt von Surströmming, 12. Dezember 2020.

Schlagworte:
  1. Surströmming

    Surströmming Member

    Registriert seit:
    4. September 2019
    Beiträge:
    19
    Zustimmungen:
    0
    Hallo,
    ich möchte nochmal einen Versuch starten diese Seite hier:
    https://universalmanufaktur.de/projekte/
    zweispaltig darzustellen.
    Per HTML ist es mir zumindest nicht gelungen. Gibt es eine Möglichkeit, vielleicht mit zusätzlichem CSS? Wenn ja, wie?
    Vielen Dank in Voraus schonmal für jede Hilfe,
    Peter
     
  2. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.661
    Zustimmungen:
    1.783
    Wie hast Du es per HTML versucht?

    Offenbar wird lt. Quellcode der Seite der Gutenberg Editor verwendet, dort gäbe es dafür Spalten.
     
  3. Surströmming

    Surströmming Member

    Registriert seit:
    4. September 2019
    Beiträge:
    19
    Zustimmungen:
    0
    Ich habe zunächst probiert, einfach die HTML-Tags nebeneinander zu schreiben, was natürlich nichts Sinnvolles wird. Dann habe ich es mit Tabellen versucht, was leider völlig im Chaos mündete.

    Als Editor habe ich den, der mit mit der WordPress- Installation mitkam, verwendet. Ist das Gutenberg? Als es damit nicht geklappt hat, habe ich das Plugin "Classic Editor" genommen, wo ich dann zumindest eine halbwegs ordentliche, einspaltige darstellung hinbekommen habe, allerdings unter Verwendung diverser <br> ;&nbsp; usw. Wohl deshalb kann der Standardeditor nun nicht mehr die Seite öffnen.

    Habe ich jetzt noch eine Chance, die Seite zu bearbeiten oder muß ich sie platt machen?
     
  4. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.661
    Zustimmungen:
    1.783
    Normalerweise speichert WordPress sog. Revisionen bei Änderungen, hier kann man zu vorherigen Varianten zurückgehen.

    Alternativ kannst Du die manuellen Anpassungen im Classic Editor wieder entfernen, evtl. über die Einstellung "Text" statt "Visuell".

    Der seit einiger Zeit mitgelieferte Standardeditor Gutenberg ist leider in vielen Dinge noch nicht ausgereift und wird nach wie vor ständig verbessert.

    Ergänzung: Eine einfache Zweispaltigkeit per HTML/CSS kannst Du z.B. so erreichen.
     
  5. Surströmming

    Surströmming Member

    Registriert seit:
    4. September 2019
    Beiträge:
    19
    Zustimmungen:
    0
    Vielen Dank!
    Der Umgang mit dem Gutenbergeditor ist für mich wirklich alles andere als intuitiv.
    Ich habe damit jetzt eine zweispaltige Versuchsseite hinbekommen, aber toll sieht das nicht aus. Vor allem stört mich, daß jeder Umbruch immer gleich zu einem neuen Absatz führt, der einen viel zu großen Zeilenabstand hat.

    Deshalb werde ich wohl weiter beim HTML bleiben.
    Bitte entschuldige, falls meine Frage doof ist, aber ich müßte jetzt also im Customizer unter "zusätzliches CSS" Deinen Code einfügen und könnte dann auf der Seite das angegebene HTML verwenden?
    Dazu noch eine Frage: Wenn dort schon zusätzlicher Code steht, kann ich dann einfach den neuen Code unterhalb der geschlossenen, geschweiften Klammer einfügen?
     
  6. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.661
    Zustimmungen:
    1.783
    Unter "Zusätzliches CSS" fügt man zusätzliches CSS ein, korrekt.

    Wenn die Gutenberg Spalten bei Dir nicht funktionieren, kannst Du mit der jetzt aktuellen Version der o.g. Seite auch folgendes CSS verwenden:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  7. Surströmming

    Surströmming Member

    Registriert seit:
    4. September 2019
    Beiträge:
    19
    Zustimmungen:
    0
    Ich habe es nun mit dem Gutenberg-Editor und manuellem Entfernen einiger <p>- Tags hinbekommen.
    Danke nochmal.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden