artisteer-france.fr

Le Site Officiel Français d'Artisteer

Newsletter

ChargementChargement


Nouvelle Version de Themler : Nouvelle Interface Utilisateur et Edition de Contenu

Une nouvelle mise à jour majeure de Themler est désormais disponible.

Les principales nouveautés de cette mise à jour de Themler sont, d’une part une nouvelle interface utilisateur simplifiée, et d’autre part l’édition de contenu pour WordPress et Joomla.

nouvelle interface utilisateur de themler

Il est également à noter que de nouvelles sections sont ajoutées régulièrement, et qu’à ce jour il existe plus de 1.000 sections gratuites.

Comment mettre à jour Themler ?

Nouvelle Interface Utilisateur Simplifiée

L’interface utilisateur de Themler a été repensée pour ressembler davantage à celle d’Artisteer, de sorte à ce que les utilisateurs ne soient pas déroutés.

  • Ruban avec les propriétés les plus utilisées sur l’onglet Home (Accueil)

interface en ruban de Themler

  • Panneau Sections
  • Panneau Options Avancées
  • Ajout de Sections plus facile que jamais

Edition Simplifiée du Contenu et du Template

  • Icônes arrondis dans la zone de prévisualisation pour éditer les images et ajouter du nouveau contenu
  • Effet de défilement parallaxe pour les images d’arrière-plan
  • Dialogue popup pour la Position Arrière-plan
  • Filtres couleurs d’image
  • Edition instantanée de texte
  • Nouveaux contrôles : Spacer et Separator

Divers

  • Organisation de Colonnes (fonctionnalité basée sur FlexBox)

Edition de Contenu WordPress et Joomla

En plus du support de l’édition de Templates WordPress et Joomla, il est désormais possible d’éditer le contenu des Pages, Posts et Articles dans l’Editeur Themler.

Générateur de Site Web HTML

  • Contrôles Date et Auteur de Post

DotNetNuke Skins

Themler for Mac

Artisteer

Site Themler

  • Recherche de Sections par mots clé

recherche de sections par mot clé

Convertir un Template Artisteer en Thème Themler

Artisteer 4.3 (à partir du build 60902) supporte désormais l’export de templates pour Themler Joomla et Themler HTML, en plus de Themler WordPress.

Les projets Artisteer peuvent être importés dans Themler à condition d’avoir au préalable été exportés en tant que Template Themler dans Artisteer. L’import dans Themler est disponible pour les Thèmes WordPress, Joomla et HTML (à partir de la version 4.3 build 60902 d’Artisteer).

Etapes de Conversion du Template Artisteer en Thème Themler

1. Vous devez télécharger et installer la version 4.3 build 60902 d’Artisteer.

Si votre licence Artisteer n’est pas éligible à cette version, vous devrez alors souscrire au Service Annuel de Mises à Jour Artisteer pour bénéficier de cette version.

2. Lancez Artisteer et ouvrez votre projet Artisteer (.artx).

Sélectionnez le menu Fichier > Exporter > Themler :

denêtre d'export Artisteer

Si vous souhaitez également exporter le contenu du template Artisteer, vous devez cocher l’option Inclure le contenu (4).

La dernière version majeure de Themler propose un Editeur de Contenu CMS vous permettant d’éditer le contenu des Pages, Posts et Articles WordPress et Joomla.

3. Lancez Themler.

Si vous avez choisi d’exporter le template Artisteer pour Themler Joomla, alors lancez Themler pour Joomla.

Sélectionnez le Menu File > Import from ZIP… 

menu themler pour importer un template

et sélectionnez votre template ZIP précédemment exporté avec Artisteer.

Vous pouvez désormais travailler avec votre thème Joomla dans Themler.

Remarque : Si vous avez exporté le template pour WordPress ou HTML, à l’étape 3 vous lancerez Themler pour WordPress ou HTML.

 

 

Comment mettre à jour Themler dans sa dernière version

Vous pouvez mettre à jour Themler dans sa version la plus récente dès lors que le service de mises à jour de votre licence Artisteer/Themler est en cours de validité. Si ce n’est pas le cas, il vous faudra renouveler ce service.

Etapes pour mettre à jour Themler

1. Que vous travaillez avec Themler en local (Themler Desktop) ou en ligne intégré à votre CMS (Themler for CMS), il vous suffit d’ouvrir votre thème dans Themler pour mettre à jour votre version de Themler.

2. Cliquez sur l’icône Updates dans la barre d’outils.

Mise à jour de Themler

3. La fenêtre suivante s’affiche. Il vous est proposé de mettre à jour le thème actif dans la dernière version de Themler.

Mise à jour de Themler

Cliquez sur l’option Backup and Upgrade (Sauvegarder et Mettre à jour) pour poursuivre.

4. L’opération de mise à jour peut prendre quelques minutes. Une fenêtre vous invitant à patienter s’affiche.

