Willkommen 🙂
Zum Workshop:
Wordpress für Fortgeschrittene
Perfekt für
Noch etwas tricky?
Mit & von mir.
Paulina Stenner-Probst
- 27 Jahre alt
- Ehemalige Berlinerin, jetzt stolze Greifswalderin
- Senior Grafikerin & Prokuristin IMN
- Ausbildung zur Mediengestalterin (Digital & Print)
- Ausbilderin & Gastdozentin
- Ehrenamtlich tätig als Workshopleiterin JMC
- kreativ, ordnungsliebend, musikalisch
Sauberes Arbeiten mit Elementor
Elemente, Paddings & Spalten klug kombinieren
Was bringt mir das?
- Bessere Übersichtlichkeit
- Einfacheres Verschieben & Ordnen von Elementen
- Effektiveres Arbeiten mit mehreren Personen
- Mobil besser bearbeitbar
(Un)Sauberes Arbeiten mit Elementor
Kein Nutzen von Paddings/ Margins, einzelne Abschnitte & kompliziert versteckte Werte
Warum ist das doof?
- Schlechte Übersicht
- Alles muss ggf. einzeln verschoben werden
- Einfärben von Bereichen schwierig
- Abstände ungleichmäßig
Plugins effektiv nutzen
1 – Überlegen welche Funktionalität man braucht
Kontaktformular, Mehrsprachigkeit, Übersetzungen, Galerien, Buchungssystem, Loginbereich, Pay-to-view-Content, Newslettereinbindung, Mini-Shopbereich, Backups...
2 – Die Pluginrecherche
Per Google oder in der Pluginsuche das betreffende Stichwort suchen. Bei der Auswahl des Plugins auf Aktualität, Versionskompatibilität und Bewertungen achten
3 – Installieren & Testen des Plugins
Plugin normal installieren und ausgiebig Testen. Hinweis: Beim Updaten des allgemeinen WordPress unbedingt vorher ein Backup machen!
Diese Plugins empfehle ich
A plugin for everyone <3
Animationen für einen besseren Look&Feel
Was sieht besser aus?
Animationen können Dynamik in die Seite bringen.
Zum Bleistift so.
Oder so.
Und fixed Bilder bringen Dimension.
Woooooooow.
Benutzer & Rollen
Es gibt mehr als nur den Admin
Admin – Hat alle Rechte und Zugriffe
Redakteur – Seiten/ Beiträge, Medien, Blogbereich
Autor – Beiträge, Medien
Mitarbeiter – Beiträge, aber nur als Entwurf
Abonnent – Kann nur Inhalte sehen
Sprungmarken
So geht die Onepager-Navi
1. CSS-ID eintragen & merken
Abschnitt, auf den die Sprungmarke springen soll
Kleinbuchstaben, keine Sonderzeichen und Bindestrich nach Leerzeichen. Passende Bezeichnung wählen, da diese in der URL angegeben wird. Ohne # eintragen.
2. Sprungmarke mit CSS-ID setzten
Navigationspunkt, Button oder Textverlinkung, von der man springen soll
Die betreffende Stelle mit einem Link versehen und nach folgendem Muster einfügen:
/#css-id
Das # nicht vergessen!
Wichtig: Beziehe alle vorherigen Eltern-Seiten in die URL mit ein. Also wenn der Sprungmarken-Abschnitt mit der CSS-ID NICHT auf der Startseite liegt, muss die gesamte URL die nach dem .de kommt mit einbezogen werden.
Beispiel: CSS-ID liegt in einem Abschnitt auf der Seite Röcke. Die Seite Röcke ist der Seite “Bekleidung” (Eltern-Seite) zugewiesen. Also muss die Sprungmarke so heißen:
/bekleidung/roecke/#css-id-name
Zusatz 1: Audiodateien einbinden
Mit Soundcloud