Clixbloom News Artikel

Online Marketing und vegane Themen für Sie

Tutorial wie Sie mit dem ProcessWire CMS Webseiten kreieren und editieren

Screenshot: ProcessWire Backend

Ob einfach oder komplex aufgebaute Webseiten, das flexible Content Management System macht es für Sie leicht Ihre Webseiten zu publizieren. Lernen Sie mehr über die die Vorzüge und kreieren Sie eine Webseite in ProcessWire.

Vorzüge von ProcessWire

Bevor Sie erfahren, wie komfortabel das Kreieren/Editieren in ProcessWire ist, einige wichtige Details über die Vorzüge der Software. ProcessWire weist wesentlich mehr Funktionen gegenüber oftmals verwendeten Content Management Systemen, zum Beispiel WordPress oder Joomla auf.

Die Software lässt sich flexibel programmieren. So ist es nicht nur ein CMS, sondern auch ein Content Management Framework.

Das bedeutet, dass Sie durch ProcessWire folgende Vorteile haben:

  • das Design / die Programmierung kann pro Seite variieren
  • die Nutzung neuster Marketing-Technologien ist möglich
  • Seiten lassen sich flexibel für Suchmaschinen und Nutzer optimieren
  • nur Inhalte, die von Ihnen veränderbar sind, werden im Backend gezeigt
  • jedes Feld hat klare Instruktionen für die Inhalte

Ein weiter Vorteil ist, dass ProcessWire durch seine Architektur sichere Programmierung fördert.

Sie reduzieren so die Risiken Ihres Unternehmens, dass Ihre Website kompromittiert wird.

ProcessWire hat in den letzten 4 Jahren, seitdem wir es einsetzen, nur Funktionsupdates erhalten. Es brauchten keine Sicherheitsupdates installiert werden.

Wie nun macht ProcessWire für Sie das Kreieren/Editieren von Webseiten komfortabler?

Wie Sie eine neue Seite kreieren

Zum Erstellen/Ändern von Inhalten verwenden Sie ein beliebiges Gerät, einen PC, ein Tablet oder ein Smartphone.

Die Seiten werden Ihnen übersichtlich zur Auswahl angezeigt. Sie finden jedes Element in der Reihenfolge, wie auf der jeweiligen Webseite. Komplexe Elemente, werden für Sie sinnvoll beschriftet. All das ist möglich durch individuelles oder maßgeschneidertes Programmieren.

Zum Start loggen Sie sich ein.

Rufen Sie die Software durch Ihre Firmenwebsite auf https://www.meinefirma.de/xyz/ im Browser auf. Geben Sie Ihren Nutzernamen und in die nächste Zeile das Passwort ein.

Nach Ihrem erfolgreichen Login, bekommen Sie im Backend von ProcessWire die Baumstruktur Ihrer Website zu sehen (Abb. oben Titelscreenshot).

Diese Struktur entspricht genau der Aufteilung Ihrer Webseiten. Folglich sind Seiten mit einer Zahl dahinter Container, die weitere Seiten enthalten.

Um eine neue Seite, hier einen Newsartikel, zu erstellen, fahren Sie mit der Maus über den Container mit der Bezeichnung „News". Seitlich von News erscheinen mehrere Buttons (Abb. oben Titelscreenshot). Klicken Sie den „Neu" Button.

Titel eingeben
Screenshot: ProcessWire, Titel neuen Blogartikels eingeben

Geben Sie Ihren neuen Titel in das erste Feld ein. Das zweite Feld darunter erstellt die nutzer- und suchmaschinenfreundliche URL der Seite automatisch. Wollen Sie eine andere Bezeichnung, ändern Sie diese manuell.

Nachdem Sie den neuen Titel gespeichert haben, öffnet sich die neue Webseite zum Editieren im Backend von ProcessWire.

Was Sie auf Ihrer Seite finden

Sobald Sie Ihre neue Seite aufgerufen haben, sehen Sie die aktuelle Position in Breadcrumb Format der Seite z. B. „Home > News > Mein Test".

Darunter befinden sich mehrere Tabs. Momentan ist der Tab „Inhalt" aktiviert. Kreieren oder ändern Sie nun die Inhalte Ihrer neuen Webseite.

ProcessWire Seiten Tabs
Screenshot: ProcessWire, Seiten Tabs

Hier ist eine kurze Übersicht von den Elementen, denen Sie am meisten begegnen werden.

Text- oder Datumsfelder

In der Abbildung weiter oben finden Sie ein Beispiel vom Textfeld mit der Bezeichnung Menü Titel.

Den Stern darunter kennen Sie wahrscheinlich schon aus Online-Formularen, das Feld muss einen Inhalt bzw. Text enthalten.

WYSIWYG Editor

Inhaltsfelder mit gestylten Texten oder Fotos editieren Sie durch einen WYSIWYG (What you see is what you get) Editor.

