Php Webseite mit Zikula erstellen Tutorial

Website mit PHP

Eine Webseite mit Php* zu betreiben hat den Vorteil, dass Du jederzeit neue Inhalte auf Deiner Homepage erstellen kannst.

Grundsätzlich gibt es 2 Möglichkeiten, eine PHP Homepage umzusetzen. Du kannst alles selbst programmieren oder Du nutzt Zikula.

Zikula ist beides. Ein Content Management System und ein Toolkit zur Programmierung mit Php.

In dieser Artikelserie möchte ich grundlegende Möglichkeiten von Zikula vorstellen, mit Php eine Homepage umzusetzen.

Grundlage ist natürlich die Installation von Zikula. Du kannst Dir hier im Downloadbereich aktuelle Versionen von Zikula herunterladen. Eine Installation zeige ich exemplarisch mit Zikula 1.4.4. Eine Installation mit den Versionsreihen 1.5.x und 2.0.x ist identisch zu bewerkstelligen.


Ist die Installation von Zikula für Dich erfolgreich verlaufen, geht es an die Installation von notwendigen Modulen auf der einen Seite und um die Anpassung des Layouts auf der anderen Seite.

Layout Deiner Seite

Sidebar Adminbereich

Im folgenden möchte ich Dir etwas zu den sogenannten Themes vermitteln.

Themes steuern das Aussehen Deiner Homepage im Backend- und im Frontend-Bereich.

Es ist grundsätzlich möglich, dasselbe oder verschiedene Themes für das Backend und das Frontend zu nutzen.

Administration des Layouts

Wenn Du in Deine Seite eingeloggt bist, bekommst Du den Icon(Bild 1, Pfeil) zu sehen. Wenn Du diesen anklickst, bekommst Du Zugang zum Administrationsbereich (Backend). Es öffnet sich eine Sidebar (Bild 2), wenn Du Javascript* in Deinem Browser aktiviert hast.

Link zum Theme Module

In der Sidebar werden sämtliche Administrationsbereiche angezeigt. Wenn Du in diesem Bereich nach unten scrollst (Bild 3), findest Du einen Link 'Theme Module'.

Durch Anklicken des Links gelangst Du in den Admin-Bereich für das Layout. Es wird Dir eine Liste sämtlicher Themes angezeigt, die Zikula von sich aus mitbringt (Bild 4).

Neben einem Atom-Theme (für Anzeige eines Atom-Feeds), einem RSS-Theme (RSS-Feed) und einem Printer-Theme ( Zur Druckanzeige) findest Du 3 voll nutzbare Themes.

Theme Liste im Backend

Zikula nutzt Bootstrap für das Layout

Der rote Stern neben dem Namen des Bootstrap-Themes zeigt Dir, dass dieses Theme aktiv ist und zur Anzeige im Backend und Frontend genutzt wird.

Damit nutzt Zikula Bootstrap zur optischen Gestaltung und Du kannst auf sämtliche Möglichkeiten von Bootstrap* zugreifen.

Anderes Theme aktivieren

Werbung

q?_encoding=UTF8&ASIN=3836263122&Format=_SL250_&ID=AsinImage&MarketPlace=DE&ServiceVersion=20070822&WS=1&tag=zikula-21&language=de_DE

Anderes Theme (SeaBreeze) aktivieren

Du kannst über den grünen Haken (Bild 5, Pfeil) auf ein anderes Theme umstellen.

Sciherheitsabfrage vor Theme Umstellung

Wenn Du diesen anklickst, bekommst Du eine Sicherheitsabfrage (Bild 6), ob Du das Theme wirklich umstellen möchtest.

Bei der Bestätigung kannst Du noch entscheiden, ob Einstellungen von anderen Usern überschrieben werden sollen.

Anderes Theme aktiviert

Wenn Du auf akzeptieren klickst, wird das neue Theme geladen und Dein Backend sieht ein wenig anders aus (Bild 7). Du hast nun sowohl für das Backend als auch das Frontend das Theme 'SeaBreeze' aktiviert.

Backend und Frontend mit verschiedenem Layout

Link zum Admin Panel

Möchtest Du das anders haben, also verschiedene Layouts, dann wechselst Du ins Admin-Panel.

Dazu klickst Du den Link System an und findest einen Link 'Admin-Panel' (Bild 8).

Das Admin Panel

Hast Du diesen angeklickt, kommst Du nach kurzer Zeit (hoffentlich) in den Admin-Panel (Bild 9).

Nach Klick auf Konfiguration Option Theme für Administration

Dort klickst Du auf Konfiguration und kannst dort etwas weiter unten das Theme für den Adminbereich auswählen.

Änderungen weiter unten speichern

Kleiner Tipp. Ich setze hier grundsätzlich auf Bootstrap zurück oder stelle das schon vorher ein.

Bootstrap im Backend

Wenn Du diese Einstellung weiter unten bestätigst, wird Dein Backend wieder mit dem Bootstrap-Theme angezeigt.

SeaBreeze im Frontend

SeaBreeze im Frontend

Im Frontend findet sich weiterhin das SeaBreeze-Theme aktiviert.

Du solltest nun in der Lage sein, ein Layout für Dein Backend und Dein Frontend einzustellen.

In der Regel wird man ein vorhandenes Theme nutzen, um daran sein eigenes Layout zu entwickeln.

Wie Du das Standard Bootstrap* Layout kopierst und als Grundlage für Dein eigenes Layout vorbereitest, zeige ich in einem weiteren Tutotrial; vielleicht auch in einem Video.

Ähnliche Artikel mit entsprechenden Themen


PHP Blog erstellen
Zikula nutzt PHP Zikula ist eine Php Anwendung, mit der Du Deinen Blog betreiben kannst. Wenn Du mit... Mehr
PHP Homepage erstellen
Grundsätzlich gibt es 2 verschiedene Ansätze, eine Homepage zu erstellen. Wenn eine Homepage eine... Mehr

Kategorien

  • Themes
  • Core

Erstellung und Aktualisierung

Erstellung
Erstellt von michael.ueberschaer am 05.04.2017, 20:31
Letzte Aktualisierung
Aktualisiert von michael.ueberschaer am 27.10.2018, 15:06
Kategorien im Blog
Partner
Werbung


Die neuesten Downloads
  • Zikula 1.5.9
    Mehr lesen
  • Zikula 2.0.12
    Mehr lesen
  • Bootstrap Standard Theme
    Für Zikula 2.0.11 oder höher - For Zikula 2.0.11 or higher. Dieses Theme ist als...
    Mehr lesen
  • Blogging 1.1.0
    Mehrsprachiges Bloggen - Multilingual blogging
    Mehr lesen
  • AutoLinks 1.0.1
    Automatische Linkerstellung - Automatic link creation
    Mehr lesen