Page 1 of 1

Theme Editorial und Bilder

Posted: Sat Mar 06, 2021 6:36 pm
by Maktiv
Hallo,

ich nutze das Theme Editorial und finde es richtig gut.
Über den Markdown Editor habe ich nun Bilder eingefügt. Leider werden diese nicht in der Breite der Webseite skaliert, sondern gehen darüber hinaus.

Gibt es eine Lösung, damit Bildbreite nicht breiter als der Text wird?

BEste Grüße

Re: Theme Editorial und Bilder

Posted: Sun Mar 07, 2021 1:16 pm
by Edi
Das ist bei der Übersichtsseite der Fall, wenn ein Bild und nicht ein Hauptbild verwendet wird.

Du kannst

1. ein Hauptbild verwenden

2. oder das Plugin HTML-Code verwenden und folgendes ins Feld "Head" eingeben:

Code: Select all

<style>

article img {
   max-width: 100%;
}

</style>

Re: Theme Editorial und Bilder

Posted: Sun Mar 07, 2021 6:31 pm
by Maktiv
Vielen Dank für deine Antwort.

Ich habe ein Hauptbild gesetzt. D.h. Für alle weiteren Bilder muss per Plugin die Breite erst aktiviert werden?

Das habe ich nun gemacht. Es handelt sich um eine statische Seite, vielleicht muss man da anders vorgehen?

Die Bilder habe ich so eingebunden

Code: Select all

![Lamy Studio Füllhalter](https://ink.philfiller.de/blog/bl-content/uploads/pages/718c64f5cced9fcfed51a2e07e52db35/lamystu.jpg)
Weiterhin wird das Menü leider nicht mehr angezeigt.

Hier ein Bild vom Problem:
problem_bild.jpg
problem_bild.jpg (51.48 KiB) Viewed 1888 times
Besten Dank im Voraus!

Re: Theme Editorial und Bilder

Posted: Sun Mar 07, 2021 6:45 pm
by Edi
Ja, wenn Du weitere Bilder auf der Übersichtsseite zeigen willst.

Meistens wird ja nur ein Bild gezeigt und etwas Text, weitere Bilder und weiterer Text auf der Seite des Beitrags.

Die zwei Bereiche können getrennt werden mit

Code: Select all

<!-- pagebreak -->
Beim Editor EasyMDE ist das der Button ganz rechts in der Werkzeugleiste.

Re: Theme Editorial und Bilder

Posted: Sun Mar 07, 2021 6:55 pm
by Maktiv
Vielen Dank.

Es handelt sich direkt um den Beitrag, nicht um die Hauptseite. Ich wollte dort mehr als ein Bild reinsetzen.

Gruß

Re: Theme Editorial und Bilder

Posted: Sun Mar 07, 2021 10:20 pm
by Edi
Maktiv wrote: Sun Mar 07, 2021 6:31 pm Es handelt sich um eine statische Seite, vielleicht muss man da anders vorgehen?
Dann verwende den Code

Code: Select all

section img {
   max-width: 100%;
}
statt

Code: Select all

article img {
   max-width: 100%;
}

Re: Theme Editorial und Bilder

Posted: Sun Mar 07, 2021 10:48 pm
by Maktiv
Vielen Dank für deine schnelle Rückmeldung.

Deine Codeänderung hat geholfen.

Liebe Grüße
Mathias