12. Juli 2013 Einstieg Wie erstelle ich mit WordPress einen ansprechenden Internet-Auftritt?

Präsentation zum Thema: "12. Juli 2013 Einstieg Wie erstelle ich mit WordPress einen ansprechenden Internet-Auftritt?"—  Präsentation transkript:

1 12. Juli 2013 Einstieg Wie erstelle ich mit WordPress einen ansprechenden Internet-Auftritt?

2 Über mich verheiratet, Aargau Trainer bei switchplus Im Web unterwegs seit 1995 begeistert von, Wordpress, YOLA, HTML5 & CSS3 Mac & Windows User Veloschlüssel Familie Geocaching switchplus ag2 chzumbrunnen@gmx.ch

3 Lernziele/Kursablauf Vorstellen, Ziele und Fragen Kurze Einleitung Übersicht über Frontend/Backend, Dashboard und Einstellungsmöglichkeiten Post und Pages erfassen und gestalten Auswahl, Installation und Anpassung von Plugins Auswahl, Installation und Anpassung von Themes Einstellungen vornehmen (Themes, Plugins, Allgemein). Theme-Anpassungen an CSS/PHP Dateien. switchplus ag3

4 Vorstellen Vorname, Name (Wohnort, Beruf) Grund für den Kursbesuch anhand eines Schlüssels Vorkenntnisse (Web, HTML5 & CSS, CMS) Wünsche und Ziele switchplus ag4

5 Google Trends Schweiz switchplus ag5

6 Google Trends Welt switchplus ag6

7 WordPress: Vom Blog zum CMS zur App Engine switchplus ag7

8 Blog, CMS, App Engine - WordPress kanns BlogCMSApp Engine einfachstTypische WebsiteIndividuelle Anwendung Gestaltung nebensächlichGestaltung gemäss CIGestaltung und individuelle Funktionen Inhalt regelmässigUpdates unregelmässigProzesse und evtl. Inhalte durch Anwender generiert Mehrere AutorenZentrale VerantwortungExterne Anwender switchplus ag8

9 WordPress = Software / WordPress = Service.org.com Software zum DownloadenSoftware zum Nutzen gratis(eingeschränkt) gratis beliebig anpassparbeschränkt anpassbar switchplus ag9 http://de.support.wordpress.com/com-vs-org/

10 Vorüberlegungen Habe ich interessante Inhalte für die Website? Wie oft kann ich diese veröffentlichen? Verfüge ich über ein langfristiges Ziel? Welche Ziele möchte ich mit meiner Webseite erreichen? Wie viel Zeit will ich in die Pflege meiner Website investieren? Wer aktualisiert mein Internet-Angebot und woher kommen die Daten? switchplus ag10

11 Blog, CMS, App Engine - WordPress kanns Beiträge (Posts)Seiten (Pages)Custom Post Types Blog (News) BeiträgeImpressum Kontaktformular Veranstaltungen Portfolio … chronologisch Kategorien Schlagworte (Tags) Archivseiten RSS-Feed hierarchisch keine Archivseiten kein RSS_Feed Können wie Beiträge oder wie Seiten gestaltet werden oft mit Themes geliefert selber programmieren switchplus ag11

12 Erweiterbarkeit / Anpassbarkeit ThemesPluginsCode wordpress.org/themes/wordpress.org/plugins/codex.wordpress.org/ > 1800> 25800 Premium Themes: Elmastudio: www.elmastudio.de/ www.elmastudio.de/ Themeforest: themeforest.net/ themeforest.net/ Volatyl Framework: volatylthemes.com/ volatylthemes.com/ … Premium Plugins: MarketPress: marketpress.com/ marketpress.com/ CodeCanyon:codecany on.net/codecany on.net/ Jetpack: wordpress.org/plugins/j etpack-de/ wordpress.org/plugins/j etpack-de/ … Widgets waren ursprünglich für die Sidebar gedacht. Je nach Theme und Plugins gibt es aber zusätzliche widgetize-bare Bereiche. Child Themes Ermöglichen Änderungen ohne das Elterntheme anzutasten. API / Hooks Vereinfachungen um interne Funktionen von WordPress im eigenen Code zu nutzen switchplus ag12

13 Onlinetools & AddOns für Firefox http://www.css3.me/ http://bgpatterns.com/ Web Developer ColorZilla MeasureIt switchplus ag13

14 Sprachen switchplus ag14

15 Meine allererste HTML-Datei Mein erstes HTML Dokument Hallo Welt Das ist mein allererstes HTML Dokument switchplus ag15 Dokumenttyp-Deklaration Damit der Browser weiss, um welchen Dokumenttyp es geht. Dokumenttyp-Deklaration Damit der Browser weiss, um welchen Dokumenttyp es geht. head Meta-Informationen Links zu Stylesheets head Meta-Informationen Links zu Stylesheets Body eigentlicher Webseiteninhal t Body eigentlicher Webseiteninhal t

16 So funktioniert CSS h1 { color: #ff0033; } Selektor Wert Eigenschaft