Contact Time 24 x 7

300 Convent Street, Suite 1330, San Antonio, Tx, 78205 USA

Contact Time 24 x 7
Contact us info@iterontech.com
Phone Number +41 61 272 95 95

Blog

custom software development company in australia28 NOV

Scrivito CMS: Verwendung von Rails Framework und Widgets

by Elixir Consultant

Scrivito CMS: Verwendung von Rails Framework und Widgets

Einführung:
Dieser Artikel gibt Ihnen die Details zu Scrivito CMS, wie Sie Scrivito CMS für die Pflege der Inhalte einer Website mit Hilfe des Rails-Frameworks verwenden und auch Widgets erstellen können, die dasselbe verwenden. (Siehe, warum insbesondere Widgets!).

Hauptpunkte:
Wie beim CMS ist das Hauptziel, den Webinhalt zu ändern, ohne den Code zu ändern.
In Scrivito ist alles ein Widget.
Es stellt eine Vielzahl von Widgets für jeden Zweck zur Verfügung (eg-image, video, text etc.).
Alle Inhalte werden in der Cloud gespeichert.
Der Editor-Modus ist passwortgeschützt.
Das Hochladen von Dateien erfolgt per Drag & Drop.
Es unterstützt mehrere Geräte mit einem ansprechenden Webdesign.

Erste Schritte:
CMS (Content Management System) ist der Weg, um die Webinhalte zu erstellen und zu ändern, und Scrivito CMS bietet Ihnen alle Funktionalitäten. Es besteht aus einem Editor-Modus und einem Besuchermodus-Schalter, mit denen Sie einfach zu’View As Website Editor’ wechseln können. Klicken Sie einfach auf die Bearbeitungsoption, und schon werden Sie Editor(!) und können einen neuen Inhalt erstellen oder den vorherigen Inhalt ändern. Sie können auch Größe, Position und Stil der Inhalte ändern.

Nach der Änderung der Inhalte müssen Sie nur noch alle Änderungen veröffentlichen und schon sehen Sie alle Änderungen, die an der ursprünglichen Website vorgenommen wurden.

Scrivito bietet Ihnen auch die Möglichkeit, die Kopie mehrerer Editoren zu erstellen. Dies bedeutet, dass Sie mehrere Editorkopien derselben Website erstellen können und somit mehrere Benutzer den Inhalt der Website bearbeiten können. Der Editor-Modus ist ebenfalls passwortgeschützt, und Sie müssen nur ein Editor-Passwort hinzufügen, um die Bearbeitung Ihrer Website sicherer zu machen.

Für eine vollständige Demo melden Sie sich bitte bei www.scrivito.com an.

 

Einbinden von Scrivito CMS in Ihre Rails-Anwendung:

Schritt-1
Um Scrivito in Ihre Rail-Applikation zu integrieren, müssen Sie sich bei www.scrivito.com anmelden und die API- und TENANT-Schlüssel generieren.

Schritt-2
Füge den Scrivito-Stein zu deinem Edelsteinprofil hinzu:

gem “scrivito”, “~> 1.8”

Schritt-3
Entfernen Sie alle Turbolinks aus diesen Dateien, da Scrivito sie noch nicht unterstützt.

Edelstein (Datei)

JavaScript-Assets in app/assets/javascripts/application.js

Anwendungslayout in App/Views/Layouts/Applikation.html.erb

(Entfernen Sie dazu das Tag-Attribut data-turbolinks-track).

Führen Sie dann

bundle update scrivito

Schritt-4
Scrivito JavaScript-Assets sind erforderlich:

Next, require the following assets in app/assets/javascripts/application.js after jquery and jquery_ujs.

//= require jquery

/* Including jquery*/

//= require jquery_ujs

/* Including jquery_ujs*/

//= require scrivito

/* Including scrivito*/

Benötigt Scrivito Stylesheet-Assets:

Erfordern Sie auch die folgenden Assets in app/assets/stylesheets/application.css.

/*
*= require scrivito
*/

Schritt-5
Kopf- und Körper-Tags hinzufügen

Fügen Sie scrivito_head_tags zum Kopfbereich und scrivito_body_tags zum Körperbereich in app/views/layouts/application.html.erb hinzu. Das Ergebnis sollte so aussehen:


