Responsives Design mit WordPress

Größe: px

Ab Seite anzeigen:

Download "Responsives Design mit WordPress"

Kristian Kerner
vor 5 Jahren
Abrufe

1 D3kjd3Di38lk323nnm Responsives Design mit WordPress Joe Casabona, Responsives Design mit WordPress, dpunkt.verlag, ISBN

2 Joe Casabona arbeitet seit über zehn Jahren als professioneller Webdesigner (den größten Teil dieser Zeit auch mit WordPress). Sein reiches Fachwissen gibt er als Trainer, als Sprecher auf Konferenzen und als Buchautor weiter. Zu diesem Buch sowie zu vielen weiteren dpunkt.büchern können Sie auch das entsprechende E-Book im PDF-Format herunterladen. Werden Sie dazu einfach Mitglied bei dpunkt.plus + :

3 Joe Casabona Responsives Design mit WordPress Joe Casabona, Responsives Design mit WordPress, dpunkt.verlag, ISBN

4 Übersetzung: Florence Maurice, maurice-web.de Lektorat: Boris Karnikowski, karnikowski.com Fachlektorat: Florence Maurice, maurice-web.de Copy-Editing: Brigitte Hamerski, lektorat-hamerski.de Herstellung: Birgit Bäuerlein Satz: Ulrich Borstelmann, borstelmann.de Umschlaggestaltung: Helmut Kraus, Druck und Bindung: M.P. Media-Print Informationstechnologie GmbH, Paderborn Bibliografische Information der Deutschen Nationalbibliothek Die Deutsche Nationalbibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte bibliografische Daten sind im Internet über abrufbar. ISBN Auflage 2014 Translation Copyright für die deutschsprachige Ausgabe 2014 dpunkt.verlag GmbH Wieblinger Weg Heidelberg Copyright der amerikanischen Originalausgabe Joseph Casabona, 2014 Title of American original: Responsive Design with WordPress Published by New Riders ISBN: Die vorliegende Publikation ist urheberrechtlich geschützt. Alle Rechte vorbehalten. Die Verwendung der Texte und Abbildungen, auch auszugsweise, ist ohne die schriftliche Zustimmung des Verlags urheberrechtswidrig und daher strafbar. Dies gilt insbesondere für die Vervielfältigung, Übersetzung oder die Verwendung in elektronischen Systemen. Es wird darauf hingewiesen, dass die im Buch verwendeten Soft- und Hardware-Bezeichnungen sowie Markennamen und Produktbezeichnungen der jeweiligen Firmen im Allgemeinen warenzeichen-, marken- oder patentrechtlichem Schutz unterliegen. Alle Angaben und Programme in diesem Buch wurden mit größter Sorgfalt kontrolliert. Weder Autor noch Verlag können jedoch für Schäden haftbar gemacht werden, die in Zusammenhang mit der Verwendung dieses Buches stehen

5 vii Inhaltsverzeichnis 1 Was ist responsives Webdesign? Die Ursprünge des responsiven Webdesigns Breakpoints und Media Queries em-basierte Breakpoints Inhaltsbasierte Breakpoints Die Geräte aktueller Stand der Dinge Denken Sie an die Verbindungsgeschwindigkeit Zusammenfassung Fragen Antworten Grundlagen der WordPress-Theme- Erstellung Gestatten: unsere Website Die Template-Struktur style.css functions.php header.php und footer.php index.php Der Loop Der Grundaufbau Mehrfache Loops Custom-Post-Types Plugins und Shortcodes Hooks, Actions und Filter Shortcodes Zusammenfassung Fragen Antworten Joe Casabona, Responsives Design mit WordPress, dpunkt.verlag, ISBN

6 viii Inhaltsverzeichnis 3 Ein responsives Theme erstellen die richtige Basis RWD-Techniken Media Queries RESS wp_is_mobile() JavaScript Das responsive Layout hinzufügen Die Standard-CSS-Klassen von WordPress Kommentare und Widgets Vermischte Styles Zusammenfassung Fragen Antworten Ihr responsives Theme grundlegende Eigenschaften Die Navigation im RWD Beliebte Techniken kurz vorgestellt Serverseitige Anpassung der Navigation Überlegen Sie, was für Ihre Besucher das Beste ist Vom richtigen Umgang mit Bildern Wie in WordPress Bilder hochgeladen werden picturefill.js einsetzen Die Breite und Höhe bei Bildern überschreiben Der richtige Umgang mit Widgets Die Sidebar Sidebar-Widgets Zusammenfassung Fragen Antworten Ihr responsives Theme Blog-Eigenschaften Behandlung von Kommentaren Der richtige Umgang mit Archiven Zusammenfassung

7 Inhaltsverzeichnis ix 6 Responsive Theme-Frameworks Einige Prinzipien der Wiederverwendung, die Sie sich merken sollten Gerätetests Definieren Sie Ihre Anforderungen WordPress-Frameworks Frameworks, Themes und Plugins finden Warum sollten Sie ein kommerzielles Theme verwenden? Beliebte WordPress-Frameworks Bootstrap Foundation Unbedingt erwähnenswert: HTML5 Boilerplate Thesis Genesis Underscore Twenty Thirteen Ein eigenes Theme-Framework entwickeln Zusammenfassung Fragen Antworten Techniken und Tutorials Einleitung Im Fokus: CPTs und CSS Eine responsive Fotogalerie in WordPress Eine Galerie aus neuen Bildern erstellen Den CSS-Code ändern Einschränkungen Eine responsive WordPress-Karte mit Google Maps Den Shortcode erstellen Ein responsiver Bilder-Slider in WordPress Definition des Plugins und der Variablen Die Slider-Skripte einbinden Shortcode und Template-Tag Den Custom-Post-Type erstellen Joe Casabona, Responsives Design mit WordPress, dpunkt.verlag, ISBN

8 x Inhaltsverzeichnis 7.5 Ein responsives Kontaktformular in WordPress Eine responsive Produktseite in WordPress Shortcode und Template-Tag Den Custom-Post-Type erstellen Zusammenfassung Fragen Antworten A Quellen 167 A.1 Ein paar Worte zum Abschluss A.2 Bücher A.3 Treffen und Konferenzen A.3.1 Meetup.com A.3.2 WordCamp Central A.3.3 An Event Apart A.3.4 Webinale A.3.5 Beyond Tellerrand A.4 Links A.4.1 Websites A.4.2 Podcasts Index 173

Ähnliche Dokumente

Bereits während seines Studiums der Humanmedizin übte Bertram Solcher fotojournalistische Tätigkeiten für regionale

D3kjd3Di38lk323nnm Foto: Katja Solcher Bereits während seines Studiums der Humanmedizin übte Bertram Solcher fotojournalistische Tätigkeiten für regionale und überregionale Tageszeitungen sowie nationale