Vorwort zur 6. A uflage... 21

Transkript

1 Inhalt Vorwort zur 6. A uflage WordPress verstehen Was ist WordPress? Schnell, einfach und fle xib e l Jeder kann Kommentare schreiben Kategorisieren, taggen und archivieren Sie Ihre Beiträge Trackbacks-oder wie man den Weg zu Ihrem B lo gfin det Multi-Autoren-Fähigkeit RSS-Feeds und vieles m e h r Eignet sich WordPress für mich? Blogger & Privatpersonen ohne Vorkenntnisse Webdesign-Einsteiger Webdesigner und Agenturen Shopbetreiber Vom Blog zum CMS und wieder zurück Wie ein CMS, nur einfacher Bauen Sie Ihr CMS beliebig a u s WordPress sorgt schon allein dafür, dass Sie gefunden w erden Sie können auch ganz eigene Seitentypen kreieren WordPress eignet sich nicht nur für Blogs und kleine W ebsites Gibt es noch irgendeinen Grund, der gegen WordPress spricht? Welche Vorkenntnisse benötige ich? WordPress.com oder WordPress.org? Die WordPress-Website Informationen überdas Projekt Was haben andere schon auf Basis von WordPress kreiert? WordPress erw eitern Hilfe bei WordPress Die Community Die Software scheint nicht schlecht zu se in Sie bekommen gute und schnelle H ilfe Es gibt zahlreiche Erweiterungen Man gehört dazu... 39

2 1.8 Showcase: 10 Beispiele für WordPress-Websites cameronreynoldsflatt.com derrenbrown.co.uk getyourprettyon.com greatlengthshair.co.uk grindspaces.com gv.com judithhobbyclothing.com lakenona.com newyorker.com zync.ca Die Dateistruktur Die Datenbankstruktur Berechtigungen und Rollen Word Press installieren Soll ich WordPress auf dem Rechner oder auf dem Server/ Webspace installieren? Welchen Webspace oder Server benötige ich? Entwicklungsumgebung auf dem Rechner einrichten XAMPP unter Windows installieren Besonderheiten bei XAMPP auf dem M a c MAMP auf dem Mac installieren WordPress installieren WordPress vom Rechner auf den Server hochladen Die Administrationsoberfläche Der A ufbau Das Dashboard Dashboard - Ihr persönliches Informationsnetzwerk Aktualisierungen - immer auf dem neuesten Stand Die Beiträge Alle Beiträge Erstellen Kategorien Schlagwörter

3 3.4 M edien Seiten Kommentare Design Themes W idgets M enüs Header/Hintergrund Editor Weitere Funktionen mit Plugins Installierte Plugins Installieren Editor Benutzer Hinzufügen Dein P rofil Werkzeuge Press T h is Kategorie- und Schlagwort-Konverter Daten im portieren Daten exportieren Einstellungen Allgemein Schreiben Lesen Diskussion M edien Permalinks Schnell und einfach: fertige Themes m 4.1 Individuelles oder fertiges Theme? Quellen für kostenlose Themes Quellen für kommerzielle Themes Das Theme installieren und einrichten Theme mit CSS an die eigenen Wünsche anpassen Das Logo anpassen

4 4.7 Andere Schriftarten & Google Web Fonts Farben anpassen Eigene Icons mit Font Awesome Font Awesome über CDN nutzen Font Awesome selbst Kosten Die Icons verwenden Favicon hinterlegen Häufige Probleme beim Wechsel eines Themes Das Stylesheet fehlt/theme kann nicht aktiviert w erden Außer der Startseite kann ich keine andere Unterseite auf rufen Das Theme sieht nicht so aus, wie es aussehen so llte Plugins funktionieren nicht m e h r Die Website lädt jetzt langsamer Manche Funktionen des neuen Themes sind nicht verfügbar Das neue Theme erfordert Beitragsbilder, aber bei vielen alten Beiträgen habe ich solche nie d efin ie rt Der Theme-Wechsel dauert länger als e rw arte t Funktionen des alten Themes sind plötzlich w e g Die Widgets sind weg oder funktionieren nicht m ehr Hilfe, bei meinem Theme sind ganz viele Widgets, die da nicht hingehören! Die Besucher werden nicht mehr gezählt Die RSS-Abonnenten werden nicht korrekt e rm itte lt Tipps für die Theme-Auswahl Zehn kostenlose WordPress-Themes Zehn kostenpflichtige WordPress-Themes Frameworks: Genesis, Thesis 8e Co Mein Theme macht Probleme: Was soll ich tu n? Das Stylesheet fe h lt Seite nicht gefunden Die URLs sehen unansehnlich aus Das Theme sieht nicht aus wie im Prospekt Südes & Co. funktionieren n ic h t Im Theme ist ein Menü integriert, aber ich sehe es n ic h t CSS-Änderungen werden nicht übernommen Das Theme-Update hat alle Änderungen zerstört Widgets werden nicht angezeigt oder funktionieren n ic h t Es werden ein Haufen Widgets angezeigt, die ich nie aktiviert habe 234

