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 5 Jahren, 7 Monaten 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? 😉
