Comment utiliser le CMS Microweber pour créer un blog ou un site e-Commerce avec le glisser déposer

Microweber, est un nouveau CMS open source qui permet de créer rapidement un blog, un site ou une boutique en ligne sans avoir à taper du code. Ce script est  basé sur le WYSIWYG et le glisser déposer, pour simplifier à la fois l’ajout du contenu et le design du site.

J’ai installé la version beta en locale sans aucun problème, sauf que le script n’est pas encore disponible en français, mais heureusement il est très facile de créer un fichier de langue et faire la traduction des mots de notre choix via l’interface d’administration. L’installation de Microweber, n’est pas du tout compliquée pour ceux qui ont l’habitude d’installer des scripts comme WordPress, Joomla,…etc.

Comment installer le CMS Microweber en locale :

Pré-requises :

  • Un serveur Apache ou IIS.
  • Php 5.3 ou version ultérieure.
  • MySQL 5 ou +.
  • Le mod_rewrite doit être activé.
  • lib-xml avec la prise en charge de Document Object Model (DOM).
  • GD php.

Note :

Pour réaliser ce tutoriel, j’ai utilisé le serveur AMPPS, vous pouvez bien sur utiliser un autre serveur comme WAMP, etc.

Avant de commencer, n’oubliez pas de fermer Skype, ou tout autre programme qui utilise le port 80.

  • Pour télécharger le script, rendez-vous sur le site officiel.
  • Exécutez AMPPS en tant qu’administrateur.
  • Cherchez le dossier Ampps sur votre disque puis copiez et collez le fichier téléchargé dans le dossier www.
  • Décompressez le fichier.

ampps-www

 

  • Renommez le dossier microweber-master comme vous voulez.
  • Allez sur la page d’accueil d’AMPPS, ensuite créez un nouveau nom de domaine et une base de données via phpMyAdmin (si vous n’avez jamais utilisé AMPPS, visitez cette page).
  • Pour commencer notre installation, il faut maintenant aller sur la page d’accueil de notre serveur locale, en tapant localhost dans la barre d’adresse ou en faisant un clic droit sur l’icône AMPPS, puis cliquer sur Local Web.
  •  Il suffit de cliquer sur le dossier qui contient les fichiers de notre script pour lancer l’interface d’installation.

ampps-local

  • Remplissez les champs requis, puis cochez la dernière case si vous souhaitez installer le model par défaut.

installation-microweber

  • Si tout se passe bien, la fenêtre suivante s’affiche vous invitant de visiter votre nouveau site, ou ouvrir l’interface d’administration.

fin-installation-microweber

 

Commencer à créer du contenu :

Pour commencer à ajouter du contenu et personnaliser notre site, on a le choix entre l’interface d’administration qui est la plus complète ou l’interface live, pratique mais limitée.

Interface d’administration :

administration-microweber

 Dashboard :

Permet de consulter le trafic généré sur votre site.

Website :

C’est là que vous gérer le contenu et le design. L’interface proposée est très simple et facile à utiliser même pour un novice, il contient 5 éléments principaux :

New Page :

Pour créer une nouvelle page.

New category :

Vous permet de créer une nouvelle catégorie.

New Post :

En cliquant dessus vous  ajoutez un nouvel article.

Edit Page :

Ici vous pouvez éditer une page de votre choix pour la modifier.

New Product :

Pour ajouter un nouveau produit,  à utiliser seulement si vous gérez un site de vente en ligne.

Online Shop :

Cette partie regroupe tous les éléments nécessaires pour administrer un site e-Commerce.

Modules :

Ici vous pouvez désinstaller les modules de votre choix.

Settings :

pour accéder aux réglages suivants :

Website :

Permet d’ajouter ou modifier les éléments suivants : le nom et la description du site, les mots clés, le nombre d’articles que vous souhaitez afficher par page ainsi que les réglages de date et de l’heure.

Template :

ici vous pouvez simplement choisir le layout que vous voulez.

Login & Register :

Cette fonction vous donne le choix à autoriser ou pas les utilisateurs à s’enregistrer sur votre site. La deuxième option permet d’activer la connexion via les réseaux sociaux.

Email :

Réglages de votre adresse ainsi que le serveur d’envoi.

Backup :

Pour sauvegarder ou restaurer la base de données.

Shop :

Permet de configurer le moyen de paiement ainsi que la monnaie utilisée pour la vente.

Updates :

Vérifier et installer les mises à jour.

Advanced :

Accéder à d’autres réglages comme le cache, robots.txt,…etc.

Language :

Ici vous pouvez choisir la langue par défaut si elle disponible, ou bien générer un fichier langue pour faire une traduction.

Interface live :

interface-live-microweber

Pour accéder à cette interface, cliquez sur le bouton Go Live edit.

Vous avez plusieurs outils à votre disposition regroupés en deux barres N1 et N2, la première contient tout ce qu’il faut pour créer et modifier un article, quand à la seconde vous permet d’ajouter des photos, des vidéos, des blocs ou encore des boutons ou un formulaire de contact.

La barre N2 et masquée, pour la faire apparaitre survolez N1 avec votre souris.