Sign up for free to use this document yourself.
  • SODI Workshop

    Mit WordPress Webseiten und Blogs gestalten.


  • Die eigene Idee

  • Grundlagen

  • Verwendung

  • Glossar

  • “Kurzreferenz” zu technisch > “Einführung”

  • Was ist WordPress?

    WordPress ist eine Open Source Webanwendung, welche es einem ermöglicht auf relativ einfache Weise im Internet Inhalte zu veröffentlichen.

  • Werkzeuge

  • Dokumentation

  • Einrichtung

  • typische Arbeitsabläufe

  • graphische Gestaltung

  • Klassifizierung

  • Konfiguration, Workflows und Best Practices

  • FAQ ( Walkthrought )

  • Backend

  • CSS

  • Freie Software

  • Frontend

  • HTML

  • JS

  • Markdown

  • Open Source

  • PHP

  • Plugin

  • SSH

  • Theme

  • Widget

  • Es entstand als einfaches Blogsystem und entwickelte sich im Laufe der Jahre zu einem fast vollständigen, flexibel erweiterbaren Content Management System.

  • WordPress besteht, wie die meisten Webanwendungen, aus einem Frontend und einem Backend.

    Das Frontend ist schlicht die Seite, die Besucher zu sehen bekommen.

    Das Backend heißt bei WordPress Dashboard und bietet Zugang zum Großteil der Funktionen und Anpassungsmöglichkeiten.

    Aber auch dem Dashboard sind Grenzen gesetzt. Dazu später mehr.

  • Zur ernsthaften Entwicklung von Webanwendungen werden einige Werkzeuge benötigt, die nicht unbedingt auf jedem Rechner vorhanden sind.

    Wir verwenden:

  • Warum sollte eine Dokumenation angelegt werden?

    Die Dokumentation ist die Grundlage, auf welcher die Gestaltung einer Webseite aufbaut. In ihr fließen alle notwendigen Informationen zusammen. Mit der Zeit bildet sich eine Wissenssammlung, die es möglich macht sich fließend durch das WordPress Universum zu bewegen, da Aufgabenstellungen häufig, wenn oft auch in anderen Kontexten, wiederkehren.

  • Wie legt man eine Dokumentation am klügsten an?

    Die Dokumentation sollte digital, zugänglich und strukturiert erfolgen.

    • Digital, damit sie einfach zu manipulieren ist.
    • Zugänglich, damit die darin enthaltenen Informationen auch tatsächlich verfügbar sind, wenn man sie benötigt.
    • Strukturiert, damit sich Details schnell finden lassen.
  • Bewährte kollaborative Werkzeuge

    • Wiki - sehr flexibel. selbst hostbar. eigene Syntax.
    • Trello - Listen mit Listen von Listen. MarkDown.
    • Gingko - spaltenbasierte Textbearbeitung. MarkDown.
    • Google Drive. Aus meiner Sicht überholt.
  • Bevor es möglich ist WordPress zu verwenden, ist es notwendig eine neue Instanz einzurichten. Am bequemsten wäre wahrscheinlich die Registrierung eines kostenlosen Kontos auf wordpress.com, sodass man direkt loslegen kann zu schreiben. Aber dann wird sich an der Seite auch nicht alles anpassen lassen.

  • Im Grunde ist das Spektrum an Möglichkeiten recht fließend: Es gibt Cloudanbieter, die einem wie WordPress.com alles abnehmen. Dann gibt es auch sogenannte ‘Managed Server’-Angebote, bei denen dafür bezahlt wird, dass die technische Grundlage immer Funktioniert. Und dann gibt es noch die Möglichkeit, da WordPress Open Source ist, das ganze auf einem selbst verwalteten Server zu installieren.

  • Installation auf einem Server

    Diese soll kurz am Beispiel des Hostingdienstleisters uberspace dargestellt werden.

    Dessen Anleitung ist lediglich zu befolgen.

  • Installation auf dem eigenen Rechner

    Manchmal ist es praktisch sich eine lokale WordPress-Installation einzurichten. Für unsere Zwecke soll der bitnami WordPress Installer reichen.

  • Wireframing

    Wenn eine Seite entstehen soll, ist es sehr empfehlenswert sich vorher darüber gedanken zu machen, wie sie später aussehen soll. Auch zu definieren welche Funktionen vorhanden sein sollen, hilft dabei den Arbeitsberg zu minimieren.

  • Die ersten Skizzen können natürlich auf Papier entstehen, aber schon wenn sich abzeichnet in welche Richtung sich das ganze Entwickelt, lohnt es sich, wenn auch nur kurz, einen Mockup Generator zu Hilfe zu nehmen.

    Tools wie Mockingbird, Moqups oder Webflow unterstützen den Designprozess durch vorgefertigte Platzhalter für Seitenelemente und erlauben je nachdem auch die gleichzeitige Bearbeitung.

  • ein kleines Theming Einmaleins

    WordPress ist sehr einfach an die eigenen Gestaltungswünsche anpassbar. Dies geschieht über die Verwendung von Themes. Nach dem Heraussuchen eines geeigneten Themes und Beziehen der Themedateien genügt ein Klick, und die Darstellung des öffentlichen Teils der Seite verändert sich komplett. Dabei weist jedes Theme noch einmal unterschiedliche Anpassungsoptionen auf.

  • Mit diesen stößt man jedoch schnell an die Grenzen, sodass es oft unvermeidlich ist, selbst Veränderungen in den Vorlagen durchzuführen.

    Das kann man für kleinere, direkt zu lösende Probleme oder ohne anderen Zugang zum Server direkt im Backend machen. Muss man aber zum Glück nicht!

  • Durch eine Kombination von JS-, PHP-, HTML- und CSS-“Programmierung” lässt sich dann, mit viel Fingerspitzengefühl, Ausdauer und Google die eigene Idee umsetzen. Einmal mehr gilt das Learning-by-doing-Prinzip: Nur was man selbst anfässt, hat man wirklich begriffen.

  • Dann kreiert man aus einer Themevorlage eben sein eigenes Theme und unterstützt den textlichen Teil dieser Arbeit mit gezielt eingebrachten Bildern, wofür immer ein Bildbearbeitungsprogramm zur Hand sein sollte.

    Mal schnell eine Graphik verkleinern, dieses Bild umkomprimieren und auf Internetgröße reduzieren, damit die Seite auch schnell lädt und schließlich noch ein Logo entwerfen: Hierbei Sorgfalt walten lassen kann später beim Lesen eine unglaubliche Ruhe produzieren.

  • Und wie so oft im Graphikdesign gilt : Whitespaces sind keine Sünde! Diesen und weitere Hinweise direkt aus der Webdesignindustrie findet man auf A List Apart.

  • zusätzliche Funktionalität

  • Must Have

  • Nice to Have

  • Erweitert

  • “Gardening” > Backups, Kommentare moderieren, …

  • Wie lade ich ein Bild hoch?

  • Wie … ?

  • Die Administrationsoberfläche einer Webanwendung.

  • Cascading Style Sheets : Textdateien, die graphische Eigenschaften von HTML-Elementen einer Webseite definieren.

  • Software die mit einer wenig restriktiven Lizenz lizenziert wurde und umfangreiche Weiterverwendungsmöglichkeiten erlaubt.

  • Die zum täglichen Gebrauch gedachte, öffentliche Variante einer Webseite.

  • HyperText Markup Language. Am Anfang war Xanadu. Und das Internet bestand aus abzählbar wenigen Knoten, die schon viele Dienste untereinander verbanden. Doch dann kam Tim Berners-Lee und wurde für die Erfindung des Webs nicht ohne Grund zum Ritter geschlagen:

  • Eine einfache Idee, revolutionär in ihrer Schlichtheit, machte aus gewöhnlichen, linear zu lesenden Texten, den HyperText. Wir sprechen vom Link. Und von da an breiteten sich Verknüpfungen im Web nur noch so aus. Das World Wide Web war geboren.

  • JavaScript. Eigentlich ECMAScript. Hat nichts mit Java zu tun, heißt aber trotzdem so. Eine so genannte Scriptsprache, welche plattformunabhängig zur Laufzeit kompiliert und ausgeführt wird. Macht aus dem World Wide Web durch Interaktivität das Web 2.0.

  • Wie HTML eine Markup Sprache. Dient der Ausdefinition von Textformatierungen und ähnlichen simplen Elementen wie Listen, Zitate, Überschriften und Links. Diese Elemente werden dann in HTML konvertiert. Unter Copyright von Daring Fireball.

  • Das Gegenteil von Closed Source. Nicht zu verwechseln mit Freier Software. Heißt, dass man in den Source Code von einem Programm Einblick hat. Heißt aber nicht automatisch, dass man auch mitarbeiten darf oder den Code anderweitig verwenden kann.

  • “PHP Hypertext Preprocessor”, ähnlich “GNU is Not UNIX” eine rekursive Abkürzung. Skriptsprache zur Erzeugung dynamischer Webseiten und Webanwendungen.

  • Kleines Erweiterungsprogramm, das an ein übergeordnetes Programm mit Hilfe vordefinierter Schnittstellen andockt und in seiner Funktion verändern / erweitern kann.

  • Secure SHell. Dient zur Sicherung von Terminalverbindungen zu einem Server. Kommt im Hintergrund auch bei SFTP zum Einsatz - bei FTPS jedoch nicht. Ähnlich wie SSL oder GPG/PGP verschlüsselt es die Verbindung mit einem asymmetrischen Schlüssel.

  • Gestaltungsvorlage, welche das Aussehen einer Internetseite bestimmt. Gibt es in unterschiedlichen Qualitäten kostenfrei oder auch bezahlt an unzähligen Orten im Internet (eigentlich ja Web) herunterzuladen.

  • MiniProgrämmchen, dass sich oft an beliebigen, im Fall von WordPress in der Sidebar, Orten anbringen lässt, um meist genau eine Funktion bereit zu stellen.

  • In ihr finden sich dann:

    • technische Details des Systems auf dem WordPress läuft
    • Zugangsdaten
    • Links zu Anleitungen, die einem geholfen haben
    • chronologische Beschreibungen von angewandten Abläufen
    • Anforderungen / Ideen
  • Es gibt natürlich auch kompliziertere, fortgeschrittenere Verfahren, die einem einen anderen Grad an Flexibilität bieten, aber uns genügt zunächst zu wissen, dass es geht.

  • Die Installation in einem Unterordner wird direkt im WordPress-Codex erklärt.

  • Das einfache daran ist, dass wir eine eigene Seite zum Entwickeln starten können, ohne dafür notgedrungen
    mit dem Internet verbunden sein zu müssen. Das beschleunigt viele Abläufe sehr.

  • Außerdem liegen alle Dateien im eigenen Dateisystem, was die Handhabung vereinfacht. Es muss zunächst kein Versionskontrollsystem vorliegen oder eine andere Art von Dateiübertragung auf einen Server erfolgen.

  • ans Ende für “Expertinnen”

  • plus manuelle Themebearbeitung

  • Anbieter

    Es gibt eine reichhaltige Auswahl von kostenlosen und kommerziellen Themes, welche von Entwicklern wie elmastudio hergestellt und auf Plattformen wie ThemeForest angeboten werden.

  • Beispiele

    Free

    • Twenty Thirteen
    • Atahualpa
    • Organic Structure Free
    • Pinboard
    • Clean Home
    • Grid Focus - HTML5
    • Simple Organization
    • Suburbia

    Premium

    • Thesis
    • AIR WordPress Theme
    • hover
    • WP Industry
  • Öffentlichkeit

  • Sprachen

  • Widgets

  • Verwaltung

  • Darstellung

  • Artikel und Seiten

  • Mediathek

  • SEO

  • Caching

  • kurze Sätze zu den jeweiligen

  • MailChimp
    Wysija

    einen Newsletter einbinden

  • wpShopGermany

    von Deutschland aus Produkte verkaufen

  • Contact Form 7 + Really Simple CAPTCHA

    Ein Kontaktformular annbieten

  • 2 Click Social Media Buttons

    Social Media Verknüpfungen

  • Podcasting Plugin by TSG
  • Gurken Subscribe to Comments
  • Collapsing Archives
    Collapsing Categories
    Collapsing Pages
  • Authors Widget
  • Widget Logic

    Widgets nur auf bestimmten Seiten anzeigen

  • Short URL

    Kurzlinks erzeugen

  • WP No Category Base
    WP No Tag Base

    angenehmere Pfade

  • WP Remote

    WordPress-Installationen überwachen

  • Pods
    Pods UI

    eigene Beitragstypen entwickeln

  • WP BrowserUpdate

    alte Browser freundlich abweisen

  • Adminer
    WP-phpMyAdmin

    Datenbank verwalten

  • Authenticator

    die Seite unzugänglich oder nur einem bestimmten Personenkreis zugänglich machen

  • Jetpack

    den eigenen Blog mit Funktionen von WordPress.com erweitern

  • Akismet

    Kommentarspam vermeiden

  • Easy Fancybox

    Bilder in Lightbox darstellen

  • Web Fonts
  • MP6

    Admininterface zukunftsfähiger gestalten

  • Display Post Thumbnail

    Beitragstitelbild in der Adminübersicht anzeigen

  • WP Coda Slider
    WP UI

    Tabs, Akkordions und Slider

  • Raw HTML

    HTML im Post verwenden

  • Improved Include Page
    Inline Posts

    Seiten in anderen Seiten einbinden

  • URIs werden automatisch als Links erkannt

  • Simple Image Sizes

    Thumbnail- und Bildergrößen selbst definieren

  • Scalable Vector Graphics (SVG)

    lässt zu, dass sich SVG Dateien hochladen lassen

  • PJW Mime Config

    andere mime-Typen vom Uploader zulassen

  • Enable Media Replace

    Bilder in der Media Library austauschen

  • Iced PDF Thumbnails

    PDF Dateien mit Vorschau hinzufügen

  • AutoMeta
    Google XML Sitemaps
    Udinra All Image Sitemap
    Google XML Sitemaps v3 for qTranslate
    All-in-One SEO Pack
  • WP-Piwik

    Besucherstatistiken

  • W3 Total Cache
  • WP Supercache