5 5.1 Benötige ich HTML und CSS für WordPress? Texteditoren Schwachstelle: Browser HTML-Grundlagen Das Grundgerüst einer Website Tags schachteln Texte definieren Bilder einfügen Formulare erstellen Kommentare kennzeichnen Die Website strukturieren und Klassen/IDs vergeben CSS-Grundlagen CSS-Angaben in HTML einbinden Aufbau einer CSS-Anweisung Eltern-, Kind-, Inline- und Blockelemente Text-Eigenschaften anpassen Schrift-Eigenschaften anpassen Hintergründe anpassen Link-Eigenschaften anpassen Rahmen, Außenabstand und Innenabstand Listen-Eigenschaften anpassen Elemente positionieren Weitere nützliche Eigenschaften finden Gute alte Werte:»reset.css« WordPress-Themes mit HTML & CSS anpassen Die WordPress-CSS-Klasse zum Element finden Quellen: HTML und CSS richtig lernen Ein eigenes Theme programmieren 28i 6.1 Erforderliche Vorkenntnisse Der Aufbau von Themes in WordPress Die Vorbereitung Von der HTML-Vorlage zum fertigen Theme Einbinden der HTML-Vorlage

6 6.4.2 Layout der restlichen Inhaltsdateien Die Kommentarfunktion einbauen Das Theme widget-fähig machen Aus dem Blog eine Website machen Was Sie sonst noch über Themes wissen sollten Responsive Webdesign m it WordPress Was ist Responsive Webdesign? Mobile First vs. Desktop First Technischer Hintergrund Responsive Grids Responsive Frameworks Mobile Navigation Responsive Slider Retina-Bilder Seitentypen Was sind Seitentypen? Anwendungsbereiche Ein FAQ-Bereich Ein Event-Bereich Fachartikel Seitentypen registrieren Den Seitentyp mit Datenfeldern bestücken Eigene Taxonomien entw erfen Die Übersichtsseite anpassen Das Theme anpassen Die Produktübersicht anlegen Einen Menüpunkt zur Produktübersicht anlegen Die Einzelansicht eines Produkts programmieren Die Anzeige der Leistungen-Taxonomie gestalten Die Anzeige der Preisklassen-Taxonomie gestalten Seitentypen mithilfe von Plugins registrieren

7 9.1 Was sind Plugins? Vor- und Nachteile von Plugins Die richtige Auswahl eines Plugins Plugins für den WordPress-Alltag Akismet - Anti-Spam-Tool für Ihre Kommentare Contact Form 7 - komfortabel Kontaktformulare erstellen Antispam Bee - die Alternative zu Akism et Google XML Sitemaps - SEO-Sitemaps erstellen WP Maintenance Mode - die Website in den Wartungsmodus versetzen Broken Link Checker - keine toten Links m ehr TinyMCE Advanced: Tabellen und mehr für den Editor User Pole Editor: Rollen & Rechte anpassen Simple Lightbox -Ih re Bilder schön eingerahmt ImageMagick Engine-die besseren Bilder für Ihre Website Weitere Plugins Plugins & Widgets selbst programmieren Vorkenntnisse und Vorwissen Was Sie vor der Erstellung wissen sollten Einige WordPress-Grundkenntnisse Zugriff auf die Datenbank Der Kopf der Plugin-Datei Ihr erstes Plugin: My Greatest Posts Vorüberlegungen Los g e h t's Die Action-Hooks hinzufügen Erstellen einer neuen Tabelle Der Counter für die Pageviews Liste der am häufigsten besuchten Beiträge ausgeben Das Plugin direkt in das Theme einbinden Das Widget zum Plugin Das Widget registrieren Das Widget definieren Ausgabe des W idgets

8 Werte des Nutzers speichern Das Widget-Formular Widgets ohne Plugin programmieren Internationalisierung von Plugins und Themes Themes & Plugins übersetzungsfähig machen Die WordPress-Funktionen Umgang mit Platzhaltern Einzahl oder Mehrzahl? Ein Wort - mehrere Bedeutungen Beschreibungen Best Practices Themes und Plugins internationalisieren Themes Plugins W idgets Erstellen der Übersetzungsvorlage Installation der Software Gettext und PHP dem Windows-Pfad hinzufügen Download des WordPress SVN-Trunks Die Vorlage (*.pot) erstellen Übersetzen einer Vorlage Datei in POEdit ö ffnen Übersetzungen eintragen Katalogoptionen anpassen MO-Datei erstellen Einbinden und Testen einer Übersetzung Die MO-Datei umbenennen und in das Theme oder Plugin integrieren Die Übersetzung in WordPress te ste n Quellen Mehrsprachige Websites Sprachen über Polylang hinzufügen Statische Inhalte übersetzen