<%= scrivito_head_tags %>

<%= yield %>

<%= scrivito_body_tags %>

Schritt-6
Lassen Sie Scrivito die Grundstrukturen generieren und migrieren:

Führen Sie diesen Befehl aus, um eine Grundstruktur zu erzeugen –

rails g scrivito:install

Daraus ergibt sich die Grundstruktur für Scrivito.

Schritt 7
Erstellen Sie eine.env-Datei in Ihrem App-Root-Verzeichnis für Ihre API-Anmeldeinformationen.

Deine.env-Datei sieht so aus:

SCRIVITO_TENANT = tenant-id-from-scrivito.com-dashboard

SCRIVITO_API_KEY = api-key-from-scrivito.com-dashboard

EDITOR_PASSWORD = the-editor-password

GOOGLE_MAPS_API_KEY = api-key-from-developer.google.com

In den obigen Schlüsseln können Sie das Editor-Passwort belassen, aber denken Sie daran, dass jeder auf Ihre App zugreifen und Ihren Inhalt ändern kann. Wenn Sie möchten, dass die Bearbeitung passwortgeschützt ist, müssen Sie ein Passwort für’EDITOR_PASSWORD’ eingeben.

Wenn Sie Ihr Passwort-Bearbeitungsfeld weglassen, sollte es kein Problem für den lokalen Bereich sein, aber wenn Sie es in der Öffentlichkeit einsetzen, sollten Sie ein Passwort festlegen.

Sie können auch’GOOGLE_MAPS_API_KEY’ lassen, aber das Maps-Widget zeigt keine Map an. Wie auch immer, du kannst später einen Schlüssel hinzufügen.

Danach müssen Sie mit dem folgenden Befehl migrieren:

bundle exec rake scrivito:migrate scrivito:migrate:publish

Schritt 8 (optional)
Wenn Sie neue Beispielinhalte wünschen, erstellen Sie Seed-Daten und führen Sie die Seed-Daten aus, indem Sie den Befehl below ausführen. Dies ist ein optionaler Schritt, und Sie können diesen Schritt überspringen.

$ rails runner SeedDataName.create

Dadurch wird eine neue Arbeitskopie für Sie erstellt und alle vorhandenen Inhalte entfernt, Beispielseiten hinzugefügt und die Arbeitskopie veröffentlicht.

Schritt-9
Jetzt ist alles so eingestellt, dass Ihre Anwendung läuft, Sie müssen nur noch Ihren Server starten.

$ rails server

Open http://localhost:3000 in your browser.

Was kommt als nächstes?
Erstellen eines Seitentyps mit Widgets:
Die Idee hinter Widgets –
Websites sind heute nicht nur eine Kombination aus Überschriften und Text. Sie sind zu einer Repräsentation oder einer Art Branding für ihren Repräsentanten geworden. Sie enthalten Nachrichten, Veranstaltungen, Galerien, Informationen in verschiedenen Formaten, Videos, regelmäßige Updates und vieles mehr. Das bedeutet aber nicht, dass die Redakteure solcher Websites gezwungen sind, alle notwendigen dynamischen Inhalte und Funktionalitäten selbst zu erstellen. Sie sollten auch nicht dazu gebracht werden, mit Hilfe von Codierung (sei es einfach oder komplex) die gewünschten Strukturen für die Darstellung zu erreichen.

Ein gutes CMS sollte es ermöglichen, alle Änderungen am Inhalt sowie die Struktur des Inhalts so einfach wie möglich vorzunehmen. In diesem Sinne hat Scrivito Widgets entwickelt, die die Entwickler selbst ausdrücken und auch anpassen können. Sie können zu vorgefertigten Widgets erstellt werden, so dass sie dann einfach in die Webseiten eingefügt werden können.”

Wie erstellt man einen Seitentyp, der für Widgets vorbereitet ist?
Jede Webseite wird durch ein Scrivito CMS-Objekt repräsentiert. Daher benötigt dieses CMS-Objekt ein Feld vom Typ Widgetlist (ähnlich wie andere Typen wie String, Datum, etc.), um Widgets aufzunehmen.

