Activer les Menus Verticaux avec Joomla

Une question qui revient fréquemment est la suivante : Comment faire pour que le style de menu vertical configuré dans Artisteer s’affiche sur un site réalisé en Joomla ?

A partir de la version 2.4 du logiciel Artisteer, vous pouvez utiliser le Suffixe de classe de module art-vmenu pour appliquer le style de menu vertical Artisteer à votre module de menu dans Joomla.

Voici donc comment procéder.

Création du Menu Vertical

Pour cela, il vous faut procéder comme suite :
Connectez-vous à votre administration Joomla et allez dans le menu Extensions, puis Gestion des modules.

Sélectionnez le module que vous voulez éditer.

Dans les Paramètres du module, renseignez le champ Suffixe de classe de module avec la valeur suivante : art-vmenu

Si vous créez un menu vertical qui s’ouvre sur un clic souris, veillez à désactiver la mise en cache.

Création d’un Menu Vertical avec des sous-éléments

Pour créer un menu vertical avec des sous-éléments, voici comment procéder :
Activez les multi-niveaux dans Artisteer : Onglet Menu Vertical - Sous-éléments - Niveaux

Créez un menu avec des éléments de sous-menu dans Joomla. Les éléments de sous-menu doivent chacun avoir des éléments parent spécifiés.

Activez les niveaux multiples dans votre module menu (Style de menu – « Affichage des sous-menus – Vertical »)

Utilisez le Suffixe de classe de module : art-vmenu pour appliquer le style de menu vertical aux modules menu souhaité

Traduire automatiquement votre blog Blogger

Vous voudriez que votre blog écrit en français s'affiche, par un simple clic souris, en anglais pour vos visiteurs anglophones, en allemand, en italien, etc.

Il est possible de traduire automatiquement la page complète du blog en sélectionnant tout simplement la langue dans une liste déroulante.

Comment Procéder ?

Il vous faut ajouter un gadget de type HTML/JavaScript dans les Eléments de la page (onglet Présentation) dans lequel vous insérez ce code :

Cliquez sur l'image pour l'agrandir

puis vous enregistrez.
Cela aura pour effet d'afficher ce nouvel élément sur votre blog :



Remarque pour les Modèles Artisteer

Si vous utilisez Artisteer pour générer le thème de votre blog, votre page, une fois la langue sélectionnée, ne s'affichera pas correctement avec les navigateurs Firefox et Google Chrome.

Il vous faut alors éditer le modèle et ajouter une ligne de code.

Cette solution est applicable jusqu'à la version 2.5 build 31067 du logiciel Artisteer.

1. Ouvrez Blogger - Onglet Présentation - Modifier le code HTML - Modifier le modèle
Localisez cette ligne de code :

var widgetContent = widget.html();

2. Et juste après ajoutez cette ligne de code :

if (widgetContent.indexOf('www.gmodules.com') > -1) return true;

3. Enregistrez votre modèle

Définir le texte du pied de page du site/blog avec Artisteer

Une question qui revient en permanence est "Comment peut-on définir le texte du pied de page du site/blog avec Artisteer ?"

Pour définir/personnaliser le texte du pied de page, il vous suffit dans Artisteer de cliquer sur l'icône représentée par la palette de peinture, puis de sélectionner le menu Exporter, et le sous-menu Options d'export.
Dans la boîte de dialogue qui s'affiche, vous cliquez alors sur l'élément Propriétés pour renseigner les informations voulues, puis sur Notes de bas de page pour sélectionner les options voulues à afficher sur le pied de page de votre site/blog.

Et voilà, c'est tout simple.