Inhalt. 1 WordPress verstehen 29

Transkript

1 Vorwort zur 5. Auflage WordPress verstehen Was ist WordPress? Schnell, einfach und flexibel Jeder kann Kommentare schreiben Kategorisieren, taggen und archivieren Sie Ihre Beiträge Trackbacks oder wie man den Weg zu Ihrem Blog findet Multi-Autoren-Fähigkeit RSS-Feeds und vieles mehr 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 aus WordPress sorgt schon allein dafür, dass Sie gefunden werden Sie können auch ganz eigene Seitentypen kreieren WordPress eignet sich nicht nur für Blogs und kleine Websites Gibt es noch irgendeinen Grund, der gegen WordPress spricht? Welche Vorkenntnisse benötige ich? WordPress.com oder WordPress.org? Die WordPress-Website Informationen über das Projekt Was haben andere schon auf Basis von WordPress kreiert? WordPress erweitern Hilfe bei WordPress Die Community Die Software scheint nicht schlecht zu sein Sie bekommen gute und schnelle Hilfe

2 1.7.3 Es gibt zahlreiche Erweiterungen Man gehört dazu Showcase: 10 Beispiele für WordPress-Websites cameronreynoldsflatt.com derrenbrown.co.uk getyourprettyon.com greatlengthshair.co.uk grindspaces.com gv.com judithhobbyclothing.com learnlakenona.com newyorker.com zync.ca Die Dateistruktur Die Datenbankstruktur Berechtigungen und Rollen WordPress 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 Mac MAMP auf dem Mac installieren WordPress installieren WordPress vom Rechner auf den Server hochladen Die Administrationsoberfläche Die Beiträge Alle Beiträge Erstellen Kategorien Schlagworte Medien Seiten Kommentare Design Themes Widgets Menüs Header Hintergrund Editor Weitere Funktionen mit Plugins Installierte Plugins Installieren Editor Benutzer Hinzufügen Dein Profil Werkzeuge Press This Kategorie- und Schlagwort-Konverter Daten importieren Daten exportieren Einstellungen Allgemein Schreiben Lesen Diskussion Mediathek Permalinks Der Aufbau Das Dashboard Dashboard Ihr persönliches Informationsnetzwerk Aktualisierungen immer auf dem neuesten Stand

3 4 Schnell und einfach: fertige Themes 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 Andere Schriftarten & Google Web Fonts Farben anpassen Eigene Icons mit Font Awesome Font Awesome über CDN nutzen Font Awesome selbst hosten Die Icons verwenden Favicon hinterlegen Häufige Probleme beim Wechsel eines Themes Das Stylesheet fehlt/theme kann nicht aktiviert werden Außer der Startseite kann ich keine andere Unterseite aufrufen Das Theme sieht nicht so aus, wie es aussehen sollte Plugins funktionieren nicht mehr 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 definiert Der Theme-Wechsel dauert länger als erwartet Funktionen des alten Themes sind plötzlich weg Die Widgets sind weg oder funktionieren nicht mehr 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 ermittelt Tipps für die Theme-Auswahl Zehn kostenlose WordPress-Themes Zehn kostenpflichtige WordPress-Themes Frameworks: Genesis, Thesis & Co Mein Theme macht Probleme: Was soll ich tun? Das Stylesheet fehlt Seite nicht gefunden Die URLs sehen unansehnlich aus Das Theme sieht nicht aus wie im Prospekt Slides & Co. funktionieren nicht Im Theme ist ein Menü integriert, aber ich sehe es nicht CSS-Änderungen werden nicht übernommen Das Theme-Update hat alle Änderungen zerstört Widgets werden nicht angezeigt oder funktionieren nicht Es werden ein Haufen Widgets angezeigt, die ich nie aktiviert habe HTML und CSS für WordPress 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 Block-Elemente 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

4 5.6 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 Erforderliche Vorkenntnisse Der Aufbau von Themes in WordPress Die Vorbereitung Von der HTML-Vorlage zum fertigen Theme Einbinden der HTML-Vorlage Layout der restlichen sdateien Die Kommentarfunktion einbauen Das Theme widget-fähig machen Aus dem Blog eine Website machen Was Sie sonst noch über Themes wissen sollten Seitentypen Was sind Seitentypen? Anwendungsbereiche Ein FAQ-Bereich Ein Event-Bereich Fachartikel Seitentypen registrieren Den Seitentyp mit Datenfeldern bestücken Eigene Taxonomien entwerfen 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 Responsive Webdesign mit WordPress Plugins Was ist Responsive Webdesign? Mobile First vs. Desktop First Technischer Hintergrund Responsive Grids Responsive Frameworks Mobile Navigation Responsive Slider Retina-Bilder 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 Akismet Google XML Sitemaps SEO-Sitemaps erstellen WP Maintenance Mode die Website in den Wartungsmodus versetzen Broken Link Checker keine toten Links mehr TinyMCE Advanced: Tabellen und mehr für den Editor User Role Editor: Rollen & Rechte anpassen Simple Lightbox Ihre Bilder schön eingerahmt

