![Page 1: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/1.jpg)
©Michaela Steidl
Willkommen im WordPress-Bistro
WordPress-‐Häppchen zur Kaffeepause
![Page 2: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/2.jpg)
Über mich • Michaela Steidl • Jahrgang 1975 • Sparringspartner für
WordPress • Website, Schulung und
Ansprechpartner im Hintergrund
• Web: hHp://wp-‐bistro.de
![Page 3: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/3.jpg)
Eine Bildergalerie erstellen
• Bildergalerie erstellen • Was ist zu beachten? • Fragen und Antworten
Inhalte
![Page 4: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/4.jpg)
Eine Bildergalerie erstellen
Ziel: Eine einfache Galerie (fast) ohne Plugins
![Page 5: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/5.jpg)
Eine Bildergalerie erstellen
Bilder zur Galerie hinzufügen:
![Page 6: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/6.jpg)
Eine Bildergalerie erstellen
Galerie aller mit dem Beitrag verknüpWen Bilder:
![Page 7: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/7.jpg)
Eine Bildergalerie erstellen
AlternaXv: Beliebige Bilder aus der Mediathek
![Page 8: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/8.jpg)
Eine Bildergalerie erstellen
![Page 9: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/9.jpg)
Eine Bildergalerie erstellen
![Page 10: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/10.jpg)
Eine Bildergalerie erstellen
• Größe der Thumbnails anpassen:
Wich%g: Gilt für alle Thumbnails der Website! Größe anpassen für ältere Bilder: Plugin: Regenerate Thumbnails (hHps:wordpress.org/plugins/regenerate-‐thumbnails/)
![Page 11: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/11.jpg)
Eine Bildergalerie erstellen
• Plugin: WP Lightbox (hHps://wordpress.org/plugins/wp-‐lightbox-‐2/)
![Page 12: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/12.jpg)
Eine Bildergalerie erstellen
Anhangseite mit Text erstellen:
![Page 13: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/13.jpg)
Tipp für FormaXerung ohne HTML-‐Kenntnisse: hHp://wp-‐bistro.de/widgets-‐mit-‐farbe-‐und-‐bild-‐verschoenern/
![Page 14: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/14.jpg)
![Page 15: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/15.jpg)
Was ist zu beachten?
• Bildgröße beachten • Empfehlung: 800 x 600px
• Dateiformat JPG vs. PNG
![Page 16: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/16.jpg)
Was ist zu beachten?
Dateigröße reduzieren • Für JPG: Plugin OpXmus
(hHps://wordpress.org/plugins/opXmus/)
• Für PNG: TinyPNG (hHp://Xnypng.com)
![Page 17: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/17.jpg)
Was ist zu beachten?
Grundsätzlich: • „Sprechende Dateinamen“
(bild.jpg staH DIV134.jpg) • Keine Umlaute oder Leerzeichen • Alt-‐Text vergeben
![Page 18: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/18.jpg)
Fragen
Ich freue mich auf Ihre Fragen
![Page 19: Willkommen im WordPress-Bistro · Über mich • MichaelaSteidl) • Jahrgang)1975) • Sparringspartner)für) WordPress) • Website,)Schulung)und) Ansprechpartner)im) Hintergrund)](https://reader036.vdokument.com/reader036/viewer/2022090608/605ec1a2ca0c3178fb6248cd/html5/thumbnails/19.jpg)
Bildquellen
© Julien Eichinger -‐ Fotolia.com © Anna Kucherova -‐ Fotolia.com © Orlando Florin Rosu -‐ Fotolia.com © ullrich -‐ Fotolia.com © queidea -‐ Fotolia.com © fotodo -‐ Fotolia.com © masterzphotofo -‐ Fotolia.com