9 12.3 Beiträge samt Übersetzung anlegen 12.4 Sprachumschalter implementieren Kategorien und Schlagwörter übersetzen Medien-Uploads übersetzen WordPress optimieren WordPress per Hand absichern Wählen Sie einen sicheren Admin-Benutzernamen Wählen Sie ein sicheres Passwort Schützen Sie die Administrationsoberfläche Schalten Sie alle Login-Fehlermeldungen a b Entfernen Sie die WordPress-Version aus Ihrem Q uelltext Verhindern Sieden Zugriff auf Ihre O rdner Schützen Sie Ihre»wp-config.php« Ändern Sie das Tabellen-Präfix Halten Sie Suchmaschinen von Ihren Verzeichnissen fe rn Schalten Sie die Registrierung a u s Updaten Sie WordPress regelmäßig Machen Sie regelmäßige Backups Zwingen Sie WordPress zu einer sicheren SSL-Verbindung Nutzen Sie SFTP anstelle von FTP Beobachten Sie Ihre Server-Logs WordPress mit Sucuri Security absichern »Dashboard« »Malware Scan« »Firewall« »Hardening« »Post-Hack« »Last Logins« »Settings« »Site Info« Noch mehr Sicherheit durch Wordfence Verstecken spielen: Lockdown WP Admin Brauche ich eine Website-Firewall?

10 14 WordPress-Wartung Updates - immer auf dem neuesten S tand Backups per Hand durchführen Backups mit einem Plugin durchführen Seelenfrieden: Backups mit VaultPress Wichtige Funktionen regelmäßig testen WordPress-Probleme und ihre Lösungen White Screen Probleme mit einem Plugin Probleme mit einem Theme Interner Serverfehler Fehler beim Aufbau einer Datenbankverbindung Fehlerhaftes Auto-Update Timeout der Verbindung Passwort vergessen Probleme bei Foto-Upload oder dem Erstellen von Dateien durch Word Press Administrationsoberfläche sieht seltsam a u s »Cannot Modify Header Information...« »Fatal Error: Allowed Memory Size... exhausted« Wartungsmodus bleibt nach Update bestehen Das Stylesheet fe h lt Fehler beim Datenimport Das Theme sieht nicht so aus wie in der Vorschau Mein Theme sieht zerstört aus (Widgets) Meine URLs sehen unattraktiv aus Die Links auf meiner Website funktionieren nicht Alte Beiträge haben kein Beitragsbild, das Theme setzt es aber voraus Error 145: Ihre Datenbank ist beschädigt

11 15.20 Aktueller Webspace unterstützt WordPress nicht Seite nicht gefunden Ihre Änderungen zeigen sich nicht auf der W ebsite »Ein weiterer WordPress-Blog« Google indexiert die Website nicht (m ehr) Beiträge auf der Startseite werden im Volltext angezeigt Die Sidebar ist plötzlich unter dem In h alt In der URL erscheint die»index.php« Einige JavaScript-Funktionen sind gestört Es tritt ein Syntax-Error a u f Es tritt ein Unexpected-Error a u f Ich habe ein anderes Problem: Wo finde ich Hilfe? Quellen Suchmaschinenoptimierung SEO aus heutiger Sicht Google Instant Neue Herausforderungen Personalisierte Suchergebnisse Trend: Konversionsoptimierung Was das für Sie bedeutet WordPress ist ein guter Anfang Grundlegende SEO-Techniken Führen Sie ein Blog! Optimieren Sie Ihre Texte! Der Titel Ihrer Seite Die Meta-Description Permalinks Sorgen Sie für Backlinks! Nutzen Sie Web Analytics! Yoast SEO - die optimale Suchmaschinenoptimierung Dashboard »Titles & Metas« »Social« »XML-Sitemaps«

12 16.4.5»Fortgeschritten« »Werkzeuge« »Suchkonsole« WordPress SEO in der Artikelerstellung WordPress-Tipps für alle Fälle Adressen vor Spam schützen Adressen im Code Adressen in Beiträgen und Seiten Google Maps einbinden M it der Website umziehen WordPress mitteilen, wie Ihre Website nun erreichbar is t Die Datenbankeinträge suchen und ersetzen (lassen) Twitter-Nutzernamen automatisch verlinken WP-Version ohne Plugin aus Quelltext entfernen Eigene Texte im Backend platzieren Eigene Texte zur Login-Seite hinzufügen Das URL-Feld aus Kommentarformularen entfernen Minimale Zeichenanzahl für Kommentare setzen Wartungsmodus einschalten Beitragstitel statt»vorheriger Beitrag«/»Nächster Beitrag« Bei nur einem Suchergebnis automatisch den Beitrag öffnen Seiten aus den Suchergebnissen ausschließen Autorenseite zur Über-uns-Seite weiterleiten Revisionen anpassen oder entfernen Den ersten Absatz eines jeden Beitrags umgestalten Alle Seitentypen in den Suchergebnissen Den Papierkorb anpassen oder deaktivieren Dem RSS-Feed das Beitragsbild hinzufügen Werkzeugleiste nur für Administratoren anzeigen Quellen

