Statische Seite Home um definierte Bloginhalten erweitern (News)

plastes

Moin zusammen,

ich möchte auf der Startseite meiner HP neben festem Inhalt (statischer Teil, der beim Theme zugewiesen wird) auch dynamische Teile (News) anzeigen.

Im Grunde habe ich für das Problem eine Lösung: Display Posts Shortcode

Leider sieht es total Sch* aus. Ich hätte gerne eine richtige Überschrift und vielleicht sogar och eine Trennlinie zwischen den Beiträgen.

Anzusehen ist das ganze unter http://plastes.de

Bin für jeden Tipp dankbar.

Gruß Kai

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SirEctor

Probier mal das in Deiner CSS

Code

body.home div.listing-item a.title {
  display: block;
  font-size: 1.5em;
  float: right;
  width: 544px;
  padding: 0 10px 10px;
}
body.home div.listing-item span.excerpt-dash {
  display: none;
}
body.home div.listing-item span.excerpt {
  padding: 0 5px;
  display: block;
  width: 544px;
  margin-left: 155px;
}

Alles anzeigen

plastes

Moin SirEctor,

das sieht ja schon einiges besser aus. Vielen Dank!!!!

Bekommt man es hin, den kompletten Text Neben das Bild unter die Überschrift zu setzen und vor der Überschrift eine Leerzeile?

Gruß und Dank
Kai

SirEctor

Ergänze noch:

Code

body.home div.listing-item a.image {
  float: left;
}
body.home div.listing-item [COLOR=#808080][I].listing-item[/I][/COLOR] {
  clear: both;
}

Edit: natürlich ohne das zweite .listing-item

plastes

Nun sieht es leider lustich aus! ;)

Die einzelnen Beiträge rutschen ineinander. Habe es drin gelassen, damit Du es Dir mal ansehen kannst.

Hier der aktuelle Code:

Zitat

body.home div.listing-item a.title {
display: block;
font-size: 1.5em;
float: right;
width: 544px;
padding: 0 10px 10px;
}
body.home div.listing-item span.excerpt-dash {
display: none;
}
body.home div.listing-item span.excerpt {
padding: 0 5px;
display: block;
width: 544px;
margin-left: 155px;
}
body.home div.listing-item a.image {
float: left;
}
body.home div.listing-item .listing-item {
clear: both;
}

Alles anzeigen

SirEctor

Zitat von SirEctor
Ergänze noch:
Code
body.home div.listing-item a.image {
  float: left;
}
body.home div.listing-item [COLOR=#808080][I].listing-item[/I][/COLOR] {
  clear: both;
}
Edit: natürlich ohne das zweite .listing-item

nimm mal das zweite .listing-item raus

plastes

Danke für Deine Unterstützung. Habe heute Nacht etwas rumprobiert und eine Mischung aus Deinem Code und meinen Versuchen hat das gewünschte Ergebnis geliefert.

Zitat

.display-posts-listing .listing-item {
clear: both;
}
.display-posts-listing img {
float: left;
margin: 0 10px 10px 0;
}
.display-posts-listing .title {
display: block;
font-size: 150%;
font-weight: bold;
font-style: inherit;
font-family: "Times New Roman", Times, serif;
}
body.home div.listing-item span.excerpt-dash {
display: none;
}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Statische Seite Home um definierte Bloginhalten erweitern (News)

Jetzt mitmachen!