4.7 Design

En cliquant sur l’onglet « Design », vous accédez à une interface permettant de modifier les CSS et les templates du site. Cette interface est réservée à des utilisateurs avancés, maitrisant les CSS et le HTML. L’écran qui s’affiche est le suivant :

Après avoir sélectionné un site, deux onglets apparaissent :

L’onglet « CSS » permet d’éditer les CSS, l’onglet « Templates », de configurer les gabarits des types de contenus. La méthodologie pour chacun de ces onglets est exactement la même. Nous allons donc nous concentrer sur l’onglet « Templates ». Une fois l’onglet sélectionné, l’écran suivant s’affiche :

L’arborescence présentée dans le menu de gauche est l’arborescence des templates du site. Vous pouvez modifier n’importe quel template de cette arborescence. Pour cela, cliquez sur le template (1) que vous souhaitez modifier. Un menu similaire à celui-ci-dessous se déplie :

En cliquant sur « Editer le fichier », vous accédez à un éditeur syntaxique avancé qui vous permet de modifier le template. En cliquant sur « Renommer le fichier » ou « Supprimer le fichier » vous avez la possibilité de renommer ou de supprimer le fichier. Voici un exemple de fichier en cours d’édition tel qu’il s’affiche dans l’éditeur avancé :

Une fois le template modifié, vous pouvez l’enregistrer en cliquant sur le bouton « Enregistrer ». Les modifications sont alors instantanément visibles sur vos sites Internet. Attention : il n’y a pas de workflow pour la modification de templates. Cette partie est donc réservée à des utilisateurs avertis.