ProcessWire : le CMS open source pour des sites Web uniques

ProcessWire est un framework de gestion de contenu (CMF) et un système de gestion de contenu gratuit (CMS). Le backend est propre et structuré pour une manipulation facile. Cet outil vous donne toute la liberté dont vous avez besoin pour concevoir votre site Web. Il n'est pas aussi bien connu que le géant CMS WordPress ou ses concurrents Joomla, Drupal et TYPO3, mais ce léger logiciel se distingue de la concurrence par certains avantages. C'est pourquoi il vaut la peine d'examiner de plus près ProcessWire.

Sous le nom de Dictator CMS, le CMS était déjà en développement actif en 2003. En 2007, Ryan Cramer a finalement sorti le logiciel sous le nom de ProcessWire 1.0. Cependant, Dictator CMS et ProcessWire 1.0 n'étaient pas encore open source, bien que des efforts aient été faits dans cette direction. Seule la version 2.0 a finalement été publiée sous la Mozilla Public License 2.0 en 2010. Selon la communauté, la version 2.3 était un jalon spécial pour les développeurs, car il s'agissait de la première version sur laquelle la communauté avait travaillé ensemble sur le logiciel de base. La version 3.0 (2016) est la dernière version majeure. Grâce à la communauté active, des packs de localisation sont également disponibles pour plusieurs langues, dont l'allemand, le français, l'espagnol et l'italien.

Le backend ProcessWire est bien structuré, l'interface utilisateur est extrêmement conviviale. Vous construisez les pages Web avec ProcessWire à partir d'éléments individuels, les zones. Vous déterminez la fonction d'un champ et vous le placez dans la page. Pour définir la structure de la page, vous créez un modèle avec ProcessWire. Vous y placez les champs selon vos souhaits. Si vous affectez des pages à un modèle, votre site Web affiche toutes ces pages selon la structure que vous avez spécifiée.

Puisque chaque partie de votre site Web est assignée à une page Web, le CMS travaille avec des pages cachées. Ceux-ci sont soit toujours cachés et sont utilisés, par exemple, comme stockage de contenu pour d'autres pages, soit ils contrôlent la navigation. Une autre possibilité : la page apparaît lorsque les utilisateurs interagissent avec le site Web d'une manière ou d'une autre. Par exemple, le message d'erreur 404 est chargé lorsque vous saisissez une URL invalide.

L'interface de programmation stable (API pour Application Programming Interface) fait la fierté du CMF. En raison de la structure modulaire de ProcessWire, le système nécessite des interfaces internes via lesquelles les utilisateurs peuvent trouver, modifier ou créer de nouvelles données. Vous utilisez des variables d'interface et des sélecteurs pour traiter ces données. Dans le script, vous pouvez concaténer les commandes nécessaires et les placer sur une seule ligne. En plus des modules intégrés, l'API permet également l'échange de données fluides avec des plug-ins tiers.

Les pages mentionnées ci-dessus sont composées de champs (fields). Celles-ci ont aussi une caractéristique spéciale. Contrairement à WordPress, par exemple, il n'y a pas un seul grand champ de saisie pour saisir tout le contenu d'une page. Vous pouvez personnaliser tous les champs en fonction de vos besoins. Ensuite, combinez plusieurs champs sur la page, qu'il s'agisse de simples champs de texte ou de vidéos. Vous affectez ces zones aux Templates ProcessWire. Qu'il s'agisse d'un simple fichier HTML ou d'une application PHP complexe, les fichiers modèles peuvent être placés dans le CMS en quelques étapes par glisser-déposer. La plupart des développeurs utilisent des modèles avec des balises PHP pour afficher du contenu dynamique.

Le fonctionnement des Templates avec ProcessWire peut être expliqué comme suit : Si les utilisateurs chargent une page, le CMS appelle le modèle affecté à la page. Il assigne des variables API au modèle et l'exécute ensuite en tant que script PHP.

Le programme de base comprend déjà quelques plug-ins stables. Il existe des modules pour :

• AdminThemes
• SpamBlocker d‘Akismet pour la colonne de commentaires
• FieldtypePlug-ins (Checkbox, Images, options de sélection, titre de pages, etc.)
• Paramètres de dossiers
• Images
• Champs d’Input (boutons, email, nom, sélection, zone de texte, etc.)
• jQuery
• Langues
• Hooks
• Markups
• Pages
• Processus (éditer des pages, droits, champs, etc.)
• Sessions
• Système
• Formatage de texte

