Scrivito CMS: Utiliser le framework Rails et les widgets

by Elixir Consultant

• 0
• 18.1K
• Uncategorized

Scrivito CMS: Utiliser le framework Rails et les widgets

Introduction:
Cet article vous explique en détail le système de gestion de contenu Scrivito, explique comment utiliser ce système pour la gestion du contenu d’un site Web à l’aide de la structure Rails, ainsi que pour créer des widgets utilisant le même système. (Voir pourquoi les widgets en particulier!).

Points principaux:
Comme avec CMS, l’objectif principal est de changer le contenu Web sans changer le code.
° Dans Scrivito, tout est un widget.
° Il fournit un nombre de widgets pour chaque objectif (par exemple, image, vidéo, texte, etc.).
° Tout le contenu est enregistré dans le nuage.
° Le mode éditeur est protégé par mot de passe.
° Le téléchargement de fichiers se fait par glisser-déposer.
° Il prend en charge plusieurs appareils utilisant la conception Web réactive.

Commencer:
CMS (Content Management System) est le moyen de créer et de modifier le contenu Web, et Scrivito CMS vous fournit toutes les fonctionnalités avec obéissance. Il consiste en un mode éditeur et un commutateur de mode visiteur, avec lesquels vous pouvez simplement basculer sur ‘Afficher en tant que éditeur de site Web’. Il suffit de cliquer sur l’option d’édition pour devenir éditeur (!) Et créer un nouveau contenu ou modifier le contenu précédent. Vous pouvez également modifier la taille, l’emplacement et le style du contenu.

Après avoir modifié le contenu, il vous suffit de publier toutes les modifications et vous pouvez maintenant voir toutes les modifications apportées au site Web d’origine.

Scrivito vous propose également une fonctionnalité permettant de copier plusieurs éditeurs. Cela signifie que vous pouvez créer plusieurs copies d’éditeur du même site Web et donc que plusieurs utilisateurs peuvent modifier le contenu du site. Le mode éditeur est également protégé par un mot de passe. Il vous suffit d’ajouter un mot de passe pour l’éditeur, ce qui sécurise davantage l’édition de votre site Web.

Pour une démonstration complète, connectez-vous à www.scrivito.com

Intégration du CMS Scrivito dans votre application Rails:

Étape 1
Afin d’intégrer Scrivito dans votre application rails, vous devez vous inscrire à www.scrivito.com et générer les clés de l’API et du locataire.

Étape 2
Ajoutez le joyau Scrivito à votre Gemfile:

bijou “scrivito”, “~> 1.8”

Étape 3
Supprimez tous les turbolinks de ces fichiers car Scrivito ne le supporte pas encore.

Gemme (fichier)

Actifs JavaScript dans app / assets / javascripts / application.js

Présentation de l’application dans app / views / layouts / application.html.erb

(En cela, supprimez l’attribut de balise data-turbolinks-track)

Puis, lancez

mise à jour groupée scrivito

installation groupée

Étape 4
Exiger des ressources JavaScript Scrivito:

Ensuite, exigez les ressources suivantes dans app / assets / javascripts / application.js après jquery et jquery_ujs.

// = nécessite une requête

/ * Y compris jquery * /

// = nécessite jquery_ujs

/ * Y compris jquery_ujs * /

// = nécessite un scrivito

/ * Y compris scrivito * /

Exiger des actifs de feuille de style Scrivito:

Exigez également les actifs ci-dessous dans app / assets / stylesheets / application.css.

/ *
* = nécessite un scrivito
* /

Étape 5
Ajouter des balises head et body

Ajoutez scrivito_head_tags à la section head et scrivito_body_tags à la section body dans app / views / layouts / application.html.erb. Le résultat devrait ressembler à ceci:

…
<% = scrivito_head_tags%>
…

<% = rendement%>
…
<% = scrivito_body_tags%>
…

Étape 6
Laissez Scrivito générer et migrer les structures de base:

Exécutez cette commande pour générer une structure de base

rails g scrivito: installer

Cela générera la structure de base de Scrivito.

Étape 7
Créez un fichier .env dans le répertoire racine de votre application pour vos informations d’identification d’API.

Votre fichier .env ressemble à:

SCRIVITO_TENANT = locataire-id-de-scrivito.com-tableau de bord

SCRIVITO_API_KEY = tableau de bord api-key-from-scrivito.com

EDITOR_PASSWORD = le-mot-de-passe-éditeur

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

Dans les touches ci-dessus, vous pouvez laisser le mot de passe de l’éditeur, mais gardez à l’esprit que tout le monde peut accéder à votre application et en modifier le contenu. Si vous souhaitez que les modifications soient protégées par un mot de passe, vous devez donner un mot de passe pour ‘EDITOR_PASSWORD’.

Si vous laissez le champ modifier le mot de passe, le problème ne devrait pas survenir au niveau local, mais si vous déployez en public, vous devez définir un mot de passe.

Vous pouvez également laisser “GOOGLE_MAPS_API_KEY” mais le widget de cartes n’affiche aucune carte. Quoi qu’il en soit, vous pouvez ajouter une clé ultérieurement.

Après cela, vous devez migrer en utilisant la commande ci-dessous:

bundle exec rake scrivito: migrer scrivito: migrer: publier

