Modifier votre thème facilement avec sweaver

Contributeurs

Statut du tutoriel : 

À jour

Catégorie du tutoriel : 

Niveau du tutoriel : 

Modules utilisés : 

Pré-requis

Avant de commencer installer l'extension "firebug" sur firefox, il pourra vous être utile pour connaitre les zones du site.

Aller dans modules, cocher sweaver.

Lors de l'utilisation de sweaver, les menus déroulants s'utilisent avec les flêches du clavier lorsqu'il y a quelques soucis... Penser aussi à vider régulièrement votre cache lors de modifications, pour cela, cliquer sur l'icône représentant une maison en haut à gauche, puis cliquer sur vider les caches (il faut avoir suivi le tutoriel sur le menu administration).

Configuration

Aller dans Menu d’administration : Configuration. Cliquer sur Sweaver qui se situe dans le panneau Interface utilisateur. On observe plusieurs onglets de configuration. On ne change pas l'onglet général ni l'onget Editor, par contre dans l'onglet plug-in, on coche la fonction "avancée". Les fonctions "gérer les styles" et 'images" doivent déjà être cochés.

Dans l'onglet "Styles", on trouvera tous les styles précédemment enregistrés, un style correspond à un enregistrement d'un ensemble de modifications que vous aurez effectués.

Dans le dernier onglet, "Image", on trouvera les images que nous avons uploadées pour modifier le site. D'ailleurs, pour uploader une image, aller à l'onglet "Image" de l'interface verte Sweaver, cliquer sur "Parcourir" et uploader votre image.

Dans l'interface d'utilisation de Sweaver, dans avancé, le watchdog permet de cacher ou supprimer une modification faite précédemment sans pour autant devoir supprimer un style complet et custom CSS permet d'écrire son propre code CSS, et afin de pouvoir repérer les id désignant les éléments à modifier, on se sert de firebug.

Exemple : Création de contour

À l'aide de la souris, sélectionnez le bloc sur lequel vous désirez mettre un contour. On peut observer le nom du bloc écrit dans full path et selected item situé en dessous des onglets du menu sweaver. Cliquez sur Bordure and spacing dans le menu de gauche de sweaver. Choisissez Solide à l'aide des fléches du clavier. En dessous, sélectionnez la couleur parmis celles proposées. Cliquez sur Publish en haut à droite du menu Sweaver. Votre contour est maintenant publié sur votre site.