Support » Allgemeine Fragen » Startseite eigenständig bearbeiten?

  • Hallo zusammen,

    nun konnte ich mein Problem mit den Beiträgen lösen,
    würde nun aber gerne die Startseite designen.

    Und zwar möglichst unabhängig von dem Editor (ich verwende den
    Gutenberg-Editor). Am liebsten komplett eigenständig auf Code-Basis.
    Wie kann ich dies am besten realisieren ohne WordPress zu ‚zerstören‘
    bzw. zu übergehen? Gibt es da eventuell sogar entsprechende
    Funktionen?

    VG, David

    • Dieses Thema wurde geändert vor 11 Monate, 1 Woche von  dsimon24.
Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Hallo David,

    je genauer du deine Fragen stellst und je mehr Informationen du lieferst, um so besser können wir dir weiterhelfen. Ich weiß nicht, welche „Probleme mit den Beiträgen“ bestanden, müsste jetzt erst über dein Profil recherchieren, was aber zur Beantwortung deiner aktuellen Frage wahrscheinlich überflüssig ist?

    Wenn du die Startseite nach eigenen Vorstellungen abändern möchtest, kannst du ein Child Theme erstellen und dann ein Template home.php (für Startseiten, die eine Übersichtsseite der Blogbeiträge anzeigen) bzw. front-page.php (für statische Startseiten) erstellen bzw. vom Parent Theme kopieren und anpassen.

    Wenn ich neue Templates erstelle, kopiere ich dazu gerne ein „ähnliches“ Template, also z.B. für eine statische Startseite page.php als front-page.php, weil ich dann schon mal die im Theme sonst verwendeten CSS-Klassen übernehmen kann. Danach kannst du in PHP alles mögliche programmieren – gute Grundkenntnisse in PHP natürlich vorausgesetzt. Deine Kenntnisse kann ich aber nicht beurteilen, weil … siehe Einleitung. 🙂

    Mit der Anleitung bin ich nun schonmal ein gutes Stück
    weitergekommen. Ich habe nun ein Child-Theme erstellt
    und kann die Seite entsprechend bearbeiten.

    Jetzt habe ich im style.css-File des Parent-Themes
    folgenden Wert, der die Breite der Seite regelt:

    /* full size */
    .content-width {
      width: 1100px;
      padding: 0 20px;
    }

    Die Breite würde ich für die Startseite gerne auf 100% setzen.
    Für de Seite der Blog-Beiträge im Header auch, allerdings
    in Body nicht. Sonst werden die Blogbeiträge zu groß.

    Gibt es eine einfache Möglichkeit, dies mglw. zu realisieren?

    • Diese Antwort wurde geändert vor 11 Monate von  Torsten Landsiedel. Grund: Code als Code ausgezeichnet

    Die Breite würde ich für die Startseite gerne auf 100% setzen.

    WordPress fügt je nach aufgerufener Webseite unterschiedliche CSS-Klassen im <body>-Tag ein, für die Startseite z.B. home, was du bei deiner Gestaltung verwenden kannst. Soll z.B. .content-width nur für die Startseite auf 100% Breite gesetzt werden, kannst du also .home .content-width { width: 100%; } verwenden und für den Header der Blogbeitragsseite sinngemäß .blog .site-header { width: 100%; } (letzteres wird wahrscheinlich nicht hinhauen, weil du nur ein bestimmtes Element des Headers ändern willst und dessen CSS-Klasse verwenden möchtest).

    Denk allerdings daran, dass durch solche „Sonderfälle“ der Gesamteindruck leidet, weil die Webseiten einer Website dann unterschiedlich breit ausfallen.

    Die Home-Seite bekomme ich somit nun auf 100% – nur die Seite mit
    den Beiträgen nicht. Sollte aber so erstmal ausreichen, falls es
    zu komplex ist, dies anzupassen.

    Wenn ich jetzt auf der Seite (mit der 100%igen Breite) versuche
    Rows einzubinden, werden diese trotz des ausreichenden Platzes
    aber nicht nebeneinander (sondern untereinander) dargestellt.

    <div class="row">
      <div class="col-1">.</div>
      <div class="col-1">.</div>
    </div>

    Muss ich da auch noch etwas umschreiben?

    Die Home-Seite bekomme ich somit nun auf 100% – nur die Seite mit
    den Beiträgen nicht.

    Soll die Seitenbreite für die Seite mit den Blogbeiträgen denn nun auch auf 100%? Das hattest du ausdrücklich anders geschrieben:

    Für de Seite der Blog-Beiträge im Header auch, allerdings
    in Body nicht
    .

    Denkst du bitte auch daran, dass wir hier nicht deine Webseiten bearbeiten wollen und nur Hilfe zur Selbsthilfe geben?

    … werden diese trotz des ausreichenden Platzes
    aber nicht nebeneinander (sondern untereinander) dargestellt.

    Können wir ohne einen Blick auf die Website und den CSS-Code kaum beurteilen.

    Sorry, da habe ich mich falsch ausgedrückt.
    Ich meinte im letzten Beitrag den Header-Bereich
    der Seite mit den Beiträgen bekomme ich nicht
    auf 100% Breite.

    Ja, mir ist bewusst, dass ich nur Hilfestellungen erhalte.
    Dafür bin ich auch sehr dankbar. Leider sind das aber meine
    größten Probleme, um die Seite überhaupt meinen Wünschen
    entsprechend bearbeiten zu können.

    Wenn ich jetzt noch das Problem mit den Rows lösen kann,
    scheinen meine Probleme zur Erstellung der Site gelöst
    zu sein.

    Die Seite ist online unter http://davidsimon.marketing.

    Die drei ’ssx.‘ auf der Seite sollten eigentlich nebeneinander
    ausgeführt werden – werden aber dort untereinander ausgegeben.

    Ich weiß nicht, wofür du die CSS-Klassen .row und .col-1 eingefügt hast – dein Stylesheet scheint dafür keine CSS-Regel zu haben. In einem Rastersystem (Bootstrap, Foundation, 960gs, …) macht das Sinn, nur bringen die auch entsprechende Style-Regeln mit.

    Ansonsten gibt es mehrere Möglichkeiten, Textkästchen nebeneinander auszugeben – z.B. in dem du die Breite des Abschnitts auf 50% setzt und mit Float nebeneinander stapelst:
    .col-1 { width: 50%; float: left; }

    oder mit CSS-Grid:

    .row {
        display: grid;
        grid-template-columns: 48% 48%;
        grid-gap: 10px;
    }

    Hatte ich erwähnt, dass du mit diesen Fragen in einem CSS-Forum besser aufgehoben bist? 😉

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Das Thema „Startseite eigenständig bearbeiten?“ ist für neue Antworten geschlossen.