artisteer-france.fr

Le Site Officiel Français d'Artisteer

Newsletter

ChargementChargement


Thèmes WordPress et les Langues

Thèmes WordPress créés avec Artisteer et les Langues

Création de Thèmes Localisés

Lors de l’export de thèmes, Artisteer inclut automatiquement plusieurs fichiers de langues obtenus à partir du site WordPress.

Les traductions en Français, Allemand, Italien et Espagnol sont exportées par Artisteer dans le format de fichier compatible WordPress, dont la convention de nommage est la suivante :

<country>_<lang>.mo

Par exemple le fichier de langue Français est : fr_FR.mo

Prise en Charge de Langues Supplémentaires

Pour inclure la prise en charge d’une langue différente ou supplémentaire dans votre thème WordPress, vous devez copier le fichier de langue souhaité dans votre dossier thèmes WordPress.

Vous trouverez les fichiers de langue dans le dossier thèmes par défaut, à savoir : \wp-content\themes\default ou sur le site WordPress.

Pour sélectionner une langue autre que celle définie dans votre installation actuelle de WordPress, vous devez changer la fonction “define” dans le fichier wp-config.php, par exemple :

define(‘WPLANG’, ‘fr_FR’)

Edition des Traductions

Pour éditer les traductions pour une langue, vous devez télécharger et installer le plug-in de Localisation Codestyling.

Vous pourrez alors gérer la localisation depuis votre administration WordPress.

Ressources Utiles

Création d’un Template Artisteer : Onglet Editer (partie 4)

Mise en Forme de Contenu et Styles (suite)

Options Ligne et Cellule

Les options Ligne et Cellule vous permettent d’aller plus loin dans la personnalisation de la mise en forme. Vous pouvez insérer une texture à partir de la galerie Artisteer ou en insérant un graphique (fichier image), changer la couleur, la transparence et les bordures, personnaliser la marge, l’espacement, les séparateurs et les colonnes des lignes sélectionnées, insérer et supprimer des lignes, modifier la largeur, le remplissage et l’alignement vertical des cellules. N’oubliez pas de toujours sélectionner dans la Zone de Prévisualisation la Cellule (qui sélectionne également une ligne) que vous voulez modifier avant de faire une sélection.

Le style de contenu définit certains des éléments du Design qui font partie de vos Lignes et Cellules. Les options Toutes les pages définissent comment ces éléments de Design, tels que les bordures et les couleurs de surbrillance, sont censés s’afficher.

Chaque fois que vous modifiez une option pour une Ligne ou une Cellule, vous substituez la règle définie par le style de contenu sélectionné. Une fois que le changement est effectué, vous ne pouvez pas désélectionner une option, à moins d’utiliser la fonction Annuler (bouton Annuler dans la barre d’accès rapide ou raccourci clavier Ctrl-Z) pour revenir en arrière. De même, lorsque vous sélectionnez un style de contenu (Editer > Style), vous réinitialisez toutes les options que vous avez changées pour une Ligne ou une Cellule.

Supposons que vous définissez l’apparence des bordures (Editer > Styles > Toutes les pages > Bordure), et qu’ensuite vous sélectionnez un style de contenu (Editer > Style) qui inclut des bordures.

Onglet Editer Style de Cellule Artister

Le style de contenu indique d’ajouter une bordure autour de chaque Cellule. Si vous regardez une Cellule donnée, vous voyez que les options de Cellules reflètent cette règle : 6px, solide, noire, bordure.

Onglet Editer Options de Cellule Artister

Maintenant sélectionnez la seconde ligne et changez la couleur de la bordure de la Ligne. Cela ajoute une bordure autour de la seconde ligne et comme les Cellules sont espacées, une marge est ajoutée des deux côtés. Vous voyez donc désormais une bordure distincte autour des Cellules.

Onglet Editer Bordure de Ligne Artisteer

Vous pouvez annuler cette action (bouton Annuler), mais vous ne pouvez pas annuler une sélection que vous avez enregistrée. Vous devrez alors changer le paramétrage pour la Ligne (c’est-à-dire supprimer la bordure), ou sélectionner à nouveau un style (sélectionner à nouveau le style avec les bordures) pour réinitialiser les options de Ligne et Cellule.

Options Avancées Ligne et Cellule

Cliquez sur l’option Ligne (onglet Editer > Contenu) pour afficher le menu déroulant et sélectionnez Options de la Ligne… Cela ouvre la fenêtre Options Cellule qui vous permet d’affiner le paramétrage. Par exemple, si vous définissez une bordure, la bordure s’applique à tous les côtés de la Ligne, mais si vous utilisez les options avancées vous pouvez alors changer l’apparence de chaque côté de la Ligne.

Onglet Editer Options de Ligne Artisteer

Lignes de Quadrillage

L’option Afficher les Lignes de quadrillage (onglet Editer > Contenu > Style) ajoute des Lignes de quadrillage à la Zone de Prévisualisation, ce qui vous permet de mieux voir l’organisation de votre contenu. Elles sont représentées par des lignes en pointillés autour du contenu de votre page.