Vous pouvez personnaliser la méthodologie à l'aide de crochets (hooks). Au lieu de changer le code source, connectez-vous à un plugin ou à un thème à un point spécifique du code. Des modules supplémentaires peuvent être trouvés dans le répertoire Plug-in. Les membres de la communauté téléchargent de nouveaux modules open source. Vous pouvez utiliser de tels modules sans aucun problème : il s'agit notamment de Form Builder, un outil qui facilite la création de formulaires, et de ProFields, qui peut traiter plus de données dans moins de champs.

La mémoire Cache vaut aussi la peine d'être mentionnée. Dans les versions professionnelles gratuites et payantes (le prix de vente de ProCache est entièrement utilisé pour le développement), le cache est un outil pratique qui accélère le chargement des pages.

Exigences minimales

• Un serveur Web basé sur Unix ou Windows
• Apache (éventuellement un équivalent comme NGINX ou IIS si un remplacement pour .htaccess, par exemple web.config pour IIS, est disponible).
• mod-rewrite doit être activé dans Apache
• Apache doit supporter .htaccess.
• PHP à partir de la version 5.3.8 avec support des bases de données PDO
• Bibliothèque GD-2 Bundle pour PHP

Meilleur cas :

• La dernière version stable PHP
• Des balises courtes sont activées pour PHP
• Support des chaînes de caractères multi-octets compilées avec PHP (--enable-mbstring)

Les deux outils sont apparus pour la première fois en 2003. WordPress est le géant CMS avec une part de marché de 60% (en janvier 2018), leader mondial des systèmes de gestion de contenu. En revanche, les chiffres d'utilisation de ProcessWire sont de l'ordre de quatre chiffres, ce qui signifie une part de marché inférieure à 0,1 %. Une grande différence entre les deux outils est que WordPress est très facile à installer et à utiliser et ne nécessite aucune connaissance en HTML ou PHP.

C'est un peu comme avec la musique. Vous n'avez pas besoin de beaucoup de talent ou de temps pour une chanson pop générique. L'arrangement est créé selon un modèle et de l’auto-Tune. La musique est aussi souvent jouée à la radio, car elle présente une faible complexité. Une musique plus complexe offre généralement plus de variété, mais vous avez aussi besoin de plus de compétences pour composer.

ProcessWire possède certaines caractéristiques qui facilitent la vie des concepteurs et des développeurs de sites Web : comme le chargement de fichiers par glisser-déposer. L'installation prend relativement peu de temps. Mais la liberté de concevoir n'importe quel site Web selon vos propres idées nécessite également une connaissance préalable des langages de programmation. Le groupe cible de ProcessWire est donc différent de celui de WordPress. Le leader du marché fait de la publicité avec une installation et une installation en moins de 5 minutes. Les thèmes et les modèles existants fournissent un cadre. Ainsi, même les débutants peuvent créer un blog respectable en peu de temps.

Le développeur du site Web attribue les Templates ProcessWire aux pages respectives. Vous devez pratiquement fusionner vous-même le cadre du site Web avec les commandes. ProcessWire s'adresse donc aux concepteurs de sites Web professionnels ou aux programmeurs de loisir. Cependant, l'utilisateur final du site Web fini n'a pas besoin de beaucoup de connaissances préalables : Une fois que le cadre est en place, les mises à jour et l'ajout de nouvelles pages ne posent aucun problème, même pour les profanes de l'informatique. La fonction prête à l'emploi, avec laquelle plusieurs domaines localisés peuvent être créés pour un site Web, est particulièrement pratique. Grâce aux packages linguistiques, vous pouvez également travailler en back-end dans la langue cible. Avec WordPress, l'intégration linguistique ne se déroule généralement pas aussi bien.

Quiconque crée un site Web veut naturellement qu'il se trouve sur le Net. ProcessWire et WordPress vous aident à optimiser vos pages à cet égard. Le logiciel de base optimise les URL pour les robots des moteurs de recherche et les lecteurs, par exemple. L'arborescence de ProcessWire est très bien adaptée à la création de hiérarchies claires. Cependant, la pagination peut être un problème. Les pages sans contenu qui ne font référence qu'à d'autres pages n'offrent rien aux robots et, dans le pire des cas, les envoient en boucle. C'est pourquoi les développeurs ProcessWire recommandent de préparer des pages d'erreur 404 pour d'éventuelles erreurs de charge. La mémoire cache (suffisante comme version de base pour les petits projets) augmente la vitesse de chargement. Avec WordPress, vous devez ajouter une extension à cette fin.

