WordPress Themes - pixolin ... WordPress Meetup Bonn Bego Mario Garde @pixolin Neulich im WordPress

  • View
    2

  • Download
    0

Embed Size (px)

Text of WordPress Themes - pixolin ... WordPress Meetup Bonn Bego Mario Garde @pixolin Neulich im WordPress

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    WordPress Themes
 Was ist das und 
 wo bekomme ich die her?

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Neulich im WordPress Support-Forum Themes …

    Hallo,

    ich möchte mit WordPress ein Hafen Portal erstellen. Dies soll zunächst folgendes können:

    Katergorien im Menü: Vereine, Gastronomie, Wassersport, Liegeplatzvermietung, Gastliegeplätze, Forum, News, Veranstaltungskalender

    Im Header oben sollen Fotos vom Hafen erscheinen.

    Vereine: hier sollen sich Vereine präsentieren oder einen Link zu Webseite mit Kontaktdaten einstellen können

    https://de.wordpress.org/support/topic/portal-theme/

    Gastrononmie: hier sollen Infos zu den ansässigen Restaurants und Kneipen stehen

    Habt Ihr einen Tipp?

    Da ich noch nicht so gut bin und jetzt mehrere Stunden nach passenden Themes gesucht habe, wäre es super wenn ihr mir für den Zweck etwas empfehlen könnt oder Lust habt mir zu helfen.

    https://de.wordpress.org/support/topic/portal-theme/

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Was sind Themes?

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Themes sind Vorlagen für die 
 Gestaltung deiner Beiträge und Seiten 
 in unterschiedlichen Ausgabeformaten 
 (als Einzelseite, Übersichtsseite, Archiv, …)

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Ziel: Anwender konzentriert sich auf Inhalt seiner Seiten und Beiträge und kann auf ein professionelles Layout zurückgreifen.

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Foto: Ashim D'Silva, unsplash.com

    I don't know 
 why people hire architects 
 and then tell them 
 what to do.

    Frank Gehry

    Decisions, not Options

    https://unsplash.com

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Ein bisschen mehr Flexibilität? Anwender können im Editor keine Schriftart auswählen. Das ist so gewollt.

    Wer trotzdem nicht auf Comic Sans verzichten möchte, findet bei vielen Themes Einstellungs- möglichkeiten im Customizer.

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Nur ein Theme pro Website Ohne zusätzliche Plugins* können mehrere Themes installiert, aber nur eines davon aktiviert werden.

    Über die CSS-Klasse des -Tag sind aber viele Anpassungen möglich. (z.B. .page-id-42)

    *https://wordpress.org/plugins/jonradio-multiple-themes/

    https://wordpress.org/plugins/jonradio-multiple-themes/

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Wie ist ein Theme aufgebaut?

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Stylesheet Jedes Theme muss ein Stylesheet mit dem Namen style.css enthalten.

    Das Stylesheet enthält den Theme-Header (Kommentar mit Meta-Angaben zum Theme).

  • Bego Mario Garde
 @pixolin

    /*

    Theme Name: Twenty Seventeen Theme URI: https://wordpress.org/themes/twentyseventeen/

    Author: the WordPress team

    Author URI: https://wordpress.org/

    Description: Twenty Seventeen brings your site to life …

    Version: 1.2

    License: GNU General Public License v2 or later

    License URI: http://www.gnu.org/licenses/gpl-2.0.html

    Text Domain: twentyseventeen

    Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready,

    custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-

    images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-

    options, threaded-comments, translation-ready

    This theme, like WordPress, is licensed under the GPL.

    Use it to make something cool, have fun, and share what you've learned with others.

    */

    WordCamp Meetup Bonn

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    index.php Jedes Theme muss ein allgemeines Template mit dem Namen index.php haben.

  • Bego Mario Garde
 @pixolin

    WordCamp Meetup Bonn

    the Loop

  • Bego Mario Garde
 @pixolin

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Hooks Jedes Theme benötigt die Hooks 
 wp_head(); und wp_footer();

    Die Hooks liegen üblicherweise in den Templates header.php und footer.php

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    functions.php Zusätzliche Funktionen, 
 z.B. zum Einbinden von JavaScript, 
 werden in die functions.php gesetzt.

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    functions.php Die functions.php sollte keine Funktionen enthalten, die sich auf den Inhalt auswirken (z.B. Definition eines Custom Post Type).

    Grund: Lock In-Effekt.

  • Bego Mario Garde
 @pixolin

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Grundausstattung style.css 
 index.php 
 header.php 
 footer.php
 sidebar.php 
 functions.php

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Template Hierarchie WordPress sucht für bestimmte Inhalte (z.B. Darstellung Kategorie) nach einem besonders geeigneten Template (category.php). Existiert das nicht, greift WordPress auf allgemeinere Templates zurück, zuletzt auf index.php.

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    https://developer.wordpress.org/themes/
 basics/template-hierarchy/

    https://developer.wordpress.org/ http://www.apple.com/de/

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Kompliziert?

    Barrie refreih

    eit Anspreche

    nde Gestal tung

    Responsive Design

    für jeden gängigen Browser

    SEO-freundlich

    Perfo rmanc

    e

    Sicher

    Gestaltungsoptionen Lokalisie

    rbar

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Richtig gemacht, ist die Herstellung eines individuellen Themes recht aufwändig: 
 "Basis Theme: 10 Tage Aufwand, + je Template 1,5 Tage"

    Beispiele für "Pfusch am Bau": 
 Templates weglassen, keine Kommentar-Funktion, nicht responsive, fehlendes -Tag, nicht barrierefrei …

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Starter-Themes: 
 "1.000 Arbeitsstunden voraus"

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Underscores

    http://underscores.me

    http://underscores.me

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Underscores Components

    http://components.underscores.me

    http://components.underscores.me

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    JointsWP (mit Foundation 6)

    http://jointswp.com

    http://jointswp.com

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Alternative: Child Themes

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Was sind Child Themes Child Themes sind Ergänzungen zu einem vorhandenen (Parent-)Theme.

    Sie enthalten nur die Templates, die in Gestaltung oder Funktionalität abweichen.

  • Bego Mario Garde
 @pixolin

    /*

    Theme Name: Twenty Fifteen Child

    Theme URI: http://example.com/twenty-fifteen-child/

    Description: Twenty Fifteen Child Theme

    Author: John Doe

    Author URI: http://example.com

    Template: twentyfifteen

    Version: 1.0.0

    License: GNU General Public License v2 or later

    License URI: http://www.gnu.org/licenses/gpl-2.0.html

    Tags: light, dark, two-columns, right-sidebar

    Text Domain: twenty-fifteen-child

    */

    WordCamp Meetup Bonn

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Anleitung Child Themes https://die-netzialisten.de/wordpress/ anleitung-childtheme-anlegen-update/

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    Wo bekomme ich ein
 WordPress Theme her?

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    WordPress Theme Repository ca. 4.700 Themes und Child Themes

    alle frei erhältlich (100% GPL) und nach Bedarf 
 an eigene Wünsche anpassbar (ggf. Child Theme erstellen!)

    alle sorgfältig vom Theme Review Team geprüft

    https://wordpress.org/themes/

    https://wordpress.org/themes/

  • WordPress Meetup Bonn

    Bego Mario Garde
 @pixolin

    WordPress Theme Repository Qualität der angebotenen Themes hat sich 
 deutlich gebessert.

    Eigenes Support-Forum für jedes Theme.

    Hilfe durch WordPress-Support-Team* möglich, 
 weil die Themes für jeden frei zugänglich sind.

    *https://de.wordpress.org/support/forum/themes/

    https://de.wordpress.org/support/f