Créer un thème Wordpress sans coder, c’est maintenant possible !

Qui n’a jamais rêvé de créer son propre thème Wordpress ? Pas tout le monde, c’est certain. Mais si tu es concepteur de site nocode et que tu as déjà roulé ta bosse dans le domaine, tu as pu certainement remarquer qu’utiliser des thèmes rendait la conception bien trop rigide.

Puis une petite voix dans ta tête t’a certainement murmuré qu’il serait génial de créer ton propre thème Wordpress ! Tu pourrais proposer des thèmes flexibles à tes clients et répondre à toutes leurs attentes. Mais le “hic”, c’est que tu ne sais pas aligner trois lignes de code. Pourtant, pour créer un thème, il faut savoir coder. Enfin, c’est ce que nous avons cru jusqu’à ce que l’on tombe sur une découverte surprenante.

Dans cet article, on va voir :

• Les 2 outils qui permettent de créer un thème Wordpress sans coder
• Un petit tuto pour t’apprendre à le faire

Allez, let’s do it !

La révolution du nocode gagne du terrain

Si tu ne vis pas terré au fond d’une grotte, tu as certainement déjà entendu ce terme, “nocode”. Il est utilisé dans le cas où une action qui devait être normalement exécutée par un développeur expérimenté, peut être remplacée par un simple outil et quelques clics de souris.

Du coup on en voit partout, et notamment dans la conception de site : Wordpress, Shopify, Clickfunnels ou encore Webflow.

Et c’est ce dernier qui va nous intéresser car Webflow est l’un des outils nocode qui se rapproche le plus du code et grâce à sa grande flexibilité tu peux concevoir à peu près n’importe quel type de site. On a fait un article où on en parle sur le blog du site.

Puis ayant vu les possibilités qu’offrait cet outil, un second outil est né… Un outil qui permet de convertir un site Webflow en un site compatible avec Wordpress.

Quel est l’outil révolutionnaire (et on pèse nos mots) qui permet cette prouesse ?

Stoppons ce suspense insoutenable, l’outil se nomme “Udesly”. Il faut savoir qu’Udesly, permet non seulement la conversion de site Webflow sur Wordpress, mais aussi de créer des thèmes sur Shopify, Ghost et Jamstack.

Trêve de bavardage, regardons maintenant comment convertir son site Webflow sur Wordpress étape par étape.

Tuto : Comment créer son thème Wordpress sans coder avec Udesly et Webflow

‍

Étape 1 - Créer son site dans Webflow

Prends ton abonnement sur Webflow si ce n’est pas déjà fait : (lien affilié)

Design ton site en ajoutant les pages que tu souhaiteras voir dans ton thème. Toutes les pages ne sont pas obligatoires mais sont conseillées pour avoir un thème complet.

Une fois que ton thème est créé, il est temps d’ajouter les attributs.

Étape 2 - Ajouter les attributs à son site grâce au plugin d’Udesly

N’oublie pas de t’inscrire à Udesly pour avoir accès au convertisseur.

Il y a 2 manières d’ajouter les attributs car Udesly possède 2 outils différents. Le premier outil qui permet d’ajouter les attributs à la main en suivant la documentation, tandis qu’avec le second outil il te suffit de télécharger une extension chrome qui va venir les ajouter en 1 clic !

Chacune des 2 versions à des avantages et des inconvénients

La première version demande un temps d’apprentissage plus long car tu dois comprendre à quoi sert chaque attribut et les ajouter manuellement. En revanche, cette première version te permet d’avoir plus de contrôle sur l’export de ton thème car certains attributs permettent d’injecter du code PHP pour créer des conditions par exemple.

La seconde version ne demande pas réellement d’apprentissage. En quelques clics l’extension ajoute les attributs à tes éléments sur Webflow. L’inconvénient est qu’elle n’ajoute que les attributs essentiels et ne te permet pas d’en ajouter manuellement pour plus de contrôle sur ton thème.

Dans ce tuto, nous allons voir uniquement la nouvelle version de l’application. Mais si tu souhaites apprendre à maîtriser la première, nous avons créé un tuto complet sur la création de thème Wordpress avec Udesly.

Une fois que tu as cliqué sur le CMS de ton choix, un fichier “.config” est généré. Garde-le sous la main car tu en auras besoin pour la suite.

Étape 3 - Exporter le code de son site Webflow

La prochaine étape consiste à exporter le code de ton site Webflow. Pour ça, il te suffit de te rendre sur le petit pictogramme qui ressemble au symbole code et de télécharger le fichier ZIP.

Étape 4 - Utiliser le convertisseur d’Udesly

Il est maintenant temps d’assembler nos fichiers dans le convertisseur.

Clique sur la seconde colonne pour effectuer une conversion vers Wordpress.

Dans un second temps, tu vas devoir mettre le code de ton site que tu as exporté dans un fichier .zip.

Maintenant, clique sur “theme configuration” et téléverse ton fichier “.config” qui contient les attributs.

Une fois cela fait, il ne te reste plus qu’à cliquer sur le bouton “convert” pour que la magie opère.

Il est maintenant temps de passer à l’étape finale, ajouter son thème dans Wordpress.

Étape 5 - Installer son thème dans Wordpress

Dans cette dernière étape, il te suffit de faire téléverser ton thème dans l’emplacement indiqué (voir capture ci-dessous)

Une fois le thème installé, tu vas devoir l’activer.

Et pour finir n’oublie pas d’installer le plugin Udesly pour que celui-ci fonctionne. Ne cherche pas le plugin dans la bibliothèque de plugin car il n’y est pas. Pour le trouver il te suffit d’aller dans l’onglet “install plugin” et d’activer “Udesly App”

Ça y est, ton thème est opérationnel !

Peut-on personnaliser son thème dans Wordpress ?

La réponse est “oui”. Udesly a développé un éditeur qui te permet de modifier les images, les vidéos et les liens hypertextes de ton site.

En revanche tu ne pourras pas déplacer des sections pour restructurer ta page. Pour ça, il faut te rendre dans Webflow, faire tes modifications et renouveler l’export (promis ça prend que 2 min !)

Pour trouver l’éditeur, rend toi sur la prévisualisation de ton site, puis clique sur “Open Frontend Editor”

Ensuite il te suffit de changer les éléments que tu souhaites.

Prêt à créer des thèmes wordpress personnalisé sans coder ?

Tu sais désormais comment créer ton thème Wordpress grâce à la puissance du nocode. Faisons un petit récapitulatif de ce dont tu as besoin ;

• Un compte Webflow pour pouvoir designer ton site
• Un compte Udesly pour pouvoir convertir ton site vers Wordpress
• Un compte Wordpress pour l’héberger

Maintenant, sache qu’il existe de nombreuses subtilités si tu veux concevoir des thèmes plus complets avec un niveau de contrôle plus élevé. Pour ça on a créé une formation complète sur la création de thème Wordpress avec Udesly pour t’aider à maîtriser l’outil.

Tchuss !