12. Juli 2013 Einstieg Wie erstelle ich mit WordPress einen ansprechenden Internet-Auftritt?
Ü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
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
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
Google Trends Schweiz switchplus ag5
Google Trends Welt switchplus ag6
WordPress: Vom Blog zum CMS zur App Engine switchplus ag7
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
WordPress = Software / WordPress = Service.org.com Software zum DownloadenSoftware zum Nutzen gratis(eingeschränkt) gratis beliebig anpassparbeschränkt anpassbar switchplus ag9
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
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
Erweiterbarkeit / Anpassbarkeit ThemesPluginsCode wordpress.org/themes/wordpress.org/plugins/codex.wordpress.org/ > 1800> Premium Themes: Elmastudio: 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
Onlinetools & AddOns für Firefox Web Developer ColorZilla MeasureIt switchplus ag13
Sprachen switchplus ag14
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
So funktioniert CSS h1 { color: #ff0033; } Selektor Wert Eigenschaft