Dans la partie plugin de WordPress, vous trouverez de nombreux outils d'optimisation. Yoast SEO, par exemple, offre les fonctions de référencement les plus importantes dans un seul paquet. Il s'agit notamment de fonctions d'intégration des médias sociaux, d'optimisation des métadonnées et d'analyse des sites Web. Avec le plugin Google XML Sitemaps, vous créez un sitemap. ProcessWire met également à disposition un module à cet effet. L'extension MarkupSEO est une solution complète. Cet outil crée un onglet SEO dans la zone « Pages ». Vous y entrez le titre, les images de prévisualisation et d'autres métadonnées. Dans la partie supérieure, vous voyez un Google-Preview parallèle à l'édition. ProFields : AutoLinks relie automatiquement les mots-clés sélectionnés à des URLs données. Avec le module ProcessWire Accessibility Tools, vous augmentez l'accessibilité de votre site Web.

Comme nous l'avons déjà mentionné, avec ProcessWire, vous travaillez avec une structure arborescente presque infiniment extensible. Pour le développement de votre site Web, vous disposez d'un logiciel solide et léger. Vous utilisez l'interface de programmation pour intégrer des modules qui semblent utiles pour votre projet. Certains sont déjà inclus dans le logiciel de base lors de l'installation. Les applications communautaires sont également basées sur les logiciels libres et les développeurs principaux les testent avant qu'ils ne soient mis à la disposition des utilisateurs. Le programme est considéré comme un framework de gestion de contenu, puisque vous pouvez créer votre propre système de gestion de contenu personnel avec ce logiciel.

WordPress est basé sur le logiciel b2, développé à l'origine comme logiciel de blogging. Vous pouvez également gérer des pages hiérarchiques et l'utiliser comme un CMS. L'API a souvent été critiquée : contrairement à ProcessWire, où les logiciels de base et les modules s'engrènent, la grande communauté WordPress ajoute constamment des plugins (parfois dangereux et souvent surchargés). En raison du chevauchement des responsabilités, les différents plugins peuvent se faire concurrence. De plus, en raison de leur grand nombre, presque toutes les applications peuvent être testées pour vérifier leur compatibilité. Dans le cas des mises à jour automatisées fréquentes, cela conduit parfois à une nouvelle version de plugin limitant d'autres fonctions de votre site web sans que cela ne soit remarqué.

Autre particularité du logiciel CMF ProcessWire : tous les composants visibles et invisibles des sites Web sont des pages. Vous disposez ensuite de plusieurs zones de données adaptées à la méthode de saisie. Dans Blog-CMS WordPress, vous travaillez dans un grand champ de saisie et ne disposez que de quelques champs de données pour la catégorisation.

WordPress est connu et populaire à l'échelle internationale. Ceci, bien sûr, attire des hackers. CVE-Details a énuméré un total de 273 vulnérabilités dans les applications WordPress jusqu’en mars 2018.

Bon nombre de ces failles étaient critiques. Le nombre de vulnérabilités signalées a même plus que doublé en 2017 par rapport à l’année précédente. La méthode du Cross-Site-Scripting a permis de faire apparaître la liste des cyberattaques les plus courantes. WordPress travaille constamment sur les mises à jour de sécurité, mais de nombreuses pages utilisent une multitude de plug-ins qui nécessitent également des mises à jour. Cependant, de nombreux administrateurs de sites Web oublient que les plugins ont également besoin de recevoir des mises à jour régulières. Les thèmes surchargés ont souvent de sérieuses failles de sécurité.

Depuis, les modules communautaires sont testés avec plus d’insistance avant déploiement, malgré une coopération open source. La bibliothèque de plugins est donc plus petite mais aussi plus facile à gérer, et les plug-ins sont relativement sûrs. ProcessWire travaille également en permanence sur les mises à jour de sécurité.

Courte introduction à l’installation

Il existe plusieurs méthodes de téléchargement, mais la plupart des utilisateurs téléchargent le programme via GitHub. Si vous avez téléchargé le fichier zip de cette façon, vous devez décompresser le fichier zip. Ensuite, téléchargez le paquet de fichiers sur un serveur et continuez l'installation Web. Le programme effectue un contrôle de compatibilité et vous informe si les conditions de base ne sont pas remplies. Si ce n'est pas déjà fait, activez PHP dans le fichier .htaccess. Ensuite, entrez les informations requises sur votre base de données dans la zone d'administration. Vous pouvez les trouver chez votre hébergeur. Par la suite, le FMC a besoin d'une adresse électronique. Vous recevrez vos données d'accès et pourrez commencer immédiatement.

