IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Rendez votre site web modifiable : un modèle SvelteKit pour créer des sites web modifiables sans CMS

Le , par Sandra Coret

8PARTAGES

9  3 
En 2023, la gestion du contenu d'un site web est toujours aussi pénible. Les solutions CMS et No-Code sont lourdes, lentes et compliquées à utiliser.

Les outils modernes, tels que Svelte et Tailwind, vous permettent de créer facilement des sites web rapides et attrayants. Ce qui manque, c'est la possibilité de faire des modifications sans changer le code source.

À qui cela s'adresse-t-il ?

Cet outil s'adresse aux développeurs frontaux qui souhaitent contrôler la mise en page dans le code, tout en permettant aux utilisateurs finaux d'apporter des modifications au contenu.

Si vous ou vos utilisateurs préférez également définir la mise en page et le style dans une interface visuelle, vous feriez mieux d'utiliser un CMS conventionnel ou un outil No-Code.

Quelle est la différence avec un site WordPress classique ?

La qualité, la rapidité et la facilité d'utilisation. Les modifications peuvent être effectuées au fur et à mesure que vous naviguez sur le site web. Les utilisateurs finaux n'ont plus besoin de se battre avec les aspects techniques d'un CMS.

Pourquoi Svelte ?

Contrairement à React, Svelte a permis d'éliminer le code standard pour l'intégration d'un éditeur de texte riche. De cette façon, les concepteurs qui connaissent HTML + CSS sont en mesure de construire des sites web éditables sans CMS.

Y a-t-il des frais de licence ?

Le code source est distribué sous une licence MIT permissive. Seules les technologies open-source, y compris SvelteKit, Postgres, et MinIO sont utilisées.

Optimisation pour les moteurs de recherche ?

Le modèle est optimisé pour la vitesse et l'accessibilité. En plus d'un contenu de qualité, c'est ce que Google et ses amis récompensent dans leurs algorithmes de classement.


Dois-je utiliser Wordpress ? Quoi d'autre ?

On estime que 43 % des sites web sont construits avec Wordpress, le CMS le plus populaire.

Cependant, la quantité n'est pas synonyme de qualité, c'est pourquoi il convient d'examiner en profondeur ce qu'un CMS tel que Wordpress peut faire pour vous, et quelles sont ses limites.

Construire des pages visuellement

Le principal argument en faveur de Wordpress est qu'il vous permet de créer un site web sans faire appel à un programmeur. Au lieu de cela, vous pouvez utiliser des modèles et un constructeur de pages visuel (par exemple, l'éditeur officiel Gutenberg ou des plugins tels que Elementor ou Divi builder).

S'il est facile de s'en tenir à un modèle et de remplir votre contenu, il n'est pas vraiment trivial de réaliser un design personnalisé. Le plus souvent, il faut sortir du flux de travail standard et engager un programmeur qui construira un thème Wordpress personnalisé pour vous.