Das Scrivito SDK wird mit einem Seitengenerator geliefert, der das Modell und die Steuerung für die Seite erstellt, sowie die Indexansicht, die Seiteneigenschaften und Miniaturansichten für die direkte Bearbeitung:

Führen Sie diesen Befehl aus

$ rails g scrivito:page MyPage

Dadurch werden alle seitenbezogenen Views-Modelle und Controller generiert.

Im Modell kannst du die Attribute hinzufügen, die du brauchst, oder du kannst sie auf diese Weise hinzufügen:

class MyPage < Obj
attribute :title, :string
attribute :body, :widgetlist
attribute :child_order, :referencelist
End

Nun können neue CMS-Objekte auf Basis der Objektklasse MyPage erstellt werden. Sie können dies auf Ihrer Scrivito-basierten Website ausprobieren.

Einbetten von Widgets in eine Ansicht

Geben Sie einfach den folgenden Code in Ihre Seitenansicht ein/index.html.erb

<%= scrivito_tag_list :ul, @obj, :toclist do |list, child| %>
<%= list.tag :li do %>
<%= link_to child.display_title, scrivito_path(child) %>
<% end %>
<% end %>

<%= scrivito_tag :h1, @obj, :title %>
<%= scrivito_tag :div, @obj, :body %>

 

Jetzt sind Sie bereit, Widgets zu dieser Seite hinzuzufügen. Das Scrivito CMS wird auch mit einem grundlegenden Satz von Widgets geliefert, so dass Sie ein wenig damit experimentieren können.

Mehr über die Widget-Galerie:

Alle Basis-Widgets sind standardmäßig installiert, wenn Sie eine grundlegende App-Struktur erstellen, aber einige weitere Widgets sind außer den Basis-Widgets verfügbar, wie z.B. Video-Widgets, CRM-Formular-Widgets usw., wenn Sie diese Widgets verwenden möchten, müssen Sie diese Widgets generieren, indem Sie Edelsteine hinzufügen oder per Befehl generieren.

Zwei Möglichkeiten, Widgets und Widget-Daten in eine Webseite einzufügen:

Sie können Widgets und deren Inhalt hinzufügen, indem Sie die Website als Editor besuchen.
Sie können Widgets und deren Inhalt aus dem Seed Content Creator hinzufügen.

Musterbeispiel für Scrivito:

Angenommen, Sie werden Ihre Website nächsten Monat mit einem neuen Look und neuen Inhalten neu starten. In dieser Situation können Sie mehrere Änderungen und mehr Arbeit haben. So kann ein Team von Redakteuren an der Neustart-Arbeitskopie arbeiten, während die anderen Redakteure andere Probleme beheben (falls vorhanden) oder neue Artikel mit ihrer individuellen Arbeitskopie zur Website hinzufügen.

Vorteile von Scrivito:

Haben Sie keine Angst vor Fehlern – Wenn Sie beim Bearbeiten einige Fehler gemacht haben, brauchen Sie sich keine Sorgen zu machen; löschen Sie einfach Ihre Arbeitskopie, egal wie viele Fehler oder Änderungen Sie gemacht haben. So kann jemand, der neu auf der Website ist, mit den Dingen spielen, ohne die Angst, die Website zu zerstören.
Einfach zu bedienen – Sie können Ihre Inhalte ganz einfach verschieben, indem Sie Videos oder Bilder per Drag & Drop hochladen.
Keine Notwendigkeit eines Profis – Sie brauchen keinen professionellen Entwickler, um die Inhalte der Websites zu ändern.
Scrivito CMS ist meiner Meinung nach eine der besten Möglichkeiten, Webinhalte zu pflegen. Weitere Informationen zum Scrivito CMS finden Sie in der Dokumentation von https://scrivito.com/documentation

Möchten Sie mehr wissen oder unsere Projekte sehen? Füllen Sie das Kontaktformular aus oder senden Sie eine Mail an sales@iterontech.com.

 

 

Tags:

Elixir Consultant

Leave a Comment

zwei × 2 =

PRIVACY POLICY © 2021 ITERON All Rights Reserved

ITERON Tech