Les Lignes de quadrillage ne font pas partie de vos pages web ; elles s’affichent uniquement dans Artisteer. Les Lignes de quadrillage ne sont pas des bordures, même si parfois il s’avère difficile de les distinguer visuellement. Si vous devez ajouter des bordures, alors il est judicieux de ne pas afficher les Lignes de quadrillage.

Afficher les Lignes de quadrillage (onglet Editer > Contenu > Style) est différent de Voir les Lignes de quadrillage (onglet Editer > Insérer > Tableau) pour un élément Tableau. Définir la mise en forme du contenu n’est pas la même chose que d’ajouter un Tableau, même si visuellement cela peut s’avérer difficile de faire la différence. La mise en forme (disposition) de contenu est la division physique de votre zone de Contenu. Le Tableau fait partie du contenu que vous ajoutez dans la Cellule de contenu, comme le texte, les images, etc. Un Tableau a ses propres dimensions. Il peut apparaître dans une Cellule de contenu, mais il n’est en aucun cas lié aux options de style définies pour la Cellule de contenu, comme par exemple le remplissage. Comme pour les autres éléments du Design, vous définissez le style (look) du Tableau à partir de l’onglet Contenu. Lorsque vous ajoutez un Tableau à votre contenu avec l’onglet Editer, le tableau s’affiche avec le style de tableau que vous avez défini, mais cela est indépendant de la mise en forme de contenu. Lorsque vous sélectionnez l’une des options de style de contenu, vous définissez comment les Lignes et les Cellules de contenu apparaissent, indépendamment du contenu que vous ajoutez ultérieurement.

Ressources

Création d’un Menu Vertical pour Blogger

Regardons comment créer un Menu Vertical pour Blogger.

Paramétrage dans Artisteer

Dans les Options d’Export, vous devez sélectionner la source du Menu Vertical : Archives, Pages ou Personnalisé.

Pour cela, dans Artisteer, sélectionnez le menu Fichier > Exporter > Template Blogger > Options… > Blogger et sélectionnez la valeur de l’option Source Menu Vertical.

Source Menu Vertical

Edition du Menu Vertical dans Blogger

Pour éditer le menu dans Blogger :

  • Connectez-vous à votre tableau de bord Blogger.
  • Sélectionnez Mise en Page.
  • Trouvez la zone du Menu Vertical et cliquez sur Modifier. Le Menu Vertical s’appelle Pages, Liens ou Archives en fonction de la Source paramétrée dans Artisteer.
  • Ajoutez les liens au éléments de menus dans la boîte de dialogue Configurer la liste des liens.
  • Si vous avez un menu multi-niveaux, renseignez un “-” (tiret) avant le nom du sous-élément, par exemple “-Submenu Item”.

L’élément du sous-menu doit être placé au-dessous de l’élément du menu parent. Le menu ayant pour source Pages ne peut contenir qu’un seul niveau d’éléments de menu.

Configurer Liste de Liens du Menu Vertical

Les sous-éléments s’afficheront après avoir cliqué l’élément parent.

Ouvrir Tout le Menu Vertical

Pour changer ce paramétrage :

  • Ouvrez Artisteer.
  • Cliquez sur l’onglet Menu Vertical du ruban, puis sur l’icône avec la flèche dans l’angle inférieur droit de la section Sous-menu pour afficher le panneau d’options du sous-menu ; le panneau d’options s’affiche alors à droite de la zone principale.
  • Cliquez sur l’option Niveaux, puis sélectionnez Ouvrir tout dans la liste déroulante.

Options Sous-Menu Vertical

Ensuite, publiez à nouveau votre template et répétez les étapes décrites ci-dessus.

  • Cliquez sur Enregistrer

 

Création d’un Menu Horizontal pour Blogger

Regardons comment créer un Menu Horizontal dans Blogger.

Paramétrage dans Artisteer

Avant de publier/exporter votre template Blogger, vous devez spécifier l’option Source du Menu Horizontal.

Pour cela, dans Artisteer, sélectionnez le menu Fichier > Exporter > Template Blogger > Options… > Blogger et sélectionnez la valeur de l’option Source Menu Horizontal.

La source par défaut est Pages. Si vous voulez utiliser des liens personnalisés, l’option Source Menu Horizontal doit être positionnée à Personnalisé.

Source Menu Horizontal

Edition du Menu dans Blogger

Pour éditer le menu dans Blogger :

  • Connectez-vous à votre tableau de bord Blogger.
  • Sélectionnez Mise en Page :

Mise en page Blogger

Menu Pages

  • Sélectionnez Pages > Modifier pour afficher la boîte de dialogue Configurer la liste des pages :

Liste de pages Blogger

Menu Top Personnalisé

Si vous créez un Menu Top personnalisé au lieu d’un Menu de Pages, vous verrez la barre Top Menu.

  • Sélectionnez Top Menu > Modifier pour afficher la boîte de dialogue Configurer la liste des liens :