Diese Editoren sind visuell, d.h. Sie können einschätzen, wie Ihre Inhalte Online aussehen.

WYSIWYG TinyMCE
Screenshot: WYSIWYG TinyMCE

Neben dem robusteren TinyMCE wird oftmals der CKEditor verwendet.

Eine generelle Anleitung, wie Sie diese Editorn nutzen, finden Sie hier: CKEditor WYSIWYG Tutorial.

Fotos oder Grafiken laden

Um ein Foto/Grafik im WYSIWYG Editor hinzuzufügen, laden Sie das Bild zuvor auf der jeweiligen Webseite. Klicken Sie dazu unter das Segment „Fotos/Bilder" auf „Datei auswählen".

ProcessWire Bild laden

Sie bekommen das Ordnerverzeichnis Ihres Computers (PC, Tablet oder Smartphone) angezeigt. Wählen Sie das Foto zum Hochladen in ProcessWire aus.

Je nach den Aufgaben der Seite sind eventuell weitere Elemente für Sie wichtig. Diese Elemente werden, wie zuvor bereits erwähnt, individuell oder maßgeschneidert programmiert.

Ihre neue Seite anschauen

Um einen Blick auf Ihre neue Webseite zu werfen ohne sie schon Online zu platzieren, klicken Sie auf „Speichern" und wechseln Sie den Tab ganz oben von „Inhalt" zu „Ansehen".

Neue Seite ansehen
Screenshot: neue Seite ansehen

Je nach dem Design Ihrer Website werden Sie dann Ihre Inhalte so sehen, wie sie letztendlich Online gezeigt werden.

Sind Sie mit dem Ergebnis zufrieden, klicken Sie im Backend ganz oben neben den grünen Button „Speichern" auf „Speichern und veröffentlichen".

Ihre Webseite ist nun offiziell Online.

Um Änderungen zu machen, loggen Sie sich erneut ein. Doch Sie haben eventuell noch eine weitere Editor- Option.

Bonus: Ihre neue Webseite im Frontend editieren

Bis jetzt konnten Sie alle Schritte sowohl auf Ihrem PC, Tablet oder Smartphone durchführen. Auf Ihrem PC oder Notebook gibt es noch eine weitere Möglichkeit die Inhalte Ihrer Webseite zu ändern.

Sie loggen sich dazu ins Backend wie zuvor ein. Dann rufen Sie in einem neuen Browserfenster Ihre Webseite Online auf. Fahren Sie direkt über den Text (Abb. schwarzer Pfeil vorheriger Screenshot „neue Seite ansehen") Ihres neuen Artikels.

Webseite LIVE editieren
Screenshot: Webseite LIVE editieren

Ein kleines Quadrat mit 2 Linien erscheint neben dem Mauszeiger. Doppelklicken Sie den Text und der WYSIWYG Editor wird auf der gezeigten Seite direkt aktiviert. Nun editieren Sie genauso wie zuvor im Backend.

Sie bekommen schon während Sie die Änderungen machen ein wesentlich besseres Gefühl für den Fluss Ihres Inhalts.

Speichern Sie die Änderungen.

Ein weiterer Vorteil des Frontend Editierens ist, dass Sie sofort Ihre frisch geänderte Webseite sehen. Sie sparen somit den Schritt eines weiteren Klicks für die Anzeige Ihrer Webseite. Diese Funktion ist seit ProcessWire 3.0 verfügbar.

Haben Sie Fragen zu ProcessWire?

Sie sehen also, ProcessWire ist für Sie leicht bedienbar. Die Software bietet für Ihre Unternehmenswebsite eine flexible programmatische Lösung und Chance zugleich. - Kontaktieren Sie uns gerne, um mehr über die Möglichkeiten zu erfahren oder eine passende Umsetzung nach Ihren Wünschen zu bekommen.

Weiterführende Links

WYSIWYG CKEditor Tutorial

von Iris Mitlacher, vom: 29.12.2017, zuletzt geändert: 29.12.2017

Kommentare sind nicht mehr möglich.

Clixbloom News

Neuigkeiten von Clixbloom

Was sind Marketing Hacks? (Definition)

Marketing Hacks erzielen möglichst schnell Ergebnisse für Ihr Unternehmen. Sie bestehen aus legalen, ausgeklügelten Lösungen, die sowohl konventionelles, technisches, nutzerorientiertes, online und analytisches Marketing beinhalten. Für ihre erfolgreiche Konstruktion brauchen Sie ein oder mehrere Experten mit generellem und spezifischen Know-how in diversen Marketing Bereichen. Marketing Hacks sind ebenfalls unter der englischen Bezeichnung "Growth Hacking" bekannt.

von Iris Mitlacher

Weiter ...

Sie stimmen bei weiterer Nutzung dieser Website der Verwendung von Cookies zu.Cookie Informationen