Eigenes PHP System - Easy2handle-CMS - Bootstrap verwendung!

PHP, entwicklung eines Systems, Easy to handle CMS

Bootstrap verwendung
------------------------------------

Alle HTML-Bereiche verwenden Bootstrap -HTML und bei den TAG Attributen "class", werden Bootstrap "CSS-Selektoren" für die verschiedensten Anwendungsfälle und dem benötigtem Gebrauch verwendet.

Schauen Sie sich dazu, in der Dokumentation von Bootstrap, den Bereich "Utilities" an.

Die für Bootstrap notwendigen, einzubeziehenden, CSS ([C]ascading [S]tyle [S}heets) und Javascripte wurden über "Grunddaten", bei den Eingabefeldern, "Style" und "Script", mit den entsprechenden Tags, "link" und "script", eingefügt.

Darin sind außerdem noch Angaben für, die verwendung von Dashicons, das einbinden einer custom.css, diverse Fav-Icons Varianten, jQuery, die initialisierung von ToolTips, die initialisierung von PopOvers, und für das einbinden des Plagins, "CookieConsent", welches das erfragen um Erlaubnis, zur nutzung von Cookies, ermöglicht.

Sie können bei Seitendaten für jede Seite, individuelle Style und Script -angaben, einfügen.

Bei einigen Seiten, die für die Administration des Systems verwendet werden, und, bei denen ein Editor für die HTML-Eingaben verwendet wird, wurden in den Style und Script Eingabefeldern, die notwendigen Angaben zum einbinden des gewünschten Editors, eingefügt.

Die Seiten, die zur Zeit einen Editor für HTML-Eingaben verwenden, sind: "Administration - Seitendaten" und "Administration - Shop Artikel".

° CSS-Theme - Sie können sich ihr individuelles CSS-Theme erstellen.
Der einfachste Weg dafür ist über "https://themestr.app". Klicken Sie dort auf "UI Builder" und folgen sie den Anweisungen der 4 Schritte.
Bei dem letzten Schritt, "Preview", sehen Sie auf der linken Seite, mittels der definierten Angaben, einige Beispiel-Elemente und können auf der rechten Seite ihre Angaben einsehen und bearbeiten.
~ Wählen Sie ihre gewünschten Farben und Schriftarten aus.
~ Scrollen Sie nach unten bis zu "CSS OUTPUT" und klicken auf "Copy CSS" um den CSS-Code in die Windows-Zwischenablage zu kopieren.
~ Sie können nun die /css/custom.css, des Easy2handle-CMS, bearbeiten und den kopierten CSS-Code bei Zeile 1 bis 7 einfügen.
~ Die neuen Angaben müssten bei einem erneuten Seitenaufruf, des Easy2handle-CMS, wirken und sichtbar sein.

° Components - Fügen Sie über "Seitendaten" in ihren Seiteninhalten, mittels Editor, eine gewünschte Bootstrap-Komponenten ein.
1. Klicken Sie auf Seitendaten und öffnen sie eine Frontend-Seite.
2. Sie können nun bei Inhalt, im Editor, auf den Button "Bootstrap" klicken und wählen dann im sich öffnenden Dialog den Reiter "Component".
3. Klicken Sie beispielsweise auf die Komponente "Card" und nehmen Sie, im sich öffnenden Dialog, ihre gewünschte Angaben und Einstellungen vor.
4. Die Platzhaltertexte, bei den Eingabefeldern der Komponente, können durch ein Doppelklick als Wert übernommen werden.
5. Klicken Sie, nach dem Einstellen und einfügen der gewünschten Angaben, anschließend auf "OK" und die Komponente mit den von ihnen gemachten Angaben und Einstellungen wird im Editor an die zuvor markierten Kursorposition eingefügt.
6. Bleiben Sie auf den aktuellen Stand und besuchen sie für die Neuheiten zu Bootstrap, ab und zu, die Bootstrap-Homepage. ( https://getbootstrap.com )

° Farbnamen - Bootstrap stellt eine Handvoll Selektoren als Farbnamen für Rahmenfarben, Textfarben, Hintergrundfarben und Buttonfarben bereit.
Sie können und werden bei den HTML-TAG-Attributen "class", in einigen HTML-TAGs der Vorlagen und den Seitentypen, verwendet.
Unter https://getbootstrap.com/docs/4.3/utilities/colors/ können Sie sich ein Überblick, zu den Bezeichnungen der verfügbaren Selektoren und den zugewiesenen Farben, verschaffen.