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.

Afficher les widgets Recherche, Profil... avec Artisteer et WordPress

Dans Artisteer vous avez paramétré un thème WordPress avec 2 colonnes :

une première colonne avec Recherche et une deuxième colonne avec Profil et Archive.

Il vous faut positionner ces widgets de la même manière dans WordPress, à partir de votre interface d'administration : Apparence -> Widgets


Remarque : Pour les libellés, c'est le "libellé" paramétré dans le CMS qui prend la main, comme pour le titre et le slogan de l'en-tête...

Paramétrer des pages "statiques" avec Blogger

Avec Blogger vous pouvez avoir plusieurs pages :
La Page Accueil (qui affiche automatiquement les articles que vous publiez) et des Pages dites "statiques". Vous allez pouvez naviguer entre ces pages grâce à un menu comme sur n'importe quel site Web.

Mais comment procéder ? C'est très simple !

Dans votre interface d'administration de Blogger, cliquez sur l'onglet Publication d’un message, puis l'Onglet Modifier les pages.
1 - Cliquez sur Nouvelle Page

2 - Renseignez le titre et le texte puis cliquez sur Publier la Page
Vous pouvez à tout moment éditer (modifier) le contenu de vos pages.

Ensuite Choisissez comment le gadget Page doit apparaître.

Avec la version actuelle de Blogger, on peut avoir jusqu’à 10 pages indépendantes.

Mais pourquoi avoir des Pages supplémentaires avec Blogger ?

Cela peut permettre de réduire le nombre de gadgets utilisés... Plus vous utilisez de gadgets, et plus le blog perd en lisibilité, en performance (il devient lent à charger... Rappellez-vous que tout le monde ne bénéficie pas de connexion ADSL ultra performante).

Vous pourrez créer une page pour détailler votre profil, une autre pour fournir des informations pratiques, etc.