Vous accédez ensuite au point de menu « Templates » via les réglages (Setup). Les modèles assurent un aspect uniforme des pages avec les mêmes tâches. Sélectionnez « Add New Template ». Vous chargez les spécifications du modèle à partir d'un fichier PHP sur votre serveur ou vous les écrivez vous-même. Si un modèle existe déjà, comme le modèle de base des téléchargements, dupliquez ce modèle pour un nouveau thème. Sélectionnez un modèle dans le menu déroulant dans « Dupliquer les champs utilisés par un autre modèle » (Duplicate fields used by another template). Votre nouveau modèle contient toutes les zones du modèle original. Les champs existants sont conservés.

Dans l'onglet « Access », vous déterminez qui a accès aux pages de ce modèle. Il existe une multitude d'applications possibles pour cela. Par exemple, il est possible de créer des pages de forum qui ne sont visibles que pour les utilisateurs connectés. Vous pouvez également vouloir construire une page que tous les visiteurs peuvent voir, mais dont le contenu ne peut être édité que par des modérateurs. Dans « Family », vous définissez si le modèle autorise les sous-pages. Vous définissez également les modèles valables pour les pages enfants et parents. La pagination et l'optimisation du site Web grâce à des structures de chemin d'accès claires vous aident via les paramètres URL.

Le cache améliore les temps de chargement des pages Web complexes. Sous la catégorie « Advanced », vous trouverez des tags, des toggles et des icônes. Comme ProcessWire essaie de placer les outils là où vous en avez besoin, vous pouvez également copier les champs d'autres thèmes dans l'éditeur de modèles sous « Import ». Utilisez « Delete » pour supprimer un modèle.

Le credo de ProcessWire : tout est une page. Cela vous donne une vue d'ensemble de chaque élément dans votre architecture. Vous avez déjà défini des zones et créé des modèles. Vous avez donc la base nécessaire pour créer une page. Pour ce faire, retournez sur la page d'accueil « Pages » et cliquez sur « Add new ». Dans le menu déroulant, vous pouvez voir tous les modèles déjà créés. Sélectionnez le thème désiré, par exemple « Skyscrapers », comme le montre l'image ci-dessous.

La nouvelle page sera construite selon le modèle défini dans « Skyscrapers ». Dans la version de démonstration, les relations entre la page et la famille sont déjà fixées. Pour le modèle « Skyscrapers », sélectionnez une page mère dans les villes données (Cities). Ensuite, donnez à la page le titre de l'en-tête et un nom pour l'URL.

Sauvegardez d'abord la page avec « Save ». Allez dans Pages > Villes > Albuquerque, sélectionnez la page d'exemple (Albuquerque Petroleum Building) et cliquez sur « Edit ». Dans l'onglet Paramètres, vous définissez les propriétés de la page. Le nom et le modèle sont déjà créés. La page mère dans l'exemple est Albuquerque. Ici, vous décidez du statut (caché, verrouillé ou non publié), des droits d'accès et du cache. Personnalisez vos champs individuels dans la zone de contenu (ici : Skyscraper Info). Le modèle Skyscraper spécifie 12 champs :

• Title (Page Title)
• Height (Float)
• Floors (Integer)
• Year (Integer)
• Architects (Page)
• Body (Text Area)
• Map (Map Marker)
• Images (Images)
• Fieldset_Meta (FieldsetOpen)
• FreebaseGuid (Text)
• WikipediaID (Integer)
• FieldsetMeta-END

Remplissez les champs de texte et de nombre avec le contenu. Entrez les coordonnées de marquage sur la carte. Téléchargez les images dans le champ correspondant par glisser-déposer. Vous pouvez utiliser l'outil image pour modifier la taille et le format. Une fois que vous avez rempli tous les champs, sélectionnez l'une des vues de prévisualisation dans l'onglet « View ». Tout a l'air bien ? Sauvegardez ensuite la page sous « Save ». Avec ces premières étapes, vous construisez un site Web simple et personnalisé. Pour plus de liberté de conception, une meilleure expérience utilisateur et une zone d'administration optimisée, parcourez les modules open source.