Dieser Beitrag hat drei Teile und ist gut so als Merkzettel.
Beitrag Teil 1 / Zum Durchlesen…
Beitrag Teil 2 / Bilder arrangieren … für Seite mit voller Breite
Beitrag Teil 3 / Bilder arrrangieren … mit Plugin Advanced Image Styles
Wir beginnen mit dem Titel:
Die Standard-Bildergalerie von WordPress nutzen usw:
Bildergalerie mit WordPress-Bordmitteln erstellen
Lightbox
Hindurch einer Lightbox sind die Bilder auch als Dia-Show zu betrachten. Hierzu erfüllen die Plug-ins wie Simple Lightbox, WP Lightbox 2 oder WP Featherlight ihre Aufgabe. Wobei Letzteren im Editor auch die Möglichkeit besteht, jeweiliger Seite/Beitrag die Lightbox abzuschalten.
Bildgröße beachten
Screen Aspect Ratio & Dimension Calculator (u. a. Bildformate)
- Auf 1 GB Speicherplatz passen etwa 7000 Bilddateien je ca. 150 KB.
Bildausrichtung und Stil
Hier nochmals als Merkzettel für Theme Twenty Fourteen,
Breite/Höhe und Formate:
Allgemein empfohlen:
1038×672 px (Bildformat zwischen 3:2 und 16:10)
Beitragsbild für Seite/Beiträge:
1038×576 px (Bildformat etwa 16:9)
Sider oder Raster, Hinweis intern
Slider Foto: 1038×576 px (Bildformat etwa 16:9)
Grid Foto: 672×372 px (Bildformat etwa 16:9)
Max. Breite in Seite/Seite mit voller Breite: 474 x … px
bspw. 474×315 px (BF ca. 3:2), etwas kleiner 300×200 px (BF 3:2), 150×100 px (BF 3:2)
Beitragsbild bei rechts sichtbaren Sidebar: 672×372 px (BF etwa 16:9)
Mediathek (Medienübersicht)
Anmerkung: Über Adressenbeispiel …/image-2/ können sämtliche Bilder der Mediathek gesehen werden.
Ergo nun zum Thema „Bildausrichtung so wie Bilder arrangieren“. Dies habe ich so ziemlich nach Jahr WP erstellt und ist im Entwicklungsweg für etwas Geübtheit geeignet. Die der Funktion geeigneten Coderate sind durch Internet-Recherche auserwählt.
Nach einem Bild den Text darunter fortlaufen lasse
<br class="clear" />
Der Befehl liesse sich auch mehrmals nacheinander anwenden, um einen Abstand zu schaffen. Anstatt mehrmaliger Anwendung gibt es aber andere Auszeichnungen.
Theme Twenty Fourteen
Platzierung der Bilder auf Seiten im Template „Seite mit voller Breite“
Beitrag erstellt März 2016
Bilder ohne Bildbeschriftung lassen sich bei Seiten Seite mit voller Breite einfach mit Text umfließen, dagegen Bilder mit Bildbeschriftung* [ caption id="... ]sind zum Rand gedrückt. Ist dies gewollt, bleibt die Möglichkeit zum Arrangement, ist aber nicht mehr Response. Oder wenn dies nicht gewollt, so besteht die Einstellung „Keine“ oder „Zentriert“, jeweils ohne das Bild mit Text zu umfließen.
Hier Beispiels im normalen Beitrag ist das Bild ebenso mit Bildbeschriftung, wie in Seiten Seite mit voller Breite ohne Bildbeschriftung. Insofern Bild mit Bildbeschriftung „und“ mit Überschrift umfließen konnte ich nicht bewegen. Beispiels oben ist nur eine größere Fettschrift.
Diese Zeilen zur Platzierung der Bilder zeigen nur einen Anfang. Desselben ist aber für sich eine kleine Wissenschaft in HTML & CSS und stellt sich dem Halbwissen – aber „spielend“ kann man ein Ergebnis finden – sozusagen Bilder arrangieren …