Live Demo

Diese Installation

von | Nov 10, 2018

Achtung! auf dieser Seite den Divi-Builder nicht benutzen

Mit dieser Installation möchte ich WordPress mit einem Divi-Theme für www.KOBABE.de testen.

das 1. Ziel:

Vorlage ist meine Drupalseite, die zur Zeit unter  www.kobabe.de zu erreichen ist. Dabei ist mir wichtig, dass es ein ordentliches Login für Inhalte mit Berechtigungseinschränkungen vorhanden ist. Getestet habe ich dies bereits auf www.wpdi.uliko.de

Die Beiträge sollen sich in folgende Kategorien gliedern

  • Allgemein
  • RSG
  • Hockey
  • Reisen
  • Privat
  • WordPress

für die bessere Strukturierung sind noch folgende Kategorien dazugekommen:

  • PDF-Liste (Link auf Listen bei DTB-Online)
  • Familie (zur Differenzierung zwischen Urlaub und Familie)

Installationsprotokoll

  1. WordPress-Installation
  2. Thema installieren DI-Basis, DI-Simple, Einstellungen und Layouts importieren.
    Das Thema DI-Simple ist einfach gehalten und hat nur wenige Vorlagen. Um die Seite hübsch zu gestalten muss ich ein anderes Sub-Thema auswählen.
  3. Logo einfügen – Das Logo auf www.kobabe.de ist größer, als das Standard-Logo der DI-Themes, deshalb folgt hier ein Test
  4. Logogröße anpassen mit CSS-Erweiterung, Farben anpassen,
    Problem: auf der Startseite kommt die Anpassung nicht an (kaum geschrieben, schon funktioniert es)
  5. Login-Seite erstellen, mit dem Login-Modul der DI-Themes
  6. PlugIn Members installieren um neue Rollen zu erzeugen
  7. PlugIn User Menus instalieren und Rechte im Menü zuweisen (Ich habe den Menüpunkt Login Mitgliederbereich für ausgeloggte Anwender eingerichtet, anschließend gab es einen User-Link Logout, bei dem ich nichts mehr einrichten musste – er macht genau das, was ich möchte – ob der an dem PlugIn hängt, weiß ich nicht)
  8. PlugIn Admin Bar & Dashboard Control installieren
  9. PlugIn Content Control installieren, Rechte können den einzelnen Beiträgen zugewiesen werden
  10. PlugIn Peters Login/Logout Redirects installieren, in einem separaten Bereich bei den Einstellungen kann man bestimmen, wo Nutzer bestimmter Rollen nach Login bzw. Logout hingeleitet werden

 

Farben

  • blau; 172983
  • magenta: e2007a

https://html-color-codes.info/webfarben_hexcodes/

Bilder

Die Höhe des Hintergrundbildes für den  FullWidth Slider richtet sich nach den anzuzeigenden Textzeilen, dem Button und den Rändern, die man im Design angibt

Mit den Abstandsfeldern im Design der Folie im Fullwidth Slider kann man die Höhe des Bildes einstellen. Ein Bild, mit 1920×1080 Pixeln wird ohne Paralaxe-Effekt mit 525 Pixel Rand oben und unten komplett angezeigt. Wenn Texte und Buttons dazukommen muss man diese Werte austesten.

Das Beitragsbild sieht mit 1280×500 gut aus und sollte für alle Beiträge gleich groß gewählt werden. In der Blog-Übersicht hat es ein Seitenverhältnis von x zu y

Der obere Rand des ist nicht die unterkante des Menüs sondern der obere Bildschirmrand

Menü

Wenn das Hauptmenü zu viel Text enthält (oder die Texte zu lang sind) wird es in mehrzeilig angezeigt. Das kann daran liegen, dass ich das Logo vergrößert habe. Eine mögliche Lösung ist ein kurzes Menü oder die SlideIn Funktion

 

Kommentar absenden