Willkommen beim WP Wegerl.at 'Lesemodus'!
Entspanntes Lesen und spannende Artikel warten auf dich.
Entdecke unsere besten Beiträge und genieße den Lesemodus.
smilies.4-user.de

Teil 1 / 3
WordPress: Standard-Bildergalerie WP; Bildgröße, Bildausrichtung ff.

Werbung

Der Classic-Editor: Vertraut und zuverlässig –
Ihr bewährter Begleiter.  Info


Erleben Sie den Classic Editor neu!
(Bilder von pixelcreatures)


Viele Nutzer schätzen die vertraute Umgebung des Classic-Editors, die eine einfache und schnelle Bearbeitung ermöglicht.

Werbung

Mit dem Advanced Editor Tools auf das nächste Level –
Mehr Funktionen, mehr Möglichkeiten.


Classic Editor + Advanced Editor Tools
= Ihr Erfolgsrezept


Der Advanced Editor erweitert den Funktionsumfang des Classic-Editors und ermöglicht es, Inhalte noch effektiver zu bearbeiten.

Werbung

Einfach und intuitiv –
Der Classic-Editor für alle. Info


Classic Editor & Advanced Editor Tools
Erleben Sie es.


Der Classic-Editor zeichnet sich durch Stabilität und Zuverlässigkeit aus, was für professionellen Anwender von Bedeutung ist.

Werbung

Mehr schaffen in weniger Zeit –
Der Advanced Editor für kreative Köpfe.


Optimieren Sie Ihre Bearbeitung:
Advanced Editor Tools


Mit dem Advanced Editor können Designer und
Content Creatoren kreative Ideen umsetzten.


Info echo1 OpenClipart-Vectors-katze-1
Ist der Classic-Editor zu kennen? –
Versäume bitte nicht den Advanced Editor! Blick in die Zukunft: Advanced Editor Tools
Info echo2 OpenClipart-Vectors-katze-2
Classic-Editor – Classic Widgets
"Innovativ und ausgezeichnet!" Hauch von Nostalgie: Classic Widgets
Info echo3 OpenClipart-Vectors-katze-3
Klassischen Editor! – und …
"Advanced Editor Tools" Dauerhaft dynamisch: Advanced Editor Tools
Info echo4 OpenClipart-Vectors-katze-7
… die Welt gehört dem, der sie genießt.
– mit Classic Editor und Advanced Tools! Advanced Editor Tools und Classic Widgets
Info echo5 OpenClipart-Vectors-katze-4
Aktive Installationen: 2+ Millionen
"Advanced Editor Tools – ist fabelhaft!" Unverändert exzellent: Advanced Editor Tools
Info echo6 OpenClipart-Vectors-katze-5
Antörnend! – hier zur Lancierung
"Advanced Editor Tools – ist de luxe!" Classic Editor und Advanced Editor Tools
Info echo7 OpenClipart-Vectors-katze-6
Classic Widgets sind innovativ!
"Classic Widgets – sind modern!" Advanced Editor ToolsClassic Widgets
Info echo8 OpenClipart-Vectors-katze-8a
"Werkraum ist Werkraum"
Katzen SVG OpenClipart-Vectors; Ticker von Ditty News Ticker
"Frontend ist Frontend!" Classic Editor und Advanced Editor Tools

Standard-Bildergalerie WP; Bildgröße, Bildausrichtung. Da ist des Themas von mehr zum einzuarbeiten. Darum ist der Beitrag in drei Teilen und ist gut so zum Lesen wie auch als Merkzettel. Des Letzten ist der Beitrag meiner Anfänge mit WordPress aber immer noch sehr von Nutzen. Sicherlich ist vieles intuitiv zu erfassen, doch gern zu deinem Erfolg, so folge mir auch in diesem Tutorial. Denn gerade der Dinge hier zu begreifen, welches oft gar nicht so aufgezeigt sind. Wenn auch vom Fach her nicht alles so perfekt, so kann es auch schnell hilfreich sein.

Beitrag Teil 1 / Zum Durchlesen…
Beitrag Teil 2 / Bilder arrangieren … für Seite mit voller Breite
Beitrag Teil 3 / Bilder arrangieren … mit Plugin Advanced Image Styles

Wir beginnen mit dem Titel:

WordPress: Die Standard-Bildergalerie

Ans Herz zu legen, so die Bildergalerie mit WordPress-Bordmitteln erstellen

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
Bildformat bzw. Seitenverhältnis

Image alignment and Styles

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)

Slider 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.

So Tipp von wegen …

Annahme, ein Bild wurde in die Mediathek hochgeladen und passt dann nicht. So das Bild der Mediathek entfernt wurde, möchte man das Bild nach Editieren am Computer oder anderes selben Namens hochladen. Das funktioniert nicht, es ist immer dasselbe vorhergehende Bild desselben Namens. Da ist dann Browserdaten löschen angesagt! – Da aber genügt das etwa 'Bilder und Dateien im Cache' löschen.

Nach einem Bild den Text darunter fortlaufen lassen

<br class="clear" />

Der Befehl ließe sich auch mehrmals nacheinander anwenden, um einen Abstand zu schaffen. Anstatt mehrmaliger Anwendung gibt es aber andere Auszeichnungen.

Bildunterschrift/LEGENDE

Theme Twenty Fourteen
Platzierung der Bilder auf Seiten im Template "Seite mit voller Breite"

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.

Weiter gehts hier

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 …

Und das von Light Box?

Hier der Website ist das Plug-in Easy FancyBox, siehe im Beitrag WordPress-Light-Box: 6 Plug-ins im Vergleich!

Der Beitrag wurde mit fachlicher Unterstützung erstellt.


Aktualisiert im Jahr 2024-April