Étape 8 (facultatif)
Si vous voulez un nouvel exemple de contenu, créez des données de base et exécutez-les en exécutant la commande ci-dessous. Cette étape est facultative et vous pouvez choisir de l’ignorer.

$ rails runner SeedDataName.create

Cela créera une nouvelle copie de travail pour vous, supprimera tout le contenu existant, ajoutera des exemples de pages et publiera la copie de travail.

Étape 9
Maintenant que tout est configuré pour exécuter votre application, il vous suffit de démarrer votre serveur.

serveur $ rails

Ouvrez http: // localhost: 3000 dans votre navigateur.

Vous pouvez maintenant créer un nouveau widget de page ou modifier le contenu de vos widgets à l’aide de l’option de l’éditeur, disponible en haut de l’en-tête

Et après?
Création d’un type de page avec des widgets:
L’idée derrière les widgets –
Aujourd’hui, les sites Web ne sont pas simplement une combinaison de titres et de texte. Ils sont devenus une représentation ou une sorte de marque pour leur représentant. Ils contiennent des nouvelles, des événements, des galeries, des informations affichées dans différents formats, des vidéos, des mises à jour régulières et bien plus encore. Mais cela ne signifie pas que les éditeurs de tels sites Web soient obligés de créer seuls le contenu dynamique et les fonctionnalités nécessaires. Ils ne doivent pas non plus être amenés à utiliser le codage (simple ou complexe) pour obtenir les structures à afficher souhaitées.

Un bon CMS devrait permettre que toutes les modifications de contenu ainsi que la structure du contenu soient apportées de la manière la plus simple possible. Dans cet esprit, Scrivito a mis au point des widgets, que les développeurs eux-mêmes peuvent exprimer et personnaliser. Ils peuvent être créés dans des widgets prêts à être utilisés pour être ensuite utilisés pour une simple insertion dans les pages Web. ”

Comment créer un type de page préparé pour les widgets?
Chaque page Web est représentée par un objet Scrivito CMS. Par conséquent, cet objet CMS a besoin d’un champ de type widgetlist (similaire à d’autres types tels que chaîne, date, etc.) afin de contenir les widgets.

Le kit de développement logiciel Scrivito est livré avec un générateur de page qui crée le modèle et le contrôleur de la page, ainsi que la vue Index, ainsi que les propriétés de la page et les vues miniatures pour la modification sur place:

Exécuter cette commande

$ rails g scrivito: page MyPage

Cela générera tous les modèles de vues et de contrôleurs associés aux pages.

Dans le modèle, vous pouvez ajouter les attributs dont vous avez besoin ou ajouter comme ceci:

classe MyPage <Obj
attribut: titre,: chaîne
attribut: body,: widgetlist
attribut: child_order,: liste de références
Fin

Maintenant, de nouveaux objets CMS basés sur la classe d’objets MyPage peuvent être créés. Vous voudrez peut-être essayer ceci sur votre site Web basé sur Scrivito.

Intégration de widgets dans une vue

Il suffit de mettre le code ci-dessous dans votre page view / 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%>

Vous êtes maintenant prêt à ajouter des widgets à cette page. Le CMS Scrivito est également livré avec un ensemble de base de widgets, vous pouvez donc les essayer un peu.

En savoir plus sur la galerie de widgets:

Tous les widgets de base sont installés par défaut lorsque vous créez une structure d’application de base, mais d’autres widgets sont disponibles, tels que le widget vidéo, le widget de formulaire crm, etc. Si vous souhaitez utiliser ces widgets, vous devez les générer. en ajoutant des gemmes ou en générant par commande.

Deux manières d’insérer des widgets et des données de widget sur une page Web:

Vous pouvez ajouter des widgets et son contenu en visitant le site Web en tant qu’éditeur.
Vous pouvez ajouter des widgets et son contenu à partir du créateur de contenu de départ.

Exemple de scrivito:

Supposons que vous relanciez votre site web le mois prochain avec un nouveau look et un nouveau contenu. Dans cette situation, vous pouvez avoir plusieurs changements et plus de travail. Ainsi, une équipe de rédacteurs peut travailler sur la copie de travail relancée, tandis que les autres éditeurs corrigent d’autres problèmes (le cas échéant) ou ajoutent de nouveaux articles au site à l’aide de leur copie de travail individuelle.

Avantages de Scrivito:

N’ayez pas peur de commettre des erreurs – Si vous avez commis des erreurs lors de l’édition, inutile de vous inquiéter; supprimez simplement votre copie de travail, quel que soit le nombre d’erreurs ou de modifications que vous avez apportées. Ainsi, une personne novice sur le site Web peut jouer avec des objets sans craindre de le détruire.
Facile à utiliser – vous pouvez facilement déplacer votre contenu en téléchargeant une vidéo ou une image par un simple glisser-déposer
Pas besoin d’un professionnel – Vous n’avez pas besoin d’un développeur professionnel pour modifier le contenu des sites Web.
Scrivito CMS, à mon avis, est l’un des meilleurs moyens de gérer le contenu Web. Pour plus de détails sur le CMS Scrivito, suivez la documentation de https://scrivito.com/documentation.

Voulez-vous en savoir plus ou voir nos projets? Remplissez le formulaire de contact ou envoyez un mail à sales@iterontech.com