TUTORIAL Wartung der Website mit Wordpress www.edelsbrunner.at
INHALTSVERZEICHNIS Login...3 Überblick...4 Dashboard...4 Hauptmenü...4 Bereiche der Website...5 Navigation...6 Sidebar...6 Allgemeiner Content-Bereich...7 Farbcodes...8 Inhalte ändern...9 Text bearbeiten... 11 Bilder...12 Auto-Modell / Service...13 Aktionen...15 Optimierung für SEO...16 2
LOGIN Unter der Adresse» www.edelsbrunner.at/wp-admin finden Sie das Anmeldeformular für die Administrationsoberfläche Ihrer Webseite. Geben Sie nun die Benutzerdaten (seperates Dokument) und den individuell generierten CAPTCHA Code ein. Nachdem Sie auf Anmelden geklickt haben, erscheint die Administrationsoberfläche Ihrer Webseite. Je nachdem ob Sie sich als Administrator oder Redakteur einloggen unterscheidet sich der Umfang der Menüs links (als Redakteur ist es wesentlich übersichtlicher ). 3
ÜBERBLICK DASHBOARD Nach dem Einloggen befinden Sie sich auf der Übersichtsseite der Verwaltungsoberfläche Ihrer Website, dem sogenannten Dashboard. HAUPTMENÜ Am linken Rand finden Sie alle Funktionen um den Inhalt Ihrer Website zu verändern. Bilder & Medien hier finden Sie alle hochgeladenen Bilder und Dokumente. Wir unterscheiden prinzipiell zwischen drei Arten von Inhalten: Seiten sind im weitesten Sinne die Menüpunkte die Ihre Besucher auf der Website sehen. Hier werden Sie nur die Inhalte der bestehenden Seiten anpassen. Aktionen ( Beiträge -Elemente im WP). Jede aktuelle Aktion wird als neuer Beitrag angelegt und in chronologischer Abfolge auf der Seite Aktionen angezeigt. Autos+Service ( Portfolio -Elemente im WP) beinhaltet alle Automodelle sowie Service-Seiten. Sie sind ähnlich aufgebaut wie die Aktionen (Beiträge), jedoch mit ein paar zusätzlichen Funktionen. Der letzte Menüpunkt Werkzeuge enthält allgemeine Tools, die keiner bestimmten Unterseite Ihrer Website zugeordnet sind. In diesem Fall wird hier auch das Werkzeug für fehlerhafte Links verwaltet. 4
BEREICHE DER WEBSITE 1 1 2 3 2 1 5
BEREICHE DER WEBSITE 1 NAVIGATION Verwaltung (als Administrator): Design > Menüs > Menüs bearbeiten oder Positionen verwalten 2 SIDEBAR Verwaltung (als Administrator): Design > Widgets Sidebar generell Display everywhere ( Wir sind für Sie da ) Sidebar Ansprechpartner (bei Autos in Verwendung) Sidebar Abteilungen (bei Team in Verwendung) Footer Column 1 (Fahrzeuge) Footer Column 2 (Schnellinfos) Footer Column 3 (Weitere Infos) 6
BEREICHE DER WEBSITE 3 ALLGEMEINER CONTENT-BEREICH Wir unterscheiden prinzipiell zwischen drei Arten von Inhalten: Seiten Aktionen Autos + Service AVIA LAYOUT ARCHITEKT Der Content-Bereich wird im Baukasten- System mit dem Avia Layout Architekt - entsprechend der benötigten Kompontenen - aufgebaut: Layout Elemente Inhalts Elemente Media Elemente VORLAGEN Die häufigsten in Verwendung befindlichen Seiten-Arten befinden sich als Vorlage bereits vorgefertigt. Wichtig ist, dass Sie zuvor auf den Button Standard Editor klicken (unterhalb des Titels) um zum Erweiterten Layout-Editor zu gelangen und diese Funktionaliäten zur Verfügung zu haben. 7
FARBCODES FARBCODES FÜR DIE BEREICHE IN DER HAUPTNAVIGATION PEUGEOT EDELSBRUNNER #002355 FAHRZEUGE #878787 GEWERBEKUNDEN #b9afaa SERVICES #0078a1 AKTIONEN #eb542e Änderbar: Farb-Sektion > Section Background 8
INHALTE ÄNDERN Der einfachste Weg ist wenn Sie im WP eingeloggt sind - einfach auf der Website zu surfen und jederzeit auf Seite / Portfolio Beitrag / Beitrag ändern zu klicken, um die entsprechende Page zu verändern. Alternativ finden Sie unter dem Menüpunkt»Seiten«eine Liste aller bisher angelegten Seiten. Mit einem Klick auf den Seitentitel oder auf Bearbeiten kommen Sie in die Bearbeitungsansicht. 9
INHALTE ÄNDERN Mit einem Klick auf das zu verändernde Objekt gelangen Sie in die Detailansicht. Verwenden Sie den Editor um den Inhalt zu bearbeiten und zu formatieren. B steht beilspielsweise für Fettschrift (bold), I für Kursivschrift (italic). Beenden Sie die Eingabe mit einem Klick auf» Speichern «. Mit einem Klick auf das Bild selbst oder auf» Bild einfügen «haben Sie die Möglichkeit Bilder und andere Medien einzubinden. Beenden Sie die Eingabe mit einem Klick auf» Speichern «. Wenn Sie mit Ihren Änderungen fertig sind, können Sie diese im Bereich Veröffentlichen rechts oben) mittels Klick auf» Aktualisieren «speichern. Diese erscheinen dann sofort auf Ihrer Webseite. 10
TEXT BEARBEITEN Die Eingabe des Textes einer Seite erfolgt ähnlich wie zb in Word. Um sich jedoch an das Layout zu halten sollten Sie sparsam mit Formatierungen umgehen. ÜBERSCHRIFTEN Auch wenn im Design der Seite Überschriften nicht stark hervorgehoben werden ist es aus Sicht der Suchmaschinen wichtig die richtigen Prioritäten zu setzen: Die Überschrift 1 sollte vorzugsweise nur einmal pro Seite verwendet werden und das Thema der Seite hervorheben. Weitere Hauptthemen der aktuellen Seite erhalten Überschrift 2, usw. Dem normalen Text wird das Format Absatz zugewiesen, weitere Formate werden in dieser Website nicht verwendet. FORMATIERUNG ENTFERNEN Text reinkopieren > Formatierung entfernen 11
BILDER BILDER EINFÜGEN Bilder werden via dem Avia Layout Architekt > Media Elemente > Bild eingefügt. BILD DETAILS Geben Sie bitte zu jedem Bild im Feld Titel und im Feld Alternativtext einen Namen für das Bild ein, da dies wichtig für die Auffindbarkeit für Suchmaschinen ist. Setzen Sie Link zur auf keine (außer, Sie wünschen explizit eine Verlinkung) Wählen Sie die passende Größe Um die Änderungen zu speichern, klicken Sie rechts auf den blauen Button Aktualisieren. MEDIENDATEIEN Wenn es eine neue Aktion oder ein neues Automodell gibt, so müssen nicht zusätzlich neue Bilder hochgeladen werden (dh. die Bildanzahl wird erhöht), sondern es besteht auch die Möglichkeit, dass Mediendateien zu ersetzen. Dies hat den Vorteil, dass keine alten Bilder irrtümlich verwendet werden können und zweitens haltet sich die Zahl der hochgeladenen Bilder (und somit der Überblick) auch im Rahmen. 12
AUTO-MODELL / SERVICE NEUES AUTO-MODELL ANLEGEN Auto+Service > Hinzufügen Titel vergeben Klick auf Erweiterter Layout-Editor Passende Vorlage wählen (03 Auto-Detail) Änderungen durchführen: Passende Kategorien zuweisen Breadcrumb Hierarchy - die Seite, unter welcher dieser Punkt gelistet sein soll, wird hier ausgewählt Auszug - Kurztext vergeben Bilder aktualisieren Beitragsbild zuweisen gegebenenefalls die Sidebar adaptieren KATEGORIEN Es sind alle Eigenschaften vom Typ Auto- Modell bzw. Service unter Portfolio Categories angeführt - bzw. können diese weiter ergänzt werden. Zu Beachten ist, dass zb. die Selektion von Kategorien des Service-Angebotes auch Einfluss auf die Startseite hat: z.b. Kategorie zstartseite für Service- Leistungen, welche auf der Startseite ausgegeben werden sollen) 13
AUTO-MODELL / SERVICE HINWEIS Wenn ein neues Automodell oder eine neue Service-Leistung hinzugefügt wird, ist es auch erforderlich, dieses Automodell bzw. Service-Leistungen in der Hauptnavigation bzw. divesen Sub-Menüs hinzuzufügen (Design > Menüs). TIPPS In der Übersicht erfolgt die Sortierung (z.b. Kundenservice) nach Datum. Um die Reihenfolge zu beeinflussen gehe ich wie folgt vor: Ich gehe auf den Bereich Auto+Service > Alle Einträge Abschleppdienst (per QuickEdit) Datum: 01.01.2015 Elektro-Tankstelle (per QuickEdit) Datum: 02.01.2015 Nacht-Annahme (per QuickEdit) Datum: 03.01.2015 etc. Der neueste Eintrag wird jeweils ganz oben gelistet. 14
AKTIONEN NEUE AKTION ANLEGEN Aktionen > Erstellen Titel vergeben Klick auf Erweiterter Layout-Editor Passende Vorlage wählen (03 Aktion-Detail) Änderungen durchführen: passende Kategorie zuweisen Auszug - Kurztext vergeben Bilder aktualisieren Beitragsbild zuweisen gegebenenefalls die Sidebar adaptieren 15
OPTIMIERUNG FÜR SEO WORDPRESS SEO VON YOAST Die Eingaben zur Ünterstützung der Suchmaschinen-Optimierung ( Natural Listing ) ist selbsterklärend aufgebaut. Befüllen Sie die folgenden Felder entsprechend mit Inhalt: Fokus Keyword SEO-Titel Meta-Beschreibung Kontrolle Nach dem Speichern (Klick auf den Button Aktualisieren ) wird der Grad der Qualität der eingegebenen Daten gemessen und entsprechend angezeigt. Möchten Sie die Qualität verbessern, so klicken Sie auf Check, unten im Bereich WordPress SEO von Yoast werden Ihnen entsprechende Tipps angezeigt. 16