====== WordPress ====== Dies ist wahrscheinlich das beste kostenlose CMS auf dem Markt. Die drei wichtigsten Elemente von Internetauftritten sind *Themes (auch Designs genannt), *Seiten und *Beiträge Das wichtigste Werkzeug von WordPress ist das **Dashboard**. Themes bestimmen das äußere Layout. Alle Einstellungen können, vollkommen ohne in PHP oder CSS einsteigen zu müssen, im Dashboard vorgenommen werden. Sehr guter WordPress-Kurs: **WordPress Workflows with Morten Rand-Hendriksen** auf http://www.lynda.com/ Stichworte aus dem Kurs: *Child Theme *Local installation *WAMP *Brackets Code Editor *Staging Site *Producing Site *WP Migrate DB *Versionskontrolle *GIT ===== Website-Entwicklung ===== Eine Website wird in WordPress aus **Seiten und(!) Beiträgen** aufgebaut. ==== Unterschiede zwischen Seiten und Beiträgen / Rolle von Kategorien und Schlagwörtern ==== ***Seiten** sollten ausschließlich **statischen Inhalt** aufnehmen. Typische Seiten sind die Willkommensseite, die Über-uns-Seite und die Impressumsseite. *Anders als Beiträge können Seiten hierarchisch ineinander verschachtelt sein, d.h., mit Seiten lässt sich ein **Menü** bestücken, das dann diese Hierarchie widerspiegelt. *Das Hinzufügen einer Seite bedeutet immer einen Eingriff in die **Struktur der Website**, ist also von tiefgreifender Natur und sollte daher nur in Ausnahmefällen geschehen. ***Beiträge** bieten die **Flexibilität**, bei Bedarf neue Inhalte zur Website hinzufügen zu können, ohne die Struktur der Website zu verändern. *Eine **Hierarchisierung der Beiträge** kann indirekt über **Kategorien** und **Unterkategorien** herbeigeführt werden. D.h. das Gesamtsystem der Kategorien übernimmt die Rolle eines **Inhaltsverzeichnisses**. *Zusätzlich können für Seiten und Beiträge **Schlagwörter** vergeben werden. Schlagwörter übernehmen die Rolle eines **Index**. ==== Bereiche / Dashboard ==== Die Bereiche einer Seite/eines Beitrags sind: *Header *Content *Menü *Sidebar *Footer Alle diese Bereiche sind über das **Dashboard** zugänglich. Der Befehl **Anpassen** führt zu den Funktionen *Themes *Website-Informationen *Farben *Header-Bild *Hintergrund-Bild *Menüs *Widgets *Statische Startseite Geht es um Webseiten, nicht um Blogs, sollte zunächst eine **statische Startseite** festgelegt werden. ==== Grundätzliches Layout: Menü, Inhalt, Seitenleisten ==== *grundsätzliche Einstellung per **Dashbaord ** *Menüleiste (//Spiegel// der statischen Seiten): am besten oberhalb des Inhalts *im Layout kann u.a. eingestellt werden, ob und in welcher Art die Seitenleisten (Sidebars) dargestellt werden: Bei (wahrscheinlich) den meisten Layouts ist eine Aufteilung in **Seitenleiste/Inhalt/Seitenleiste**, also eine dreigeteilte Ansicht der Website, optimal. *Welche **Widgets** in den Seitenleisten erscheinen sollen, wird geregelt über **Dashboard ** (bzw. **Dashboard ** *in der linken Seitenleiste könnte z.B. das **Kategorien-Fenster** anzeigt werden, und zwar **offen**, also nicht als aufklappbare Auswahlliste; die offene Anzeige kommt einem **(hierarchischen) Menü** gleich, wobei sich dieses Menü den Beiträgen und Kategorien anpasst! ==== Fußbereich ==== *Der Fußbereich kann über ***Dashboard ** oder ***Dashboard ** eingestellt werden. *Soll nur Text aufgenommen werden, ist das Widget "Text" im Fußbereich zu platzieren. *Um Text einzugeben, einfach nach obigem Weg auf das Widget klicken. Es geht ein Editierfenster auf. ==== Slider ==== Funktionalität hängt vom Theme ab: *bei Standardthemes über Dashboard *beim Theme "Freelancer" gibt es im Editor den Button "Add Slider" Zusätzlich kann ein Plug-in wie **Huge IT Slider** installiert werden, das seine eigenen Befehle zur Verfügung stellt. **Achtung:** Tests haben ergeben, dass sich Huge IT Slider auf die Funktionalität des CSS auswirkt. So ist keine Listenformatierung mehr möglich! Daher besser nicht verwenden. ==== Kommentare ==== Erstellen und Bearbeiten über Dashboard Die grundsätzliche Ansicht (zu sehen oder nicht) von Kommentaren ist eine Option, die beim Theme "Freelancer" unter Dashboard eingestellt werden kann. \\ Bei allen Themes lässt sich die Möglichkeit zur Kommentierung beitragsweise beeinflussen. *Dazu Dashboard , dann den gewünschten Beitrag identifizieren und nun **nicht** auf "Bearbeiten" gehen, sondern **"QuickEdit"** wählen. Hier kann das Häkchen bei "erlaube Kommentare" gesetzt oder weggenommen werden. ==== Metadaten zur Suchmaschinenoptimierung ==== In WordPress können jedem Element (jeder Seite, jedem Beitrag, jedem Bild usw.) einer Website Metadaten zugeordnet werden. Das geschieht am besten über entsprechende Plugins, z.B. "WP Meta SEO". Das Profitool zur Suchmaschinenoptimierung ist [[https://yoast.com|Yoast]]. ==== Hyperlinks ==== *am besten zunächst Text markieren oder extra Text eintippen und dann markieren, dann einfach Linktool wählen:\\ {{:cms:links_01.png?500|}}, \\ *dann im Linkfenster \\ {{:cms:links_02.png?300|}}\\ einen der angebotenen Links wählen und OK. Angeboten werden standardmäßig alle anderen Seiten der aktuellen Website. Im Linkfester können auch Links auf andere URLs eingegeben/eingefügt werden. Der "Linktext" entspricht dem markierten Text. Ist kein Text markiert wortden, kann hier nachträglich einer eingegeben werden. ==== Links auf Stellen innerhalb einer Seite/eines Beitrags ==== Um auf eine Stelle innerhalb einer Seite/eines Beitrags verlinken zu können, muss zunächst an dieser Stelle ein **Anker** gesetzt werden. *Dazu auf die Stelle klicken, dann Anker-Tool wählen:\\ {{:cms:anker01.png?200|}}\\ und den Namen des Ankers eingeben (funktioniert an analog zu den Textmarken in Word), also z.B. "Top"; dann OK. *Anschließend kann das Link-Fenster aufgerufen werden (vgl. oben) *In WordPress dient die **Raute # als Kennung** des **Anker-Links**, d.h., im URL-Fenster muss die Raute gefolgt vom Ankernamen eingegeben werden, also z.B "#Top". Dann OK. *Auch auf eine bestimmte Stelle innerhalb einer anderen Seite/eines anderen Beitrags derselben Website oder sogar einer anderen Website kann verlinkt werden. Dazu muss wieder eine Anker (manuell vergeben) vorhanden sein. Dann einfach im URL-Fenster die Adresse gefolgt von der Kombination aus Raute und Ankernamen eingeben. Das war's. ==== Bild/Grafik einbauen ==== *Auf die Stelle klicken, an der das Objekt eingebaut werden soll, dann den Befehl "Add Media" wählen:\\ {{:cms:bild_grafik_einfuegen.png?200|}}\\ *Falls das Objekt nicht zur Auswahl angeboten wird, muss es erst hochgeladen werden. ==== Feeds ==== Jede WordPress-Site erzeugt **automatisch** (ist so programmiert und kann anscheinend nicht geändert werden) von allen Aktivitäten (also neuen Seiten/Beiträgen/Kommentaren) **Zusammenfassungen (syndications)** und stellt sie, formatiert mit einem bestimmten Protokoll (z.B. **rss** oder **atom**) zum Abruf bereit. D.h., andere Websites können mit den Zusammenfassungen "gefüttert" (feed) werden. Es hängt anscheinend vom verwendeten Theme ab, welches Protokoll (rss oder atom) verwendet wird. **Bei GeneratePress ist es atom**. Die Einbindung von Feeds in die eigene Website gelingt am komfortabelsten über **Widgets**. Es braucht einfach nur das RSS-Widget in die Kopf-, Seiten- oder Fußleiste gezogen und der URL einer anderen Website angegeben zu werden, und schon sind die Zusammenfassungen zu sehen. Das heißt, es ist möglich, die Zusammenfassungen eigener Websites untereinander auszutauschen! Bei Angabe des URL muss auf die richtigen Syntax geachtet werden. Den URL einer eigenen Websites findet man, indem man aufruft. Im Falle von Publishing and more lautet der URL z.B. http://publishing-and-more.de Wie man sieht, darf kein "www" im URL vorkommen! Dieser URL kann dann in einem RSS Widget einer anderen Website, also z.B. derjenigen von Formatting and more, verwendet werden. Damit alles richtig funktioniert, ist es am besten, wenn auch noch das Protokoll mitangegeben wird. D.h. im RSS-Widget sollte im Fall von Publishing and more stehen: http://publishing-and-more.de/atom Danach sind auf www.formatting-and-more.de die Feeds von Publishing and more zu sehen. ===== Darstellung auf Website ===== ==== Darstellung von Beiträgen (Posts) ==== Bei Suchen per Suchfeld oder per Kategoriewahl werden **Listen** von Beiträgen erzeugt. Dabei wäre es gut, wenn von **langen Beiträgen** nur einige Zeilen und ein **Mehr-lesen-Hinweis** zu sehen wären, weil die jeweilige Liste sonst sehr voluminös würde. Man will ja mithilfe einer solchen Liste einen Überblick gewinnen und nicht bereits die Beiträge richtig lesen. Das Lesen eines Beitrags soll erst erfolgen, nachdem er aus der Liste ausgewählt wurde. Standardmäßig ist WordPress folgendermaßen eingestellt: ***Such-Ergebnis-Liste**: Beiträge werden in abgekürzter Form präsentiert ***Kategorie-Selektions-Liste**: Beiträge werden in voller Länge präsentiert. Das heißt: Für die Such-Ergebnis-Liste sind keine besonderen Einstellungen vorzunehmen, die Kategorie-Selektions-Liste ist mit speziellen Maßnahmen zu kürzen.\\ Welche Maßnahmen können ergriffen werden?\\ Es scheint drei Möglichkeiten zu geben: *Unter **** wählen: "Zeige im Newsfeed: Kurzfassung". Dies scheint sich aber wirklich nur auf Feeds auszuwirken. *Den Reiter **** wählen und ein Häkchen bei "Auszug" setzen. Im daraufhin angezeigten Auszugsfenster (unterhalb des Beitrags) einen Auszugstext verfassen und Änderungen speichern. Achtung: Man könnte auf die Idee kommen, als Standardeinstellung wieder die Ansicht ohne Auszugstext (also mit Volltext) haben zu wollen; das klappt aber nicht sofort: selbst wenn man das Häkchen wieder wegnimmt, wird in der Lesenansicht nur der Auszugstext angezeigt; damit nach Wegnahme des Häkchens wieder der komplette Text zu sehen ist, muss der Auszugstext im Auszugsfenster gelöscht werden. *Einbau des **Weiterlesen-Tags** an der Stelle, an der der Text unterbrochen werden soll: Menü . Am einfachsten und flexibelsten ist der Einbau des Weiterlesen-Tags. Diese Maßnahme führt bei Kategorien-Selektions-Listen genau zu dem erwünschten Effekt. Die Auszug-Methode führt zum gleichen Ergebnis, ist aber mit dem Schreiben von zusätzlichem Text verbunden. Allerdings ist die Auszug-Methode von Vorteil, wenn man den Auszugstext auch für die Suchmaschinen-Optimierung verwendet.