====== Wordpress ======


Links:
  * [[https://de.wikipedia.org/wiki/WordPress|Was ist Wordpress?]]
  * Einfach auf der [[https://de.wordpress.com/|Website]] oder auf den  [[https://de.wordpress.org/|Clienten]] installieren !
  * [[http://dokupress.de/wordpress-benutzerhandbuch/ueber-wordpress/|Handbuch]]
  * [[https://wordpress.org/news/|UpdateNews]]
  * [[https://wordpress.org/plugins/|Plugins]]
  * [[https://wp-wizard.de/tutorial/wordpress-website-homepage-erstellen/|WordPress Tutorial Deutsch]]
    * {{ :inf:cms:wordpress-tutorial-dateien-update.zip |}}

====== Installation ======
  * Download WordPress von [[https://de.wordpress.org/download/#download-install]]
  * Datei extrahieren
  * Ordner auf Webserver (mittels WinSCP) spielen
    * web.bgamstetten.ac.at
    * SFTP
    * Port: 332222
    * Benutzername und Passwort
  * gegebenenfalls die Rechte mittels chown anpassen.

===== MySQL-Datenbank =====
WordPress benötigt eine MySQL-Datenbank.
  * MySQL öffnen:
    * ''mysql -u root -p''
  * User anlegen:
    * ''create user 'benutzer'@'localhost' identified by 'passwort';''
  * User löschen (falls ein Fehler passiert ist):
    * ''drop user 'benutzer'@'localhost'; ''
  * Benutzer anzeigen lassen:
    * '' select * from mysql.user;''
  * Neue Datenbank anlegen:
    * '' create database neuedatenbank;''
  * Dem neuen User Rechte für die Datenbank zuweisen
    * ''grant all privileges on neuedatenbank.* to 'benutzer'@'localhost'; ''
===== Installation durchführen =====
  * Im Browser den Ordner aufrufen und den Installationsprozess durchführen.

===== Verwaltung von WordPress =====
==== Themes ====
  * Design - Themes
  * Standard-Theme: Twenty Twenty-One
    * Aktualisieren
  * Suchen, Installieren und Aktivieren von neuen Themes, z.B. "Sydney".
==== Allgemeine Einstellungen ====
  * Einstellungen - Allgemein
    * Titel, Untertitel, Zeitzone, ...
  * Einstellungen - Lesen
    * eventuell Haken, wenn man nicht will, dass Suchmaschinen die Seite indexieren.
  * Einstellungen - Diskussion
    * Deaktivieren folgender Punkte:
    * Alle Blogs, die im Beitrag verlinkt sind, versuchen zu benachrichtigen
    * Link-Benachrichtigungen von anderen Blogs (Pingbacks und Trackbacks) zu neuen Beiträgen erlauben
    * [[https://www.450heartbeats.com/tutorials/wordpress/trackback-und-pingback-in-wordpress-deaktivieren/|Infos zu Pingbacks und Trackbacks]]
  * Einstellungen - Permalinks
    * Beitragsname


==== Plugins ====
  * alle vorinstallierten Plugins löschen.

=== Installation und Aktivieren neuer Plugins ===
  * Classic Editor
  * Page Builder von SiteOrigin
  * SiteOrigin Widgets Bundle
  * Black Studio TinyMCE Widget
  * Contact Form 7
  * TC Custom JavaScript

[[inf:cms:wordpress:Seiten- und Beiträge|Der Unterschied zwischen Seiten- und Beiträge]]

==== Seiten ====

Seiten sind statisch und werden nicht nach Datum aufgeführt. Seiten verwenden keine Schlagwörter. Eine Impressum-Seite ist ein klassisches Beispiel. Seiten können mithilfe des Seiten-Widgets in der Seitenleiste angezeigt werden und einige Themes zeigen Seiten in Tabs am Anfang des Blogs an. Wenn man 50 Seiten hat und das Seiten-Widget verwendet, werden alle Seiten ständig aufgeführt.

Die URL für eine Seite sieht folgendermaßen aus: http://yourgroovyblog.wordpress.com/page-title/

=== Seiten erstellen ===
  * Seiten - Neue Seite erstellen
    * Startseite (Template: Startseite auswählen)
    * Impressum
    * Blog der 8ai-Klasse
    * Kontakt

== Ändern der Startseite ==
Beim Aufruf von WordPress soll die Startseite geändert werden.

Startseite auswählen und z.B. Seite bearbeiten. Startseite soll als erstes kommen, wenn man auf die Homepage klickt. Der Permalink soll also geändert werden. Zur Zeit ist er .../wordpress/startseite
  * Design - Customizer - Homepage-Einstellungen
    * Eine statische Seite: Startseite
    * Beitragsseite: Blog der 8ai-Klasse
  * Permalink ist nun ../wordpress

==== Theme anpassen ====
=== Vollbild-Slider einstellen ===
Customizer hängt von Theme ab! Je nach Theme gibt es unterschiedliche Anpassungsmöglichkeiten. Das Theme "Sydney" hat zum Beispiel einen Header-Slider:

  * Customizer - Hero-Area (Header-Bereich)
    * Hero-Typ Startseite
    * Hero-Slider
      * eigene Bilder hochladen und anpassen.
      * Tipp: [[https://unsplash.com]] für kostenlose Fotos.
    * wenn man keine Slides möchte:
      * Slider-Geschindigkeit: alle 4000 ms ändert sich Hintergrundbild
      * 0 eingeben, Den Text-Slider anhalten
      * Nur erstes Slide bearbeiten.
      * Titel und Untertitel erstellen.
    * Call-to-Action-Button
      * Link ändern: /sj202021/.../wordpress/index.php/blog
      * Text ändern
    * Responsive oder Vollbild-Design wählen

=== Designfarben einstellen ===
  * Customizer - Farben - Allgemein - Hauptfarbe / Header , etc.

=== Seitentitel und Logo ===
  * Customizer - Website/Untertitel/Logo
  * Favicon (Icon im Registerblatt)

=== Menü ===
  * Design - Menü
  * Name des Menüs (z.B Mainmenu) Menü erstellen
  * Menü als Primäres Menü auswählen.
  * Reihenfolge ändern mit Drag&Drop.

==== Beiträge ====
Beiträge sind Einträge, die in umgekehrter chronologischer Reihenfolge auf der Startseite eines Blogs oder auf der Beitragsseite angezeigt werden, wenn man unter Anpassen → Homepage-Einstellungen eine festgelegt hat.Wenn man oben gehaltene Beiträge erstellt hat, werden diese vor den anderen Beiträgen angezeigt. Beiträge können in den Archiven, Kategorien, aktuellen Beiträgen und anderen Widgets gefunden werden. Beiträge werden ebenso im RSS-Feed des Blogs angezeigt. In den Leseeinstellungen kann man einstellen, wie viele Beiträge angezeigt werden.

Die URL für einen Beitrag beinhaltet das Datum der Veröffentlichung: http://yourgroovyblog.wordpress.com/2016/11/30/post-title/

==== Blog ====
  * Einstellen der Blog-Seite in
    * Customizer - Homepage-Einstellungen - Beitragsseite - Seite auswählen.
  * Beiträge erstellen
  * Beitragsbild hinzufügen
  * Youtube-Video einfügen
    * Youtube Video auswählen
    * Teilen
    * Video einbetten
    * iframe kopieren
    * Einfügen in der Textansicht

=== Kategorien ===
  * erstellen und den Blogbeiträgen zuordnen

=== Blog-Layout verändern ===
  * Customizer - Blog-Optionen - Layout

==== Page Builder ====
  * Seite bearbeiten, z.B. Startseite
  * Page Builder
  * Zeile hinzufügen, 3 Spalten
  * Widget hinzufügen - Visueller Editor 
  * z.B. Logo hinzufügen: logomakr.com
  * Widget hinzufügen - SiteOrigin Button

{{:inf:cms:pasted:20210208-204745.png?500}}

{{:inf:cms:pasted:20210208-205352.png?500}}
  * Eventuell darunter noch eine neue Zeile - Visueller Editor - Text und SiteOrigin Button dazu

==== Fußzeilen ====
  * Customizer - Fußzeile - Vier
  * Design - Widgets
    * Fußzeile 1: Neueste Beiträge (5 einstellen)
    * Fußzeile 2: Sydney: Kontakt-Informationen (Adresse eingeben)
    * Fußzeile 3: Individuelles Menü (Titel: Informationen), wähle "Footer Menu" (vorher erstellen)
      * z.B. Impressum-Seite anzeigen (Template - gesamte Seite)
    * Fußzeile 4: Sydney FP Soziales Profil "Social-Menu"
      * Beim Erstellen des Social-Menus:
        * Individuelle Links einfügen (http://facebook.com etc.)
{{:inf:cms:pasted:20210319-101223.png}}

==== Kontaktseite ====
  * [[https://www.youtube.com/watch?v=v62Rd7gGh0Q&t=7808s]]