13 18.1 Wie vermarkte ich meine Website? Website oder Blog? Omnipräsenz Klassisches M arketing Gastbeiträge Onlineverzeichnisse Google AdWords Social-Media-Marketing Volkszählung: Tracking ist unabdingbar Vorneweg: die Datenschutzproblematik etracker - kostenpflichtig und erste Klasse P iw ik Google Analytics Den Tracking-Code in WordPress einbinden Zehn Tipps für Tracking-Anfänger WordPress für Blogger Content is King Q u a litä t A ktivitä t Anziehungskraft Teilbarkeit Magazin- oder Bloglayout? Permalinks richtig einsetzen Die Kommentarfunktion durch Disqus erweitern Social-Media-Buttons und RSS-Feeds anbieten Instagram-Widgets einbauen Twitter-Timelines einbinden Facebook-Seiten integrieren Blogverzeichnisse nutzen Mit Blogs Geld verdienen

14 20 Autor sein: 30 Tipps für bessere Blogartikel Allgemeine Tipps Was wollen Sie eigentlich sagen? Schreiben Sie einfach Veröffentlichen Sie regelmäßig Schreiben Sie authentisch Lieber viele kleine Blogbeiträge Wohin sollen die Links? Verlinken Sie Ihre Beiträge untereinander per Hand Seien Sie einzigartig Schreiben Sie hum orvoll Schreiben Sie jeden T ag Führen Sie eine Ideenliste Die Vorbereitung Machen Sie eine Gliederung Nicht zu viele Ideen pro Artikel Überlegen Sie sich eine gute Headline Aller guten Dinge sind d re i Befriedigen Sie die Bedürfnisse Ihrer Leser Das Verfassen Der erste Absatz muss den Leser mitreißen Schreiben Sie das Wichtigste im ersten Absatz Machen Sie Zwischenüberschriften Verwenden Sie Bilder Lockern Sie Ihre Texte a u f Wiederholen Sie sich n ic h t Kurze Sätze Schreiben Sie positiv Schreiben Sie a ktiv Das Ende muss in Erinnerung bleiben Fordern Sie Ihre Leser zur Diskussion a u f Entfernen Sie Füllwörter Formatieren Sie Ihren Text sinnvoll Prüfen Sie Rechtschreibung und Gram m atik Netzwerken mit WordPress M ultisite Für wen eignet sich Multisite? Vorteile und Nachteile von M ultisite

15 21.3 Multisite installieren Multisite konfigurieren und verw alten Praxisbeispiele Die Kanzlei-Website - WordPress als CMS Die WordPress-lnstallation kurz und bündig Das Theme erstellen Das Theme aktivieren Die Unterseiten anlegen WordPress zum CMS konvertieren Die Seitennavigation anlegen Die FAQ-Sektion mithilfe von Custom Post Types erstellen Ein Kontaktformular mit Contact Form 7 einbauen Das Blog - ein Heimspiel für WordPress Vor dem Design: worauf Sie achten sollten Es geht los: das Gerüst theme-fähig machen Die restlichen Inhaltsdateien anlegen Die Kommentarfunktion einbauen Google AdSense implementieren Weiterführende A rtikel Social-Media-Buttons in Ihr Blog einbinden Eine Navigation anlegen Populäre Beiträge in der Sidebar anzeigen Die Künstler-Website - Circle Designer Erstellung des Grundgerüsts Wechselnde Header-Grafiken Ein Galerie-Feature umsetzen Integration eines Eventkalenders Die mobile W ebsite WPtouch konfigurieren Die Unternehmens-Website - Social Business Vom HTML-Gerüst zum Theme Die Startseite des Blogs (»index.php«) Die Einzelansicht eines Beitrags (»single.php«) Das Kommentar-Template (»comments.php«&»functions.php«) Die Kategorieseite (»category.php«) Die Tag-Seite (»tag.php«) Die Autorenseite (»author.php«)

16 Das Archiv (»archives.php«und»archive.php«) Seite nicht gefunden (»404.php«) Soziale Dienste zur Anmeldung nutzen Beiträge automatisch in sozialen Netzen teilen Medien per oembed einfügen Social-Media-Buttons datenschutzkonform einsetzen Verwendete Themes, Plugins & Codebeispiele Index