Login
Link: https://www.akib.ch/wp-admin
Benutzernamen und Passwort haben Sie separat erhalten.
Wordpress
Logout / Abmelden
Sobald man angemeldet ist, erscheint oben im Browser das Wordpress Menu (Auf jeder Seite).
Dort mit der Maus auf den Benutzernamen fahren und auf abmelden klicken.
Aktualisierungen
Link: https://www.akib.ch/wp-admin/update-core.php
Je nachdem welche und wie viele Plugins eingesetzt werden, kann es sein das relativ häufig Aktualisierungen zur Verfügung stehen. In der Regel ist es sinnvoll diese zu machen. Beim Aktualisieren der Plugins muss darauf geachtet werden, dass die aktuelle Wordpress-Version unterstützt wird.
- Wordpress-Version ansehen.
- Details zum Plugin ansehen.
In Plugin Detail nachschauen welche Versionen unterstütz sind. (Die unterstützte Wordpress-Version des Plugins sollte grösser oder gleich sein).
Aktualisierungen werden im Menü an verschiedenen Orten angezeigt.
-
Auf der Aktulisierungsseite können die verschiedenen Plugins ausgewählt werden, welche aktualisiert werden sollen. Die Plugins können mittels Checkboxen ausgewählt werden. Anschliessend auf aktualisieren klicken.
-
Auch hier sind die Angaben der unterstütze Version zu finden.
Nach erfolgreichem aktualisieren sollte die Seite ungefähr wie folgt aussehen. Sieht sie anders aus d.h. ist etwas in Rot geschrieben war das aktualisieren nicht erfolgreich.
Menüs
Link: https://www.akib.ch/wp-admin/nav-menus.php
Menüs können Sie unter Design -> Menüs bearbeiten (hinzufügen, Löschen oder Reihenfolge ändern)
Reihenfolge
- Bearbeiten mit Drag & Drop (mit Maus klicken und bewegen)
- Menü Speichern
Die Position kann auch geändert werde, wenn ein einzelner Menüpunkt geöffnet ist.
Menü Text und Link ändern
- Menüpunkt auswählen
- Menüpunkt öffnen (drauf klicken oder Dropdown klicken)
- Anzuzeigender Text ändern
- Menü Speichern
Zum Menü hinzufügen
- Links in der Liste Checkboxen auswählen.
- Zum Menü hinzufügen klicken.
- Menü Speichern
Zum Menü hinzufügen
- Menü auswählen und öffnen
- Auf Entfernen klicken
- Menü Speichern
Seiten
Link: https://www.akib.ch/wp-admin/edit.php
In WordPress können Sie Inhalte auf Ihrer Website entweder als "Beitrag" oder als "Seite" platzieren. Wenn Sie einen regulären Blogeintrag schreiben, schreiben Sie einen Beitrag. In der Standardeinstellung werden Beiträge in umgekehrter chronologischer Reihenfolge auf der Startseite Ihres Blogs angezeigt. Im Gegensatz dazu beziehen sich Seiten auf nicht chronologische Inhalte: Seiten wie "Über" oder "Kontakt" sind gängige Beispiele. Seiten befinden sich außerhalb der normalen Blog-Chronologie und werden häufig verwendet, um zeitlose Informationen über sich selbst oder Ihre Website zu präsentieren - Informationen, die immer relevant sind. Sie können Pages verwenden, um die Struktur Ihres Website-Inhalts zu organisieren und zu verwalten. In der Seiten-Übersicht sind alle Seiten aufgelistet. Diese können bearbeitet werden in dem man auf den Titel oder auf Bearbeiten klickt. Anschliessend erscheint die Detailseite in welcher die Inhalte bearbeitet werden können.
Seite hinzufügen
Neue Seite erstellen durch klicken auf Erstellen/New
Seite löschen
- Seite auswählen (mit Checkbox), es können mehrere gleichzeitig ausgewählt werden.
- Aktion auswählen: In den Papierkorb legen>
- Übernehmen klicken
Eine einzelne Seite kann auch gelöschte werden in dem man mit der Maus auf die Seite fährt. Es erscheinen verschiedenen Optionen. Um die Seite zu löschen muss auf in den Papierkorb legen geklickt werden.
Eine einzelne Seite kann auch in der Detailansicht gelöscht werden.
Inhalt
Smart Editor fügt zu den normalen WOrdpress Feldern noch weitere Felder hinzu.
Die wichtigsten Felder:
- Titel: Titel der Seite (wird in der Liste und im Tab angezeigt)
- URL: Link der Seite (wäheln Sie einen gut leserlichen Link)
- Inahlt: Inhalt der Seite
- Beitragsbild: Hat verschiedene Einsatzmöglichkeiten, setzen Sie sofern möglich immer ein Beitragbild, wird auf Social Media angezeigt.
- Seiten Titel: Übersteurt den "normalen" Titel sofern das gewünscht ist.
Unterseiten
Eine Seite kann als Unterseite definiert werden d.h. im Aufbau bzw. im Link der Seite ist sie eine Unterseite. Im Link sieht das z.B. Wie folgt aus:
- In Detailansicht von Seite in Seitenattribute bei Eltern entsprechende Seite auswählen und aktualisieren klicken.
Seite wiederherstellen (Papierkorb)
Wurde eine Seite gelöscht und nun wird sie wieder benötigt? Kein Problem – Die Seite kann relativ einfach wiederhergestellt werden:
Auf der folgenden Seite können die Seite endgültig gelöscht (nicht empfohlen) oder wiederhergestellt werden.
- Seite/n auswählen
- Aktion auswählen (Wiederherstellen)
- Übernehmen
Beiträge
Link: https://www.akib.ch/wp-admin/edit.php?post_type=page
In WordPress können Sie Inhalte auf Ihrer Website entweder als "Beitrag" oder als "Seite" platzieren. Wenn Sie einen regulären Blogeintrag schreiben, schreiben Sie einen Beitrag. In der Standardeinstellung werden Beiträge in umgekehrter chronologischer Reihenfolge auf der Startseite Ihres Blogs angezeigt. Im Gegensatz dazu beziehen sich Seiten auf nicht chronologische Inhalte: Seiten wie "Über" oder "Kontakt" sind gängige Beispiele. Seiten befinden sich außerhalb der normalen Blog-Chronologie und werden häufig verwendet, um zeitlose Informationen über sich selbst oder Ihre Website zu präsentieren - Informationen, die immer relevant sind. Sie können Pages verwenden, um die Struktur Ihres Website-Inhalts zu organisieren und zu verwalten. In der Seiten-Übersicht sind alle Seiten aufgelistet. Diese können bearbeitet werden in dem man auf den Titel oder auf Bearbeiten klickt. Anschliessend erscheint die Detailseite in welcher die Inhalte bearbeitet werden können.
Beitrag hinzufügen
Neue Seite erstellen durch klicken auf Erstellen/New
Beitrag löschen
- Seite auswählen (mit Checkbox), es können mehrere gleichzeitig ausgewählt werden.
- Aktion auswählen: In den Papierkorb legen>
- Übernehmen klicken
Eine einzelne Seite kann auch gelöschte werden in dem man mit der Maus auf die Seite fährt. Es erscheinen verschiedenen Optionen. Um die Seite zu löschen muss auf in den Papierkorb legen geklickt werden.
Eine einzelne Seite kann auch in der Detailansicht gelöscht werden.
Inhalt
Smart Editor fügt zu den normalen WOrdpress Feldern noch weitere Felder hinzu.
Die wichtigsten Felder:
- Titel: Titel der Seite (wird in der Liste und im Tab angezeigt)
- URL: Link der Seite (wäheln Sie einen gut leserlichen Link)
- Inahlt: Inhalt der Seite
- Beitragsbild: Hat verschiedene Einsatzmöglichkeiten, setzen Sie sofern möglich immer ein Beitragbild, wird auf Social Media angezeigt.
- Seiten Titel: Übersteurt den "normalen" Titel sofern das gewünscht ist.
Hosting
Login
Link: https://www.akib.ch:8443
Benutzernamen und Passwort haben Sie separat erhalten.
Verbindung
Je nach dem wie Sie auf die Hosting Umgebung zugreifen, kann es sein, dass ein Problem mit dem Verschlüsselungs Zertifikat auftritt.
Ihr Verbindung ist verschlüsselt. Jedoch nicht über das Zertifikat von Ihrer Domain (https://www.akib.ch), sondern über das Zertifikat vom Server
- Auf Erweiter klicken
- Auf weiter zu https://www.akib.ch (unsicher) klicken
Übersicht
Nach dem Anmelden sehen Sie die Übersicht ihrer verfügbaren Domains und Subdomains. In der Regel sollten Sie folgende Subdomains sehen:
Wordpress
Klicken Sie auf Email
Einstellungen
Klicken Sie auf eine E-Mail Adresse um weitere Einstellungen vornehmen zu können
Sie können dort die E-Mail Adresse und das Passwort ändern
Weiterleitung
Nach dem Sie eine Email Adresse angeklickt haben können Sie auf Weiterleitung klicken.
Dort können Sie die ausgewählt E-Mail Adresse an eine/n oder mehrer Empfänger/innen weiterleiten.
Alle E-Mails welche an diese Adresse gesendet werden, werden auch an alle Empfänger gesendet!
Einrichtung
Die wichtigsten E-Mail Einstellungen werden hier für Sie zusammengefasst. Installieren Sie zuerst die gewünschte EMail Adresse in Ihrem Control Panel (Hosting) und nutzen danach diese Einstellungen, um Ihre Mails mit einem externen oder mobilen Client abzurufen. Wir empfehlen, sämtliche Verbindungen zu Ihrem Mailserver verschlüsselt aufzurufen (siehe Angaben / Ports).
| Mail-Eingangsserver | 305.hostserv.eu |
| Mail-Ausgangsserver | 305.hostserv.eu |
| IP Adresse | 185.101.158.52 |
| SMTP Port | 465 |
| POP3 Port | 995 |
| IMAP Port | 993 |
| SMTP Authent. | Ja |
| SSL / TLS | Ja |
| Stammordnerpfad | INBOX (wichtig für Outlook) |
Verwenden Sie IMAP nicht POP3 (sofern möglich)
POP oder IMAP – welches E-Mail-Protokoll soll ich verwenden?
Webmail
Benutzernamen und Passwort haben Sie separat erhalten.
https://www.webmail.akib.ch
Smart Editor
Verwendung
Wichtig: Der normale Wordpress Editor muss in der Code ansicht sein!
Ist das Plugin installiert und aktiviert, ist eine Schaltfläche mit der Aufschrift "Activate Grid Editor". Um den Editor auf der entsprechend Seite zu verwenden, muss diese Schaltfläche geklickt werden. Anschliessend wird der normale Wordpress Editor mit dem Smart Editor ersetzt. Ist der Inhalt einer Seite bereits ein "Smart Editor Inhalt", so wird der Editor automatisch aktiviert.
Im Editor stehen Ihnen Reihen (rows), Spalten (cols), und Module zur Verfügung. Der gesamte Inhalt wird von einem Container umgeben.
Editor Schaltflächen
In diesem Abschnitt werden die Schaltflächen (Buttons) vom Smart Editor erklärt. Auf die Wordpress Funktionen wird nicht weiter eingegangen.
Container Schaltflächen
- Reihe hinzufügen
- Sichtfeld Grösse ändern: Grosser Bildschirm
- Sichtfeld Grösse ändern: Bildschirm
- Sichtfeld Grösse ändern: Tablet
- Sichtfeld Grösse ändern: kleines Tablet
- Sichtfeld Grösse ändern: Handy
- Inhalt des Containers löschen.
- Inhalt des Editors als Code anzeigen.
Reihen Schaltflächen
- Spalte zu Reihe hinzufügen
- Reihen Einstellung öffnen.
- Reihe löschen.
Die gesamte Breite der Reihe entspricht 12 (100%). d.h. Sie können maximal 12 Spalten pro Zeile haben. Die Breite 12 ist durch das Framework Bootstrap definiert, welches eingesetzt wird. 12 bietet sich optimal an um 2, 3 , 4 und 6 gleich grosse Spalten in einer Reihe zu haben. Die Breite der einzelnen Spalten müssen aber nicht gleich gross sein z.B. 2 + 6 + 4 oder 3 + 7 + 2 etc. Sofern die gesamte Breite aller Spalten nicht mehr als 12 ist, sind sie in der gleichen Reihe. Ist dir Breite grösser als 12 rutschen die zu grossen Spalten nach unten.
Spalten Schaltflächen
- Spalte breiter machen (maximale Breite 12, mindest Breite 1)
- Spalte schmaler machen (maximale Breite 12, mindest Breite 1)
- Einzug hinzufügen/grösser machen (Breite und Einzug zusammen max 12)
- Einzug entfernen/kleiner machen (Breite und Einzug zusammen mind 1)
- Spalten-Einstellungen öffnen
- Reihe in Zeile hinzufügen
- Modul löschen
- Spalte löschen
Eine Spalte kann maximal 12 breit sein, und mindestens 1. Eine Spalte kann einen Offset von 1 bis 11 haben. Der Offset einer Spalte wird zur gesamten Breite dazugerechnet. Inhalte von Spalten sind aber nur in der breite, nicht aber im Offset platziert. Breite 5 + Offset 1 = totale Breite von 6 (der Inhalt der Spalte ist dementsprechend 5 breit ).
Module
Der SmartEditor lädt verschiedene Module. Die Module können aktiviert und deaktiviert werden: Smart Editor -> Modules. Ändern Sie dort nur Dinge, wenn Sie wissen was Sie tun!
Module können per Drag and Drop verschoeben und bewegt werden.
Wenn Sie den Inhalt eines Modules geändert haben, müssen sie ib Overlay auf Speichern klicken, dass die Änderung sichtbar wird. (Dies benötigt 1-2 Sekunden)
Content Tab
Im "Content Tab" wird der eigentliche Inhalt eines Modules bearbeitet. In den meisten Fällen werden sie nur diesen Tab bearbeiten. Die anderen Tabs bieten weitere Möglichkeiten und Einstellungen, setzen aber HTML & CSS Kentnisse voraus.
Einstellungs Tab
Im "Settings Tab" können Einstellungen vorgenommen werden. Meistens stehen folgende Optionen zur Verfügung.
- Fontcolor: Schriftfarbe
- Backgroundcolor: Hintergrund-Farbe
- Margin Top: Aussenabstand oben
- Margin Bottom: Aussenabstand unten
- Margin Left: Aussenabstand links
- Margin Right: Aussenabstand rechts
- Padding Top: Innenabstand oben
- Padding Bottom: Innenabstand unten
- Padding Left: Innenabstand links
- Padding Right: Innenabstand rechts
Ändern Sie diese Einstellungen nur wenn Sie wissen was sie tun. Die Einstellungen können das Aussehen des Modules verändern.
Attribute Tab
Im "Attribute Tab" können Attribute des Modules definiert werden. Meistens stehen folgende Attribute zur Verfügung.
- Add custom classes: Klassen hinzufügen
- Add a custom ID: ID hinzufügen data-attribute hinzufügen (Wert des data-attributes in einfachen Anführungszeichen (data-name='wert'))
- Add custom style (inline style): Inline Styles hinzufügen
Ändern Sie diese Einstellungen nur wenn Sie wissen was sie tun. Die Einstellungen können das Aussehen des Modules verändern.
Animation Tab
Animationen sind zur Zeit noch nicht unterstützt.
Module Allgemein
Zu den einzelnen Modulen gibt es keine Anleitung. Meines Erachtens sind die Titel der Module relativ aussagekräftig. Die Felder in den Modulen haben jeweils eine Beschreibung (Tooltip -> mit der Maus auf das ?-Zeichen fehren).
Kaputt kann man mit den Modulen eigentlich nichts machen. Daher probieren Sie diese einfach aus.
Module Vorschau
Die angezeigte Vorschau im Admin Bereich weicht vom definitiven Inhalt ab. Das wird in Zukunft noch verbessert.
Plugins
Der Smart Editor lädt einige Plugins. Plugins können aktiviert und deaktiviert werden. -> Plugins. Nehmen Sie nur änderungen vor wenn Sie wissen was Sie tun!
Templates (Vorlagen)
Link: https://www.akib.ch/wp-admin/edit.php?post_type=templates
In der Navigation finden Sie den Menüpunkt "Templates". Dort können Sie Templates erstellen. Diese Templates können Sie dann in Posts (Beiträgen), Partials und auf Seiten verwenden. (Grid Editor aktivieren, anschliessend Templates laden)
Nach dem Sie ein Template in eine Seite geladen haben, müssen Sie die Seite mittels Wordpress Funktion speichern (Speichern, nicht veröffentlichen).
Replacer (Platzhalter)
Link: https://www.akib.ch/wp-admin/admin.php?page=acf-options-replacer
In Smart Editor -> Replacer können Sie Variabeln definieren. Diese Variabeln können im Editor verwendet werden um dynamische Inhalte zu laden. Die Replacer Variabeln sehen wie folgt aus: {{variablename}}. Verfügbare standart Variabeln:
- {{current_year}} (aktuelles Jahr)
- {{bloginfo_description}} (Beschreibung der Webseite)
- {{bloginfo_charset}} (Charset der Webseite)
- {{bloginfo_name}} (Name der Webseite)
- {{bloginfo_language}} (Sprache der Webseite)
- {{user_login}} (Benutzername)
- {{user_email}} (Benutzer Email Adresse)
- {{user_firstname}} (Benutzer Vorname)
- {{user_lastname}} (Benutzer Nachname)
- {{display_name}} (Benutzer ANzeigename)
Sie können eigene Replacer Variabeln definieren:
- Replacer Name: Name des Replacers (hat keine Wirkung, dient als Hilfe)
- Replacer Placeholder: Tag zwischen den Klammer ({{Tag}} wird so im Editor verwendet)
- Replacer Value: Wert welcher zurückgegebn wird beim Rendern der Variabel.
Diese Funktion funktioniert noch nicht vollumfänglich.
Custom Tags
Link: https://www.akib.ch/wp-admin/admin.php?page=smart-editor
Sie können Benutzerdefinierte Tags anlegen. Diese werden im DOM (HTML struktur) am jeweils vorgegebenen Ort ausgegeben. Beispielsweise können so Tracking Codes eingefügt werden.
Wenn Sie Cookies verwenden, zusammen mit den Scripten, lesen Sie den folgenden Abschnitt.
Cookie Hinweis
Link: https://www.akib.ch/wp-admin/admin.php?page=smart-editor
Im Smart Editor können Sie den Inhalt des Hinweises bearbeiten:
- Text: Inhalt des Hinweises
- Button: Text des Buttons (klick löst bestätigung der Annahme aus)
- Duration: Lebensdauer des Cookies (Standart 31 Tage)
Wenn jemand Cookeis akzeptiert, wird ein Javascript Event ausgelöst. Dieser Event kann wie folgt abgefangen werden: document.addEventListener('cookie_tracking_policy_accepted', function (e) {your_code})
Scripte welche nur ausgeführt werden sollen/dürfen, sobald der Benutzer Cookies akzeptiert hat, können in {your_code} eingefügt werden. Ein mögliches Beispiel sind Analytics Tracking Codes
Wordpress Plugins
Normale Wordpress Plugins können verwendet werden, sofern diese nicht den Editor verändern. Shortcodes können mit dem WYSIWYG Modul verwendet werden.
Abhängigkeiten
- ACF PRO
- Diese Liste ist noch unvollständige. Verschiedene Module bedingen andere Module oder Plugins des Smart Editors
Installation
Plugin in Wordpress Installation platzieren: wp-content/plugin/ Anschliessend das Plugin auf der Wordpress Plugin Seite installieren und aktivieren.
Links
Logins
Webseite: https://www.akib.ch
Wordpress: https://www.akib.ch/wp-admin
Hosting: https://www.akib.ch:8443