3. Unter Mediathek, links, könnt ihr eure Bilder hochladen.

Wenn ihr Bilder hochladet gewöhnt es euch an schon im Dateinamen so viele Informationen zu haben wir möglich. Definitiv sollte euer Name, oder ein eindeutiges Kürzel enthalten sein, sowie der Titel des Bildes und alles andere was es erleichtert dieses bestimmte Bild wiederzufinden.

4. Unter Beiträge, direkt über dem Mediathek Button, könnt ihr euren Betrag erstellen.

5. Beitrag erstellen, hier könnt ihr zunächst einen Titel für euren Beitrag wählen. Auch hier gillt möglichst klare Titel sind hilfreich.

6. Direkt unter dem Titelfeld seht ihr einen Button „Erweiterter Layout-Editor“, klickt darauf um in diesen zu wechseln. Wir werden im folgenden diesen benutzen und wir empfehlen auch die Benutzung.

7. Ihr seht jetzt unter der Überschrift „Avia Layout Architekt“ drei Reiter. Klickt zunächst auf den Mittleren Inhaltselemente.

(Unter allen drei Reitern befinden sich unterschiedliche Komponenten oder Bauteile, die eure Bilder und Texte verschieden darstellen und anordnen.)

8. Klickt auf den ersten Button, oben-links, Text-Block.

Es erscheint ein Feld auf dem „Klicke hier um Ihren eigenen Text einzufügen“ und das wollen wir jetzt tun. (Unter der Elementauswahl)

9. Es erscheint ein Fenster in dem ihr euren Text hineinschreiben könnt, oder per Kopieren&Einfügen aus einer Datei einfügen könnt. Sobald ihr mit eurem Text vorläufig zufrieden seid klickt unten auf „Speichern“ um zurück zu eurem Beitrag zu gelangen.

10. Wählt den Reiter „Media-Elemente“ und klickt dort auf „Bild“. Ihr seht wie sich unter eurem Text ein neues Feld aufgetan hat.

11. Klickt auf das neue Feld um in das Bild-Fenster zu wechseln. Ihr könnt hier auf den Button klicken oder auf das „leere“ Kastenförmige Symbol darunter um in die Mediathek zu gelangen.

12. In der Mediathek befinden sich die uploads aller Mitarbeiter und Komilitonen an den diversen Projekten. Deswegen ist es wichtig, dass eure Dateien für euch und andere leicht zu finden sind. Wählt hier ein bild aus.

13. Vergesst nicht regelmäßig zu speichern. Neben dem button zum speichern (Oben-rechts) findet ihr auch einen der Vorschau heißt. Dieser ist sehr nützlich da er euch eure Arbeit so anzeigt wie sie Besuchern der Seite erscheint. Wenn ihr jetzt darauf klickt sollte sich ein neuer Tab oder ein neues Fenster öffnen und euch euren Text und darunter euer Bild zeigen. Soweit so gut, aber ästhetisch sehr „Internet der späten 1990er“.

Unter dem dritten, eigentlich dem ersten von links, Reiter Layout Elemente findet ihr ein paar Möglichkeiten eure Inhalte anzuordnen. Für dieses Tutorial habe ich 1/2 genommen dh ich habe zwei Elemente auf gleicher höhe die die gleiche Breite einnehmen.

Wie ihr im Bild rechts sehen könnt habe ich jetzt viele leere Boxen. Ich füge in jedes linke Feld ein Textelement und im jedes rechte ein Bild Element ein um das, ästhetisch sicher auch nicht viel besseren, Layout zu erhalten das ich für die Erstellung dieses Tutorials verwendet habe.

(Es lohnt sich hier zu experimentieren!)

Bilder Bonusrunde

Da wir uns hier hauptsächlich mit Bildern beschäftigen werden, noch eine kleine Hilfe:

Euch sollte, hoffentlich, aufegfallen sein, dass wenn ihr auf eines der rechte Bilder klickt es vergrößert wird. Ihr erreicht diesen Effekt in einem kleinen Schritt. Klickt auf eines eurer Bilder um in das Bild Fenster zu kommen. Klickt jetzt oben auf dem Reiter „Link-Settings“

Dort wählt ihr wir im Bild rechts die Option Lightbox und schon können auch eure Bilder vergrößert werden.

Wir hoffen dies konnte euch den Einstieg in die Arbeit mit WordPress ein wenig erleichtern. Wie am Anfang bereits gesagt: Experimentiert! Probiert aus und schaut wie die verschiedenen Elemente und Einstellungen funktionieren. Und wenn ihr Fragen habt gibt es sicher offene Ohren dafür.

Frohes Schreiben! 🙂