Mise à jour de Themler

5. Lorsque le thème a bien été mis à jour, la fenêtre suivante vous en informe.

Mise à jour de Themler

Cliquez sur OK pour revenir à votre thème.

Remarque : Vous devrez réitérer l’opération pour tous les thèmes Themler que vous souhaitez upgrader.

Autre option de mise à jour de Themler Desktop

La version de Themler Desktop peut être mise à jour au sein de l’application (comme expliqué ci-dessus) ou en téléchargeant la dernière version du programme.

 

Configuration du Proxy pour exporter les Templates Artisteer

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

Si vous passez par un proxy pour accéder à Internet, il vous faudra alors paramétrer votre proxy pour pouvoir exporter vos templates Artisteer.

Etapes pour configurer le serveur proxy pour exporter

1. Sélectionnez Démarrer -> Exécuter, puis tapez cmd ou appuyez sur Win+R et entrez cmd

2. Tapez nslookup export.artisteer.com et appuyez sur la touche Entrée de votre clavier.

Le résultat qui s’affiche alors ressemble à :

Réponse ne faisant pas autorité :
Nom: export.artisteer.com
Addresses:54.218.114.90
54.218.66.112

3. Ajoutez ces adresses dans les adresses du proxy.

Le port utilisé est 80 (HTTP).

Themler et le Contrôle Header

Présentation de l’En-tête

Le Header (En-tête) est le principal contrôle pour le Contenu de l’En-tête.

Le contrôle Header active le partage de contenu entre les templates. Il peut être affiché ou masqué pour des templates spécifiques.

partage de contenu entre les templates ThemlerAfficher/Masquer l’En-tête

Le contrôle Header peut être ajouté à partir du menu Template > Header.

Cliquez sur Edit > Show On Template (Afficher sur Template) pour paramétrer l’affichage du Header.

affichage du header sur le template

Utilisation de l’En-tête

Le contrôle Header utilise la balise <header>

Il comprend d’autres contrôles comme le Menu Horizontal et la Box (Boîte).

Le contrôle Box peut inclure d’autres contrôles : Headline, Slogan, Search (Recherche), etc.

Habituellement Header est positionné en haut de la page.

En-tête Themler

Ajout de Contrôles

Pour ajouter un contrôle dans Header :

1. Faîtes glisser le contrôle souhaité dans la zone du haut marquée par des pointillés de couleur orange :

ajout de contrôles dans le Header de Themler2. Déposez le contrôle dans la zone Header :

ajout de contrôles dans le Header de Themler

 

Themler et le Menu Vertical

Présentation du Menu Vertical

Le Menu Vertical est normalement utilisé pour permettre aux visiteurs du site web de naviguer entre les pages.

Le Contrôle Menu Vertical est généralement placé dans la barre latérale (sidebar) de gauche ou de droite.

Utilisation du Menu Vertical

Le style du Menu Vertical peut être ajusté à partir du menu Styles > Vertical Menu.

Vous devez au préalable ajouter le Menu Vertical dans le backend de votre CMS pour qu’il soit visible dans l’aperçu de Themler. Une fois ajouté, vous pouvez sélectionner ce contrôle et définir son style en utilisant les options Vertical Menu.

En utilisant les options Levels (niveaux), vous pouvez choisir la manière dont les sous-éléments du Menu Vertical doivent s’ouvrir :

  • No submenu (pas de sous-menu) : Les sous-éléments ne sont pas affichés.
  • Expanded (étendu) : Tous les sous-éléments s’affichent dans le menu.
  • On hover (au survol) : Au survol de la souris, une liste de sous-éléments s’ouvre, mais la page de l’élément parent n’est pas chargée.
  • With Reload (avec recharge) : Au survol de la souris, une liste de sous-éléments et la page de l’élément parent sont chargées.

Vous devez utiliser les options Item et Subitem pour définir l’apparence des éléments et des sous-éléments du Menu Vertical pour les états default (par défaut), active et hovered (survolé).

L’option Icon (pour les options Item et Subitem) vous permet de mettre une icône à côté du texte de chaque élément de menu.

Dans la section Responsive (mode adaptatif), vous pouvez activer l’affichage de l’icône pour le Menu Vertical en mode adaptatif et paramétrer le mode d’affichage approprié pour le sous-élément sur de plus petits écrans :

  • No submenu (pas de sous-menu) : Les sous-éléments ne sont pas affichés en mode adaptatif.
  • Expanded (étendu) : Tous les sous-éléments s’affichent ouverts dans le menu vertical lorsque la page est chargée.
  • On Click (sur clic) : En cliquant sur un élément parent, la liste des sous-éléments s’ouvre, mais la page de l’élément parent n’est pas chargée.
  • With Reload (avec recharge) : En survolant l’élément parent, une liste de sous-éléments et la page de l’élément parent sont chargées.