5 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 geht 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 Widgets Werte des Nutzers speichern Das Widget-Formular Widgets ohne Plugin programmieren Themes und Plugins internationalisieren Themes Plugins Widgets 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 testen Quellen Mehrsprachige Websites Sprachen über Polylang hinzufügen Statische e übersetzen Beiträge samt Übersetzung anlegen Sprachenumschalter implementieren 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 Kategorien und Schlagworte übersetzen Medienuploads übersetzen WordPress optimieren WordPress per Hand absichern Wählen Sie einen sicheren Admin-Benutzernamen Wählen Sie ein sicheres Passwort

6 Schützen Sie die Administrationsoberfläche Schalten Sie alle Login-Fehlermeldungen ab Entfernen Sie die WordPress-Version aus Ihrem Quelltext Verhindern Sie den Zugriff auf Ihre Ordner Schützen Sie Ihre»wp-config.php« Ändern Sie das Tabellen-Präfix Halten Sie Suchmaschinen von Ihren Verzeichnissen fern Schalten Sie die Registrierung aus 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 Caching und Sicherheit durch Wordfence Verstecken spielen: Lockdown WP Admin Brauche ich eine Website-Firewall? 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 WordPress Administrationsoberfläche sieht seltsam aus »Cannot Modify Header Information...« »Fatal Error: Allowed Memory Size... exhausted« Wartungsmodus bleibt nach Update bestehen Das Stylesheet fehlt 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 WordPress-Wartung Updates immer auf dem neuesten Stand Backups per Hand durchführen Backups mit einem Plugin durchführen Seelenfrieden: Backups mit VaultPress Wichtige Funktionen regelmäßig testen Alte Beiträge haben kein Beitragsbild, das Theme setzt es aber voraus Error 145: Ihre Datenbank ist beschädigt Aktueller Webspace unterstützt WordPress nicht Seite nicht gefunden Ihre Änderungen zeigen sich nicht auf der Website »Ein weiterer WordPress-Blog« Google indexiert die Website nicht (mehr) Beiträge auf der Startseite werden im Volltext angezeigt Die Sidebar ist plötzlich unter dem

7 15.27 In der URL erscheint die»index.php« Einige JavaScript-Funktionen sind gestört Es tritt ein Syntax-Error auf Es tritt ein Unexpected-Error auf 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 Erweitert Werkzeuge Erweiterungen 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 Mit der Website umziehen WordPress mitteilen, wie Ihre Website nun erreichbar ist 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 Das Beitragsbild zum RSS-Feed hinzufügen Werkzeugleiste nur für Administratoren anzeigen Quellen Marketing und Tracking Wie vermarkte ich meine Website? Website oder Blog? Omnipräsenz

8 Klassisches Marketing Gastbeiträge Onlineverzeichnisse Google AdWords Social-Media-Marketing Volkszählung: Tracking ist unabdingbar Vorneweg: die Datenschutzproblematik etracker kostenpflichtig und erste Klasse Piwik Google Analytics Den Tracking-Code in WordPress einbinden Zehn Tipps für Tracking-Anfänger WordPress für Blogger Content is King Qualität Aktivitä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 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 humorvoll Schreiben Sie jeden Tag 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 drei 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 auf Wiederholen Sie sich nicht Kurze Sätze Schreiben Sie positiv Schreiben Sie aktiv Das Ende muss in Erinnerung bleiben Fordern Sie Ihre Leser zur Diskussion auf Entfernen Sie Füllwörter Formatieren Sie Ihren Text sinnvoll Prüfen Sie Rechtschreibung und Grammatik Blogverzeichnisse nutzen Mit Blogs Geld verdienen Netzwerken mit WordPress Multisite Für wen eignet sich Multisite? Autor sein: 30 Tipps für bessere Blogartikel Allgemeine Tipps Was wollen Sie eigentlich sagen? Schreiben Sie einfach Vorteile und Nachteile von Multisite Multisite installieren Multisite konfigurieren und verwalten

9 22 Praxisbeispiele Die Kanzlei-Website WordPress als CMS Die WordPress-Installation 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 Beiträge automatisch in sozialen Netzen teilen Medien per oembed einfügen Social-Media-Buttons»datenschutzkonformer«einsetzen Verwendete Themes, Plugins & Codebeispiele Index 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 sdateien anlegen Die Kommentarfunktion einbauen Google AdSense implementieren Weiterführende Artikel 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üstes Wechselnde Header-Grafiken Ein Galerie-Feature umsetzen Integration eines Eventkalenders Die mobile Website WPtouch konfigurieren Die Website im Browser testen 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«) Das Archiv (»archives.php«und»archive.php«) Seite nicht gefunden (»404.php«) Soziale Dienste zur Anmeldung nutzen