{"cards":[{"_id":"529e744d3a82db7142001a27","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":null,"content":"# SODI Workshop\n\n### Mit WordPress Webseiten und Blogs gestalten."},{"_id":"529e744d3a82db7142001a2d","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.5,"parentId":"529e744d3a82db7142001a27","content":"\"Kurzreferenz\" zu technisch > \"Einführung\""},{"_id":"529e744d3a82db7142001a30","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":"529e744d3a82db7142001a27","content":"# [mitschreiben](https://gingkoapp.com/invite/3a308b2729a29db3540000a6)"},{"_id":"529e744d3a82db7142001a28","treeId":"529e744d3a82db7142001a26","seq":1,"position":1.5,"parentId":null,"content":"---"},{"_id":"529e744d3a82db7142001a29","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":null,"content":"## Die eigene Idee\n\n"},{"_id":"529e744d3a82db7142001a2f","treeId":"529e744d3a82db7142001a26","seq":1567419,"position":0.0625,"parentId":"529e744d3a82db7142001a29","content":"# [WordPress Workshop Gingko Tree](https://gingkoapp.com/wordpress-workshop)"},{"_id":"529e744d3a82db7142001a32","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.125,"parentId":"529e744d3a82db7142001a29","content":"Man sollte sich vorher überlegen ..."},{"_id":"529e744d3a82db7142001a2a","treeId":"529e744d3a82db7142001a26","seq":1,"position":3.125,"parentId":null,"content":"## Grundlagen\n\n"},{"_id":"529e744d3a82db7142001a39","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.25,"parentId":"529e744d3a82db7142001a2a","content":"#### Was ist WordPress?\n\nWordPress ist eine Open Source Webanwendung, welche es einem ermöglicht auf relativ einfache Weise im Internet Inhalte zu veröffentlichen."},{"_id":"529e744d3a82db7142001a53","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.5,"parentId":"529e744d3a82db7142001a39","content":"![](http://planetozh.com/blog/wp-content/uploads/2008/12/wordpress-071.jpg)"},{"_id":"529e744d3a82db7142001a54","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a39","content":"Es [entstand](http://planetozh.com/blog/2008/12/a-journey-through-five-years-of-wordpress-interface/) als **einfaches Blogsystem** und entwickelte sich im Laufe der Jahre zu einem fast vollständigen, flexibel erweiterbaren **Content Management System**."},{"_id":"529e744d3a82db7142001a55","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a39","content":"![](http://cdn4.wpbeginner.com/wp-content/uploads/2013/03/mp6-admin-ui-colors.png)"},{"_id":"529e744d3a82db7142001a56","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":"529e744d3a82db7142001a39","content":"WordPress besteht, wie die meisten Webanwendungen, aus einem Frontend und einem Backend.\n\nDas Frontend ist schlicht die Seite, die Besucher zu sehen bekommen.\n\nDas Backend heißt bei WordPress Dashboard und bietet Zugang zum Großteil der Funktionen und Anpassungsmöglichkeiten.\n\nAber auch dem Dashboard sind Grenzen gesetzt. Dazu später mehr."},{"_id":"529e744d3a82db7142001a3a","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.75,"parentId":"529e744d3a82db7142001a2a","content":"### Werkzeuge"},{"_id":"529e744d3a82db7142001a44","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a3a","content":"Zur ernsthaften Entwicklung von Webanwendungen werden einige Werkzeuge benötigt, die nicht unbedingt auf jedem Rechner vorhanden sind.\n\nWir verwenden:\n\n- Terminal > [putty](http://www.chiark.greenend.org.uk/~sgtatham/putty/download.html)\n- Code Editor > [Sublime Text](http://www.sublimetext.com/3)\n- Dateitransferprogramm > [FileZilla](https://filezilla-project.org/download.php)\n- Grafikprogramm > [GIMP](http://www.gimp.org/downloads/)\n- Dateiaustausch > [BitTorrent Sync](http://labs.bittorrent.com/experiments/sync.html)"},{"_id":"529e744d3a82db7142001a3b","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.875,"parentId":"529e744d3a82db7142001a2a","content":"### Dokumentation"},{"_id":"529e744d3a82db7142001a41","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.5,"parentId":"529e744d3a82db7142001a3b","content":"#### Warum sollte eine Dokumenation angelegt werden?\n\nDie Dokumentation ist die Grundlage, auf welcher die Gestaltung einer Webseite aufbaut. In ihr fließen alle notwendigen Informationen zusammen. Mit der Zeit bildet sich eine Wissenssammlung, die es möglich macht sich fließend durch das WordPress Universum zu bewegen, da Aufgabenstellungen häufig, wenn oft auch in anderen Kontexten, wiederkehren."},{"_id":"529e744d3a82db7142001a64","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a41","content":"In ihr finden sich dann:\n\n- technische Details des Systems auf dem WordPress läuft\n- Zugangsdaten\n- Links zu Anleitungen, die einem geholfen haben\n- chronologische Beschreibungen von angewandten Abläufen\n- Anforderungen / Ideen\n- ..."},{"_id":"529e744d3a82db7142001a42","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.75,"parentId":"529e744d3a82db7142001a3b","content":"#### Wie legt man eine Dokumentation am klügsten an?\n\nDie Dokumentation sollte digital, zugänglich und strukturiert erfolgen.\n- *Digital*, damit sie einfach zu manipulieren ist.\n- *Zugänglich*, damit die darin enthaltenen Informationen auch tatsächlich verfügbar sind, wenn man sie benötigt.\n- *Strukturiert*, damit sich Details schnell finden lassen."},{"_id":"529e744d3a82db7142001a43","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a3b","content":"### Bewährte kollaborative Werkzeuge\n\n- Wiki - sehr flexibel. selbst hostbar. eigene Syntax.\n - [lokal](http://wiki.sodi.dev)\n - [öffentlich](http://s.chn.io)\n- [Trello](https://trello.com/b/ANOQfHDx/sodi-mit-wordpress-webseiten-und-blogs-gestalten) - Listen mit Listen von Listen. *MarkDown.*\n- [Gingko](https://gingkoapp.com/invite/382d402e5498801d5100009a) - spaltenbasierte Textbearbeitung. *MarkDown.* \n \n\n- Google Drive. Aus meiner Sicht überholt."},{"_id":"529e744d3a82db7142001a4b","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.5,"parentId":"529e744d3a82db7142001a43","content":"Wir verwenden das [verbündete Wiki](https://github.com/WardCunningham/wiki). Aber auch [DokuWiki](https://www.dokuwiki.org/), man beachte den Namen, und [MediaWiki](http://www.mediawiki.org/) sind prominente Vertreter."},{"_id":"529e744d3a82db7142001a4c","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a43","content":"Für Gingko gibt es [zwei](https://www.youtube.com/watch?v=egCKZHsICm8) [Videoanleitungen](https://www.youtube.com/watch?v=J4prcx0jZ9M)."},{"_id":"529e744d3a82db7142001a4d","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a43","content":"Für Trello ein nettes [Einführungsvideo](https://www.youtube.com/watch?v=aaDf1RqeLfo)."},{"_id":"529e744d3a82db7142001a3c","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a2a","content":"### Einrichtung\n\n\n\n"},{"_id":"529e744d3a82db7142001a3d","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.5,"parentId":"529e744d3a82db7142001a3c","content":"Bevor es möglich ist WordPress zu verwenden, ist es notwendig eine neue Instanz einzurichten. Am bequemsten wäre wahrscheinlich die Registrierung eines kostenlosen Kontos auf [wordpress.com](http://wordpress.com/), sodass man direkt loslegen kann zu schreiben. Aber dann wird sich an der Seite auch nicht alles anpassen lassen."},{"_id":"529e744d3a82db7142001a3e","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.75,"parentId":"529e744d3a82db7142001a3c","content":"Im Grunde ist das Spektrum an Möglichkeiten recht fließend: Es gibt Cloudanbieter, die einem wie WordPress.com alles abnehmen. Dann gibt es auch sogenannte 'Managed Server'-Angebote, bei denen dafür bezahlt wird, dass die technische Grundlage immer Funktioniert. Und dann gibt es noch die Möglichkeit, da WordPress Open Source ist, das ganze auf einem selbst verwalteten Server zu installieren."},{"_id":"529e744d3a82db7142001a3f","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a3c","content":"### Installation auf einem Server\n\nDiese soll kurz am Beispiel des Hostingdienstleisters [uberspace](http://uberspace.de) dargestellt werden.\n\n[Dessen Anleitung](https://uberspace.de/dokuwiki/cool:wordpress) ist lediglich zu befolgen."},{"_id":"529e744d3a82db7142001a47","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a3f","content":"Es gibt natürlich auch kompliziertere, [fortgeschrittenere Verfahren](http://davidwinter.me/articles/2012/04/09/install-and-manage-wordpress-with-git/), die einem einen anderen Grad an Flexibilität bieten, aber uns genügt zunächst zu wissen, dass es geht."},{"_id":"529e744d3a82db7142001a48","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a3f","content":"Die Installation in einem Unterordner wird direkt im [WordPress-Codex](http://codex.wordpress.org/Giving_WordPress_Its_Own_Directory) erklärt."},{"_id":"529e744d3a82db7142001a40","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a3c","content":"### Installation auf dem eigenen Rechner\n\nManchmal ist es praktisch sich eine lokale WordPress-Installation einzurichten. Für unsere Zwecke soll der [bitnami WordPress Installer](http://bitnami.com/stack/wordpress/installer) reichen."},{"_id":"529e744d3a82db7142001a49","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a40","content":"Das einfache daran ist, dass wir eine eigene Seite zum Entwickeln starten können, ohne dafür notgedrungen\nmit dem Internet verbunden sein zu müssen. Das beschleunigt viele Abläufe sehr."},{"_id":"529e744d3a82db7142001a4a","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a40","content":"Außerdem liegen alle Dateien im eigenen Dateisystem, was die Handhabung vereinfacht. Es muss zunächst kein Versionskontrollsystem vorliegen oder eine andere Art von Dateiübertragung auf einen Server erfolgen."},{"_id":"529e744d3a82db7142001a2b","treeId":"529e744d3a82db7142001a26","seq":1,"position":3.25,"parentId":null,"content":"## Verwendung"},{"_id":"529e744d3a82db7142001a65","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a2b","content":"### typische Arbeitsabläufe"},{"_id":"529e744d3a82db7142001a6a","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a65","content":"- [Veröffentlichungen eines Blogs organisieren](http://royal.pingdom.com/2013/07/30/trello-blog/)\n[X] Einen Artikel erstellen\n[X] Eine Seite Erstellen und im Menü hinterlegen\n[X] Updates einspielen\n[X] Bilder auf das Internet vorbereiten\n[ ] Kommentare moderieren\n[X] Ein Plugin zu einer Frage suchen und installieren\n[X] Kategorien verwalten\n[ ] ..."},{"_id":"529e744d3a82db7142001a66","treeId":"529e744d3a82db7142001a26","seq":1,"position":1.5,"parentId":"529e744d3a82db7142001a2b","content":"### graphische Gestaltung"},{"_id":"529e744d3a82db7142001a74","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.5,"parentId":"529e744d3a82db7142001a66","content":"### Wireframing\n\nWenn eine Seite entstehen soll, ist es sehr empfehlenswert sich vorher darüber gedanken zu machen, wie sie später aussehen soll. Auch zu definieren welche Funktionen vorhanden sein sollen, hilft dabei den Arbeitsberg zu minimieren."},{"_id":"529e744d3a82db7142001a84","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a74","content":"ans Ende für \"Expertinnen\""},{"_id":"529e744d3a82db7142001a85","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a74","content":"plus manuelle Themebearbeitung"},{"_id":"529e744d3a82db7142001a75","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.75,"parentId":"529e744d3a82db7142001a66","content":"Die ersten Skizzen können natürlich auf Papier entstehen, aber schon wenn sich abzeichnet in welche Richtung sich das ganze Entwickelt, lohnt es sich, wenn auch nur kurz, einen Mockup Generator zu Hilfe zu nehmen.\n\nTools wie [Mockingbird](https://gomockingbird.com/mockingbird/), [Moqups](https://moqups.com/) oder [Webflow](https://webflow.com/) unterstützen den Designprozess durch vorgefertigte Platzhalter für Seitenelemente und erlauben je nachdem auch die gleichzeitige Bearbeitung."},{"_id":"529e744d3a82db7142001a76","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a66","content":"### ein kleines Theming Einmaleins\n\nWordPress ist sehr einfach an die eigenen Gestaltungswünsche anpassbar. Dies geschieht über die Verwendung von Themes. Nach dem Heraussuchen eines geeigneten Themes und Beziehen der Themedateien genügt ein Klick, und die Darstellung des öffentlichen Teils der Seite verändert sich komplett. Dabei weist jedes Theme noch einmal unterschiedliche Anpassungsoptionen auf."},{"_id":"529e744d3a82db7142001a7e","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a76","content":"#### Anbieter\n\nEs gibt eine reichhaltige Auswahl von kostenlosen und kommerziellen Themes, welche von Entwicklern wie [elmastudio](http://www.elmastudio.de/) hergestellt und auf Plattformen wie [ThemeForest](http://themeforest.net/) angeboten werden."},{"_id":"529e744d3a82db7142001a7f","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a76","content":"#### Beispiele\n\n*Free*\n\n- Twenty Thirteen\n- Atahualpa\n- Organic Structure Free\n- Pinboard\n- Clean Home\n- Grid Focus - HTML5\n- Simple Organization\n- Suburbia\n\n*Premium*\n\n- Thesis\n- AIR WordPress Theme\n- hover\n- WP Industry"},{"_id":"529e744d3a82db7142001a83","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a7f","content":"kurze Sätze zu den jeweiligen"},{"_id":"529e744d3a82db7142001a77","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a66","content":"Mit diesen stößt man jedoch schnell an die Grenzen, sodass es oft unvermeidlich ist, selbst Veränderungen in den Vorlagen durchzuführen.\n\nDas kann man für kleinere, direkt zu lösende Probleme oder ohne anderen Zugang zum Server direkt im Backend machen. Muss man aber zum Glück nicht!"},{"_id":"529e744d3a82db7142001a78","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":"529e744d3a82db7142001a66","content":"Durch eine Kombination von JS-, PHP-, HTML- und CSS-\"Programmierung\" lässt sich dann, mit viel Fingerspitzengefühl, Ausdauer und Google die eigene Idee umsetzen. Einmal mehr gilt das *Learning-by-doing*-Prinzip: Nur was man selbst anfässt, hat man wirklich begriffen."},{"_id":"529e744d3a82db7142001a79","treeId":"529e744d3a82db7142001a26","seq":1,"position":4,"parentId":"529e744d3a82db7142001a66","content":"Dann kreiert man aus einer Themevorlage eben sein eigenes Theme und unterstützt den textlichen Teil dieser Arbeit mit gezielt eingebrachten Bildern, wofür immer ein Bildbearbeitungsprogramm zur Hand sein sollte.\n\nMal schnell eine Graphik verkleinern, dieses Bild umkomprimieren und auf Internetgröße reduzieren, damit die Seite auch schnell lädt und schließlich noch ein Logo entwerfen: Hierbei Sorgfalt walten lassen kann später beim Lesen eine unglaubliche Ruhe produzieren."},{"_id":"529e744d3a82db7142001a7a","treeId":"529e744d3a82db7142001a26","seq":1,"position":5,"parentId":"529e744d3a82db7142001a66","content":"Und wie so oft im Graphikdesign gilt : Whitespaces sind keine Sünde! Diesen und weitere Hinweise direkt aus der Webdesignindustrie findet man auf [A List Apart](http://alistapart.com/)."},{"_id":"529e744d3a82db7142001a67","treeId":"529e744d3a82db7142001a26","seq":1,"position":1.75,"parentId":"529e744d3a82db7142001a2b","content":"Klassifizierung"},{"_id":"529e744d3a82db7142001abd","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a67","content":"### zusätzliche Funktionalität"},{"_id":"529e744d3a82db7142001a6b","treeId":"529e744d3a82db7142001a26","seq":1,"position":11.34375,"parentId":"529e744d3a82db7142001abd","content":"### Öffentlichkeit"},{"_id":"529e744d3a82db7142001aa6","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a6b","content":"##### MailChimp\n##### Wysija\neinen Newsletter einbinden"},{"_id":"529e744d3a82db7142001aa7","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a6b","content":"##### wpShopGermany\nvon Deutschland aus Produkte verkaufen"},{"_id":"529e744d3a82db7142001aa8","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":"529e744d3a82db7142001a6b","content":"##### Contact Form 7 + Really Simple CAPTCHA\nEin Kontaktformular annbieten"},{"_id":"529e744d3a82db7142001aa9","treeId":"529e744d3a82db7142001a26","seq":1,"position":4,"parentId":"529e744d3a82db7142001a6b","content":"##### 2 Click Social Media Buttons\nSocial Media Verknüpfungen"},{"_id":"529e744d3a82db7142001aaa","treeId":"529e744d3a82db7142001a26","seq":1,"position":5,"parentId":"529e744d3a82db7142001a6b","content":"##### Podcasting Plugin by TSG"},{"_id":"529e744d3a82db7142001aab","treeId":"529e744d3a82db7142001a26","seq":1,"position":6,"parentId":"529e744d3a82db7142001a6b","content":"##### Gurken Subscribe to Comments"},{"_id":"529e744d3a82db7142001a6c","treeId":"529e744d3a82db7142001a26","seq":1,"position":12.25,"parentId":"529e744d3a82db7142001abd","content":"### Sprachen"},{"_id":"529e744d3a82db7142001aa3","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.5,"parentId":"529e744d3a82db7142001a6c","content":"##### qTranslate *(de facto Standard)*\nMehrsprachigkeit"},{"_id":"529e744d3a82db7142001aa4","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a6c","content":"##### Germanix translate\n##### Germanix URL / WP Permalauts\nDeutsche Übersetzung verbessern"},{"_id":"529e744d3a82db7142001aa5","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a6c","content":"[Sprachdateien installieren](http://dokupress.de/installation-der-deutschen-sprachdatei/)\n\n[Originalquelle der Sprachdateien](http://wpde.org/download/sprachdateien/)"},{"_id":"529e744d3a82db7142001a6d","treeId":"529e744d3a82db7142001a26","seq":1,"position":12.375,"parentId":"529e744d3a82db7142001abd","content":"### Widgets"},{"_id":"529e744d3a82db7142001a80","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a6d","content":"##### Collapsing Archives\n##### Collapsing Categories\n##### Collapsing Pages"},{"_id":"529e744d3a82db7142001a81","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a6d","content":"##### Authors Widget"},{"_id":"529e744d3a82db7142001a82","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":"529e744d3a82db7142001a6d","content":"##### Widget Logic\nWidgets nur auf bestimmten Seiten anzeigen"},{"_id":"529e744d3a82db7142001a6e","treeId":"529e744d3a82db7142001a26","seq":1,"position":12.5,"parentId":"529e744d3a82db7142001abd","content":"### Verwaltung"},{"_id":"529e744d3a82db7142001a9a","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.5,"parentId":"529e744d3a82db7142001a6e","content":"##### Short URL\n##### Link to URL\nKurzlinks erzeugen"},{"_id":"529e744d3a82db7142001a9b","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a6e","content":"##### WP No Category Base\n##### WP No Tag Base\nangenehmere Pfade"},{"_id":"529e744d3a82db7142001a9c","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a6e","content":"##### WP Remote\nWordPress-Installationen überwachen"},{"_id":"529e744d3a82db7142001a9d","treeId":"529e744d3a82db7142001a26","seq":1,"position":2.25,"parentId":"529e744d3a82db7142001a6e","content":"##### Pods\n##### Pods UI\neigene Beitragstypen entwickeln"},{"_id":"529e744d3a82db7142001a9e","treeId":"529e744d3a82db7142001a26","seq":1,"position":2.5,"parentId":"529e744d3a82db7142001a6e","content":"##### WP BrowserUpdate\nalte Browser freundlich abweisen"},{"_id":"529e744d3a82db7142001a9f","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":"529e744d3a82db7142001a6e","content":"##### Adminer\n##### WP-phpMyAdmin\nDatenbank verwalten"},{"_id":"529e744d3a82db7142001aa0","treeId":"529e744d3a82db7142001a26","seq":1,"position":4,"parentId":"529e744d3a82db7142001a6e","content":"##### Authenticator\ndie Seite unzugänglich oder nur einem bestimmten Personenkreis zugänglich machen"},{"_id":"529e744d3a82db7142001aa1","treeId":"529e744d3a82db7142001a26","seq":1,"position":5,"parentId":"529e744d3a82db7142001a6e","content":"##### Jetpack\nden eigenen Blog mit Funktionen von WordPress.com erweitern"},{"_id":"529e744d3a82db7142001aa2","treeId":"529e744d3a82db7142001a26","seq":1,"position":6,"parentId":"529e744d3a82db7142001a6e","content":"##### Akismet\nKommentarspam vermeiden"},{"_id":"529e744d3a82db7142001a6f","treeId":"529e744d3a82db7142001a26","seq":1,"position":13.78125,"parentId":"529e744d3a82db7142001abd","content":"### Darstellung"},{"_id":"529e744d3a82db7142001aac","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a6f","content":"##### Easy Fancybox\nBilder in Lightbox darstellen"},{"_id":"529e744d3a82db7142001aad","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a6f","content":"##### Web Fonts"},{"_id":"529e744d3a82db7142001aae","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":"529e744d3a82db7142001a6f","content":"##### MP6\nAdmininterface zukunftsfähiger gestalten"},{"_id":"529e744d3a82db7142001aaf","treeId":"529e744d3a82db7142001a26","seq":1,"position":4,"parentId":"529e744d3a82db7142001a6f","content":"##### Display Post Thumbnail\nBeitragstitelbild in der Adminübersicht anzeigen"},{"_id":"529e744d3a82db7142001ab0","treeId":"529e744d3a82db7142001a26","seq":1,"position":5,"parentId":"529e744d3a82db7142001a6f","content":"##### WP Coda Slider\n##### WP UI\nTabs, Akkordions und Slider"},{"_id":"529e744d3a82db7142001a70","treeId":"529e744d3a82db7142001a26","seq":1,"position":15.0625,"parentId":"529e744d3a82db7142001abd","content":"### Artikel und Seiten"},{"_id":"529e744d3a82db7142001a97","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a70","content":"##### Raw HTML\nHTML im Post verwenden"},{"_id":"529e744d3a82db7142001a98","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a70","content":"##### Improved Include Page\n##### Inline Posts\nSeiten in anderen Seiten einbinden"},{"_id":"529e744d3a82db7142001a99","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":"529e744d3a82db7142001a70","content":"##### Autolink URI\nURIs werden automatisch als Links erkannt"},{"_id":"529e744d3a82db7142001a71","treeId":"529e744d3a82db7142001a26","seq":1,"position":15.5,"parentId":"529e744d3a82db7142001abd","content":"### Mediathek"},{"_id":"529e744d3a82db7142001a92","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a71","content":"##### Simple Image Sizes\nThumbnail- und Bildergrößen selbst definieren"},{"_id":"529e744d3a82db7142001a93","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a71","content":"##### Scalable Vector Graphics (SVG)\nlässt zu, dass sich SVG Dateien hochladen lassen"},{"_id":"529e744d3a82db7142001a94","treeId":"529e744d3a82db7142001a26","seq":1,"position":2.5,"parentId":"529e744d3a82db7142001a71","content":"##### PJW Mime Config\nandere mime-Typen vom Uploader zulassen"},{"_id":"529e744d3a82db7142001a95","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":"529e744d3a82db7142001a71","content":"##### Enable Media Replace\nBilder in der Media Library austauschen"},{"_id":"529e744d3a82db7142001a96","treeId":"529e744d3a82db7142001a26","seq":1,"position":4,"parentId":"529e744d3a82db7142001a71","content":"##### Iced PDF Thumbnails\nPDF Dateien mit Vorschau hinzufügen"},{"_id":"529e744d3a82db7142001a72","treeId":"529e744d3a82db7142001a26","seq":1,"position":16,"parentId":"529e744d3a82db7142001abd","content":"### SEO"},{"_id":"529e744d3a82db7142001a8e","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a72","content":"##### AutoMeta\n##### Google XML Sitemaps\n##### Udinra All Image Sitemap\n##### Google XML Sitemaps v3 for qTranslate\n##### All-in-One SEO Pack"},{"_id":"529e744d3a82db7142001a8f","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a72","content":"##### WP-Piwik\nBesucherstatistiken"},{"_id":"529e744d3a82db7142001a73","treeId":"529e744d3a82db7142001a26","seq":1,"position":17,"parentId":"529e744d3a82db7142001abd","content":"### Caching"},{"_id":"529e744d3a82db7142001a90","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a73","content":"##### W3 Total Cache"},{"_id":"529e744d3a82db7142001a91","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a73","content":"WP Supercache"},{"_id":"529e744d3a82db7142001abe","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a67","content":"Must Have"},{"_id":"529e744d3a82db7142001abf","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":"529e744d3a82db7142001a67","content":"Nice to Have"},{"_id":"529e744d3a82db7142001ac0","treeId":"529e744d3a82db7142001a26","seq":1,"position":4,"parentId":"529e744d3a82db7142001a67","content":"Erweitert"},{"_id":"529e744d3a82db7142001a68","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":"529e744d3a82db7142001a2b","content":"### Konfiguration, Workflows und Best Practices"},{"_id":"529e744d3a82db7142001a7b","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a68","content":"[ ] Permalinks"},{"_id":"529e744d3a82db7142001a7c","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a68","content":"[ ] Datums und Uhrzeitkonfiguration"},{"_id":"529e744d3a82db7142001a7d","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":"529e744d3a82db7142001a68","content":"\"Gardening\" > Backups, Kommentare moderieren, ..."},{"_id":"529e744d3a82db7142001a69","treeId":"529e744d3a82db7142001a26","seq":1,"position":4,"parentId":"529e744d3a82db7142001a2b","content":"FAQ ( Walkthrought )"},{"_id":"529e744d3a82db7142001ac1","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a69","content":"Wie lade ich ein Bild hoch?"},{"_id":"529e744d3a82db7142001ac2","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a69","content":"Wie ... ?"},{"_id":"529e744d3a82db7142001a2c","treeId":"529e744d3a82db7142001a26","seq":1,"position":4,"parentId":null,"content":"### Glossar"},{"_id":"529e744d3a82db7142001a57","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.25,"parentId":"529e744d3a82db7142001a2c","content":"Backend"},{"_id":"529e744d3a82db7142001a8b","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a57","content":"Die Administrationsoberfläche einer Webanwendung."},{"_id":"529e744d3a82db7142001a58","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.3125,"parentId":"529e744d3a82db7142001a2c","content":"CSS"},{"_id":"529e744d3a82db7142001ab4","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a58","content":"Cascading Style Sheets : Textdateien, die graphische Eigenschaften von HTML-Elementen einer Webseite definieren."},{"_id":"529e744d3a82db7142001a59","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.34375,"parentId":"529e744d3a82db7142001a2c","content":"Freie Software"},{"_id":"529e744d3a82db7142001ab6","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a59","content":"Software die mit einer wenig restriktiven Lizenz lizenziert wurde und umfangreiche Weiterverwendungsmöglichkeiten erlaubt."},{"_id":"529e744d3a82db7142001a5a","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.375,"parentId":"529e744d3a82db7142001a2c","content":"Frontend"},{"_id":"529e744d3a82db7142001a8c","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a5a","content":"Die zum täglichen Gebrauch gedachte, öffentliche Variante einer Webseite."},{"_id":"529e744d3a82db7142001a5b","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.40625,"parentId":"529e744d3a82db7142001a2c","content":"HTML"},{"_id":"529e744d3a82db7142001ab2","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a5b","content":"HyperText Markup Language. Am Anfang war Xanadu. Und das Internet bestand aus abzählbar wenigen Knoten, die schon viele Dienste untereinander verbanden. Doch dann kam Tim Berners-Lee und wurde für die Erfindung des Webs nicht ohne Grund zum Ritter geschlagen:"},{"_id":"529e744d3a82db7142001ab3","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a5b","content":"Eine einfache Idee, revolutionär in ihrer Schlichtheit, machte aus gewöhnlichen, linear zu lesenden Texten, den HyperText. Wir sprechen vom Link. Und von da an breiteten sich Verknüpfungen im Web nur noch so aus. Das World Wide Web war geboren."},{"_id":"529e744d3a82db7142001a5c","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.4375,"parentId":"529e744d3a82db7142001a2c","content":"JS"},{"_id":"529e744d3a82db7142001ab1","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a5c","content":"JavaScript. Eigentlich ECMAScript. Hat nichts mit Java zu tun, heißt aber trotzdem so. Eine so genannte Scriptsprache, welche plattformunabhängig zur Laufzeit kompiliert und ausgeführt wird. Macht aus dem World Wide Web durch Interaktivität das Web 2.0."},{"_id":"529e744d3a82db7142001a5d","treeId":"529e744d3a82db7142001a26","seq":1,"position":0.5,"parentId":"529e744d3a82db7142001a2c","content":"Markdown"},{"_id":"529e744d3a82db7142001a89","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a5d","content":"Wie HTML eine Markup Sprache. Dient der Ausdefinition von Textformatierungen und ähnlichen simplen Elementen wie Listen, Zitate, Überschriften und Links. Diese Elemente werden dann in HTML konvertiert. Unter Copyright von [Daring Fireball](http://daringfireball.net/projects/markdown/)."},{"_id":"529e744d3a82db7142001a5e","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a2c","content":"Open Source"},{"_id":"529e744d3a82db7142001a86","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a5e","content":"Das Gegenteil von Closed Source. [Nicht zu verwechseln mit Freier Software](http://www.gnu.org/philosophy/free-software-for-freedom.html). Heißt, dass man in den Source Code von einem Programm Einblick hat. Heißt aber nicht automatisch, dass man auch mitarbeiten darf oder den Code anderweitig verwenden kann."},{"_id":"529e744d3a82db7142001a5f","treeId":"529e744d3a82db7142001a26","seq":1,"position":1.25,"parentId":"529e744d3a82db7142001a2c","content":"PHP"},{"_id":"529e744d3a82db7142001ab5","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a5f","content":"\"PHP Hypertext Preprocessor\", ähnlich \"GNU is Not UNIX\" eine rekursive Abkürzung. Skriptsprache zur Erzeugung dynamischer Webseiten und Webanwendungen."},{"_id":"529e744d3a82db7142001a60","treeId":"529e744d3a82db7142001a26","seq":1,"position":1.5,"parentId":"529e744d3a82db7142001a2c","content":"Plugin"},{"_id":"529e744d3a82db7142001a88","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a60","content":"Kleines Erweiterungsprogramm, das an ein übergeordnetes Programm mit Hilfe vordefinierter Schnittstellen andockt und in seiner Funktion verändern / erweitern kann."},{"_id":"529e744d3a82db7142001a61","treeId":"529e744d3a82db7142001a26","seq":1,"position":1.75,"parentId":"529e744d3a82db7142001a2c","content":"SSH"},{"_id":"529e744d3a82db7142001a8a","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a61","content":"Secure SHell. Dient zur Sicherung von Terminalverbindungen zu einem Server. Kommt im Hintergrund auch bei SFTP zum Einsatz - bei FTPS jedoch nicht. Ähnlich wie SSL oder GPG/PGP verschlüsselt es die Verbindung mit einem asymmetrischen Schlüssel."},{"_id":"529e744d3a82db7142001a62","treeId":"529e744d3a82db7142001a26","seq":1,"position":2,"parentId":"529e744d3a82db7142001a2c","content":"Theme"},{"_id":"529e744d3a82db7142001a87","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a62","content":"Gestaltungsvorlage, welche das Aussehen einer Internetseite bestimmt. Gibt es in unterschiedlichen Qualitäten kostenfrei oder auch bezahlt an unzähligen Orten im Internet (eigentlich ja Web) herunterzuladen."},{"_id":"529e744d3a82db7142001a63","treeId":"529e744d3a82db7142001a26","seq":1,"position":3,"parentId":"529e744d3a82db7142001a2c","content":"Widget"},{"_id":"529e744d3a82db7142001a8d","treeId":"529e744d3a82db7142001a26","seq":1,"position":1,"parentId":"529e744d3a82db7142001a63","content":"MiniProgrämmchen, dass sich oft an beliebigen, im Fall von WordPress in der Sidebar, Orten anbringen lässt, um meist *genau eine* Funktion bereit zu stellen."}],"tree":{"_id":"529e744d3a82db7142001a26","name":"SODI : WordPress Workshop","publicUrl":"wordpress-workshop"}}