Mais supposons que vous soyez satisfait de ce que les thèmes standard vous offrent et que votre site web "sente le Wordpress". Vous devez néanmoins admettre que vous passerez de nombreuses heures à apprendre à utiliser Wordpress et le constructeur de pages de votre choix. Il est probable que vous oubliiez quelque chose et que votre conception "drag+drop" bloque les visiteurs de votre site web. Les problèmes de convivialité sont très fréquents (par exemple, le site ne répond pas correctement aux différentes tailles d'écran).

Mettez à jour le contenu de votre site

Avec Wordpress, vous avez la possibilité de mettre à jour vous-même le contenu de votre site. Vous pouvez donner accès à des rédacteurs de contenu, qui alimenteront votre site avec du contenu frais, comme de nouveaux articles.

Cependant, vous et vos rédacteurs devez d'abord apprendre comment cela fonctionne. Comme Wordpress tente de répondre aux besoins de milliers de personnes, il est souvent difficile à utiliser. Vous devez trouver les paramètres qui vous conviennent et ignorer tous les autres paramètres déroutants qui ne sont pas pertinents pour votre site web. Préparez-vous à une certaine frustration, surtout lorsque vous voudrez mieux contrôler l'apparence d'une page particulière. Souvent, les utilisateurs de Wordpress se retrouvent bloqués et doivent alors faire appel à un consultant pour les aider à effectuer les changements nécessaires.

Des milliers de plugins disponibles

La promesse est que vous pouvez étendre la fonctionnalité de votre site web et le transformer en boutique en ligne par exemple (en utilisant WooCommerce). Vous pouvez également utiliser un plugin de construction de formulaires pour créer des formulaires de contact. Il n'y a pas de limites. C'est vrai, mais il faut aussi être conscient des dangers liés à l'utilisation excessive des plugins.

Les plugins sont souvent des logiciels complexes, car ils ne sont pas conçus uniquement pour vous, mais pour des milliers d'autres utilisateurs confrontés à un problème similaire. Souvent, les widgets reposent sur des services externes, par exemple une boutique ou un prestataire de services de paiement. Ce n'est qu'une question de temps avant que ces services ne tombent en panne, car les fournisseurs de services apportent des modifications à leurs logiciels ou font tout simplement faillite. Pour chaque plugin que vous utilisez, attendez-vous à un temps de maintenance substantiel pour le maintenir à jour et fonctionnel.

Performance

Les concepteurs de pages visuelles doivent stocker la structure et le contenu dans une base de données. Cela signifie que vous pouvez vous retrouver avec des milliers d'entrées de base de données pour une seule page web. Chaque fois qu'un visiteur consulte votre site, ces entrées doivent être extraites de la base de données. Par conséquent, votre site devient très lent. Lorsqu'un site Internet met plusieurs secondes à se charger, vous pouvez être certain que c'est parce qu'il est alimenté par un système de gestion de contenu (CMS) qui effectue des tâches lourdes en arrière-plan.

Les pages construites à l'aide d'un constructeur de pages se caractérisent souvent par un balisage trop lourd, des images qui ne sont pas correctement optimisées pour le web et des scripts supplémentaires qui doivent être chargés pour que la mise en page fonctionne. Cela augmente la taille de téléchargement de chaque page et le visiteur doit attendre que toutes les données soient arrivées. Une page lente aura également un impact négatif sur votre classement dans Google, il ne s'agit donc pas simplement d'un problème d'expérience utilisateur.

Sécurité

En utilisant Wordpress, vous pouvez également être exposé à des problèmes de sécurité, car les plugins Wordpress les plus populaires sont une cible courante pour les pirates informatiques et les spammeurs. Des mises à jour régulières des plugins sont essentielles pour assurer la sécurité de votre site. La plupart des piratages sont dus à des plugins et des thèmes obsolètes.

Les arguments en faveur de Wordpress

Si vous disposez d'un petit budget et que vous êtes curieux d'apprendre la technologie et de comprendre les choses par vous-même, Wordpress peut être une option valable. Suivez simplement mon conseil de ne pas vous laisser tenter par l'installation d'un grand nombre de plugins Wordpress. Vous le regretteriez.

L'alternative

Si votre site web est essentiel pour votre entreprise et que vous souhaitez faire confiance à un concepteur pour créer une expérience utilisateur unique, je pense qu'il est préférable d'opter pour une solution sur mesure. Elle ne contiendra que les éléments dont vous avez besoin et rien d'autre. Les sites personnalisés ont souvent une empreinte 10 fois plus petite que les solutions génériques telles que les systèmes de gestion de contenu ou les plateformes sans code. Grâce à une exécution solide par des concepteurs et des développeurs web expérimentés, vous obtiendrez non seulement une expérience utilisateur rapide et visuellement unique, mais aussi les coûts de maintenance les plus bas.

Avec les sites web personnalisés, ce ne sont pas seulement les parties publiques des sites web qui sont conçues, mais aussi les interfaces pour créer, supprimer et éditer des pages. Une solution a été mise au point pour permettre la modification sur place de votre site web. Mais ce n'est qu'une approche parmi d'autres. L'important est de déterminer la manière la plus efficace de gérer le site et d'adapter les interfaces en conséquence.

Source : Site Editable, Code source sur GitHub

Et vous ?

Pensez-vous que cette solution peut être pertinente dans certaines situations par rapport à d'autres solutions comme un CMS ou un site statique ?

Voir aussi :

Des centaines de sites WordPress infectés par une porte dérobée récemment découverte, ce nouveau logiciel malveillant pour Linux exploite 30 vulnérabilités dans des plugins WordPress

Les sites de commerce électronique continuent d'utiliser les motifs sombres pour tromper les consommateurs, Amazon.com serait le pire site web avec 11 "dark patterns" détectés, selon Merchant Machine

Des milliers de sites Web utilisent un plug-in WordPress bogué qui permet une prise de contrôle complète d'un site, toutes les versions seraient concernées et il n'y a pas de correctif

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de jbrosset
Membre régulier https://www.developpez.com
Le 28/04/2023 à 13:40
Bonjour,

avec des compétences techniques web limitées, je gère plusieurs petits sites associatifs avec WordPress et... c'est pas trop la joie :
WordPress n'est absolument pas ergonomique, il y a des fonctions un peu partout et il est souvent difficile de s'y retrouver.
De plus, on tremble à chaque mise à jour...

Bref, une alternative où il suffirait de cliquer pour mettre à jour les pages comme on veut, ça semble attrayant.

Je suis allé voir les liens indiqués dans l'article et... déception : je crois que je n'ai rien compris
Je suis de moins en moins technophile avec l'âge, j'ai meux à faire (la nature et si belle !) alors je passe à autre chose.

Maintenant, s'il existe un outil vraiment simple pour créer des petits sites, je suis preneur de vos suggestions !!
0  0 
Avatar de DevJuniorBx
Nouveau Candidat au Club https://www.developpez.com
Le 10/06/2023 à 12:29
Bonjour,

Je fais du svelte pour la première fois sur un petit projet perso et je rencontre certaine difficulté, si vous pouvez m'aider :-)

J'ai un logo, je souhaite modifier son CSS, une fois modifié dans le projet, il me le met pas à jour quand je le lance. sachant
que le CSS du logo est dans un fichier global.scss cependant, quand je modifie se fichier et lance le projet avec npm start,
la modification n'apparait pas. En utilisant DevTools, je constate que le css est dans un fichier __layout.svelte-2b134d5e.css.
Je suis pourtant sur que le fichier global est le même, la même balise et même celle qui l'entoure sont les même visible sur le
__layout.svelte-2b134d5e.css. Je pense que c'est généré, mais je trouve pas comment faire. Si vous pouvez m'aider.

Merci
0  0