Liste de liens Blogger

  • Cliquez sur Ajouter un lien pour ajouter des liens.
  • Si vous avez un menu multi-niveaux, renseignez un “-” (tiret) avant le nom du sous-élément, par exemple “-Submenu Item”.

L’élément du sous-menu doit être placé au-dessous de l’élément du menu parent. Le menu ayant pour source Pages ne peut contenir qu’un seul niveau d’éléments de menu.

  • Cliquez sur Enregistrer.

Remarques :

Si vous ne voulez pas de Menu Horizontal, sélectionnez une Mise en Forme sans menu dans Artisteer.

L’élément Accueil est ajouté lorsque l’option Afficher l’élément Accueil est paramétrée à Oui dans les options d’export d’Artisteer.

Affichage élément Accueil

Questions Techniques Fréquentes sur Artisteer

Certaines des questions sur le logiciel Artisteer qui arrivent au support sont des questions récurrentes.

Aussi, nous avons décidé de vous proposer une première liste des questions techniques les plus fréquemment posées ces derniers temps, ce qui vous évitera de perdre du temps si vous rencontrez l’un de ces “problèmes”.

Que Faire dans les Cas suivants ?

Problème d’Export du Template

Je n’arrive pas à exporter mon template…

Applicable à partir d’Artisteer 4.2

A partir de la version 4.2, Artisteer requiert de disposer d’une connexion internet lors de l’export des templates Joomla, WordPress et Drupal.

La première chose à faire est de vérifier que votre ordinateur est bien connecté à internet.

Bien que votre ordinateur soit connecté à internet, lors de l’export du template Joomla vous rencontrez une erreur de ce type :

Erreur : Unable to export project Reason: unable to connect to the server at xxxx

Error 702-7

Essayez d’exporter votre template Joomla en désactivant temporairement le parefeu, l’antivirus et le proxy.

Je n’arrive pas à importer le Contenu du template Artisteer sur mon serveur (local).

Applicable à partir d’Artisteer 4.0

Le message d’erreur suivant s’affiche dans Joomla :

Une erreur est survenue lors de l’envoi de ce fichier sur le serveur.

Commencez par essayer d’augmenter la taille d’upload (paramètre upload_max_filesize) dans le fichier php.ini qui par défaut est de 2 Mo.

J’obtiens un autre message d’erreur du type :

POST Content Length of 15147649 bytes exceeds the limit of 8388608 bytes in Unknow on line 0.

Toujours dans le fichier php.ini, vérifiez la valeur du paramètre post_max_size

Problème à l’Affichage du Template

Le Titre et le Slogan de mon site ne s’affichent pas une fois le template installé.

… et pourtant j’ai bien renseigné le Titre et le Slogan dans l’En-tête du template dans Artisteer.

Applicable à partir d’Artisteer 3.1 et de Joomla 1.6/1.7

A partir de la version 1.6 de Joomla et 3.1 d’Artisteer, le Titre et le Slogan sont visibles dans Artisteer uniquement afin d’avoir le rendu visuel. Pour ajouter le Titre et le Slogan au Template exporté, vous devez les renseigner dans l’interface d’administration de Joomla (Gestionnaire de template > Nom template > Options de base > Champs En-tête et Slogan).

Mon Menu Horizontal s’affiche au-dessus du diaporama.

Applicable à partir d’Artisteer 4.0

Ce problème peut être réglé facilement en ajoutant une ligne de code CSS dans Artisteer.

Sélectionnez le menu Fichier > Exporter > Options… puis cliquez sur Options CSS. Dans le champ Styles CSS supplémentaires ajoutez le code suivant :

.art-nav{z-index: 1;}

Exportez à nouveau le template.

 Ressources Utiles

Découvrez la Newsletter de Kapitec Software

Il y a cinq ans, Kapitec Software devenait le distributeur français du logiciel Artisteer. Un an plus tard, nous mettions en ligne le site artisteer-france.fr dédié à Artisteer.

L’objectif était de vous offrir sur un même site toute une série d’informations et de ressources utiles sur Artisteer, et ce en langue française.

Mais saviez-vous que Kapitec Software distribue d’autres marques ?

Nous vous proposons de découvrir sur notre site corporate toute notre offre logicielle :

Connaissez-vous la newsletter de Kapitec Software ?

En vous inscrivant à la newsletter sur le site kapitec.com, vous serez informé(e) des nouveautés de l’offre logicielle commercialisée par Kapitec Software, et des nouveaux articles et tutoriels disponibles. La newsletter reste le moyen le plus efficace pour vous tenir informé(e) de l’actualité et vous offrir du contenu technique, susceptible de vous intéresser dans le cadre de votre activité.

Nous vous invitons à lire l’un de nos derniers articles publiés, qui propose une présentation détaillée de Adobe® Presenter version 9, logiciel qui permet de créer du contenu interactif à partir de présentations Microsoft PowerPoint. Un article sur Adobe® Captivate® 7 (composé de deux parties) vous sera proposé prochainement.