Vidéo : Création et Publication d’un Modèle pour Blogger avec Artisteer 2.3
Nous avons réalisé une petite vidéo de 12 minutes qui vous montre comment créer simplement avec Artisteer 2.3, et ce en quelques clics souris un modèle personnalisé pour Blogger et le publier.
Mise à Jour du Logiciel Artisteer 3.1 : Compatibilité Joomla 2.5
Une nouvelle mise à jour du logiciel Artisteer 3.1 est disponible. Cette mise à jour offre une meilleure compatibilité avec le CMS Joomla 2.5 et apporte quelques correctifs.
Améliorations – Correctifs
Joomla
- Support Joomla 2.5
- Correction d’un bogue avec la mise en forme de la page lors de l’ajout du lien catégorie Article -> Mise en forme Catégorie de Blog
- Correction d’un bogue avec les caractères dans En-tête et Slogan
Autre
- Correction d’un problème avec le changement de préfixes CSS
- Amélioration de la stabilité du produit
- Drupal 7 : correction d’un problème avec le CSS manquant dans maintenance-page.tpl.php
- Drupal : correction d’un problème sans le lien contextuel dans la région Contenu
- DotNetNuke : correction d’un problème avec le script jquery non référencé et qui entraînait des menus « cassés » dans certains cas
- Ajout du support de CodeCharge Studio 5
Téléchargement
Accès au téléchargement de ces versions…
- Artisteer 3.1 pour Windows (3.0.0.48375)
- Artisteer 3.1 Release Candidate pour Mac (3.0.0.48375)
Les clients ayant acheté le logiciel Artisteer auprès de Kapitec Software peuvent accéder directement à l’espace de téléchargement via l’URL qui leur a été transmise lors de la livraison initiale.
Mise à Jour
La mise à jour de la version 3.1 fonctionnera en MODE EVALUATION si la période gratuite de mise à jour de votre licence a expiré. En effet, lorsque vous achetez le logiciel Artisteer vous bénéficiez d’un an de mises à jour gratuites. Cette période étant expiré, vous pouvez alors souscrire au contrat annuel de maintenance pour continuer à bénéficier des nouvelles versions.
Si vous avez l’Edition Standard il vous faut acheter cette référence :
SMJ1A-ART-SE-SUPL – Souscription au Contrat Annuel de Mises à Jour pour 1 Licence Perpétuelle 1 Utilisateur Artisteer Edition Standard – Version Française – Accès à toutes les mises à jour logicielles pendant 1 an
Si vous avez l’Edition Personnel – Education il vous faut acheter cette référence :
SMJ1A-ART-PE-SUPL – Souscription au Contrat Annuel de Mises à Jour pour 1 Licence Perpétuelle 1 Utilisateur Artisteer Edition Personnel – Education – Version Française – Accès à toutes les mises à jour logicielles pendant 1 an
Remarque : Vous devez fournir le numéro de série de votre licence Artisteer lors de la souscription à ce service.
Ressources
Artisteer et le Flash
Flash dans l’en-tête de la template
Vous pouvez ajouter du Flash dans votre template Artisteer.
Dans Artisteer il vous faut cliquer sur l’onglet En-tête, puis l’icône Flash (qui déroule alors un menu). Vous pouvez sélectionner l’un des fichiers pré-définis de la galerie ou insérer votre propre fichier .swf (option Depuis fichier…).
Lorsque vous choisissez d’insérer votre propre fichier, une boîte de dialogue s’affiche vous permettant d’insérer votre fichier Flash. Le fichier Flash étant inséré (ou sélectionné parmi ceux disponibles en standard dans Artisteer), l’option Position devient active. Vous pouvez alors :
-
Aligner votre vidéo
-
Redimensionner :
- Redimensionner la zone de l’En-tête en fonction de la taille de votre vidéo Flash
- Redimensionner la zone de la vidéo Flash en fonction de la zone de l’En-tête
- Utiliser la taille originale de la vidéo Flash
- Redimensionner manuellement avec l’ascenseur à droite de la boîte
Lorsque vous activez l’en-tête Flash, il vous faut garder à l’esprit les points suivants :
1. Afin de lire votre film Flash, un lecteur Flash doit être installé pour votre navigateur. De la même manière, les visiteurs de votre site web devront avoir un lecteur Flash installé dans leur navigateur.
2. Vous ne pouvez pas insérer des fichiers .xml dans l’en-tête. Seuls les films .swf sont supportés.
3. Actuellement seule la fonctionnalité Flash d’arrière-plan est implémentée. Dans le cas où vous choisissez de redimensionner l’en-tête à la taille de la vidéo Flash, ou de redimmensionner la vidéo Flash à la taille de votre en-tête, le film Flash est redimensionné de sorte à remplir intégralement la zone de l’en-tête dans Artisteer 3 ou la zone de l’en-tête excepté pour le Bloc de Texte dans Artisteer 2.
4. Il existe plusieurs options pour ajuster les paramètres Flash disponibles dans la boîte de dialogue des options avancées Flash (Onglet En-tête – Section Flash – Options Flash…). Si vous voulez que ces options paramétrées pour les films Flash intégrés à Artisteer fonctionnent avec vos propres fichiers Flash, vous devez avoir les paramètres suivants dans votre fichier Flash :
- color1 (valeur hexadécimal)
- alpha1 (transparence entre 0.01 et 1)
- framerate1 (cadres par seconde, valeur par défaut = 30)
- loop (vrai/faux)
- wmode (fenêtre, opaque, transparent)
Remarque : Les informations sur les paramètres sont principalement destinées aux développeurs Flash. Ce n’est pas à l’utilisateur de procéder à des modifications des fichiers flash à sa disposition.
Options Flash avancées
Les options avancées aident à gérer le mode de lecture, l’affichage, la vitesse, et la qualité des vidéos Flash. Vous pouvez également utiliser des paramètres personnalisés pour modifier la vidéo Flash. Certaines options peuvent être désactivées.
- Jeu automatique : Sélectionnez Oui pour que l’image soit jouée automatiquement, et Non pour activer un autre mode de lecture.
- Répéter : Sélectionnez Oui pour que le Flash soit joué en boucle, et Non pour ne le jouer qu’une seule fois.
- Mode : Choix entre le mode Transparent, Opaque ou Fenêtre.
- En mode Transparent, l’arrière-plan de la page HTML s’affiche au travers de toutes les parties transparentes du film. Cette option peut réduire les performances de l’animation.
- En mode Opaque, le film cache tout ce qui est derrière sur la page.
- En mode Fenêtre, le film est joué dans sa propre fenêtre rectangulaire sur une page web.
- Transparence : Précisez la transparence du film Flash, soit une valeur comprise 0 et 100%.
- Qualité : Sélectionnez le type de qualité à savoir Optimisé, Elevé, Moyen ou Faible.
- Paramètres : Indiquez les paramètres personnalisés pour modifier la manière dont le fichier Flash est lu.
Flash dans le contenu du site
Après avoir exporté votre conception (template) depuis Artisteer, vous pouvez intégrer des films Flash dans vos pages. Vous trouverez sur internet de nombreux tutoriaux à cet effet. Mais voici toutefois une astuce qui pourra s’avérer utile pour de nombreux utilisateurs du logiciel Artisteer.
Si vous avez un menu déroulant sur votre site, vous pouvez rencontrer un problème avec des sous-menus cachés derrière votre vidéo flash… Dans ce cas, il vous faut ajuster les paramètres du fichier Flash intégré. Voici comment procéder :
- Ajoutez les paramètres suivants à la balise OBJECT :
<param name= »wmode » value= »transparent » />
<param name= »background » value= »transparent » />
<param name= »windowless » value= »true » /> - Ajoutez ce paramètre à la balise EMBED :
wmode= »transparent »
Disponibilité immédiate de la Version 3.1 du Logiciel Artisteer
Artisteer 3.1 pour Windows est désormais disponible.
Artisteer 3.1 pour Mac est également disponible, mais la version conserve le label « Release Candidate » en raison du fait qu’il peut encore y avoir des problèmes de stabilité indépendants de l’éditeur du logiciel Artisteer ; ils utilisent une technologie tierce – Mono - pour adapter leur produit sur Mac.
REMARQUE : Une Release Candidate (RC) n’est pas encore la version officiellement releasée, mais elle est en passe de le devenir.
Nouveautés de la Version 3.1
- Mises en forme du contenu pour les articles/le contenu lors de la création de sites web complet
- Options d’ouverture des sous-éléments du Menu Vertical (pop-up sur survol, ouverture sur survol, ouverture sur clic)
- Textures de 2 couleurs pour l’Arrière-plan de Page
- Thème Personnalisé de Couleurs basé sur une image : Onglet Couleurs Polices -> sélectionner Depuis Image (remarque : il semblerait que cette fonctionnalité ne fonctionne pas toujours)
- HTML simplifié pour l’export (réduction du nombre de divs)
- Support des languages RTL (écriture de la droite vers la gauche)
- Support des descriptions de page, des mots clé et des balises meta lors de la création de sites web complets
- Import de la conception et du contenu depuis un fichier artx
- Dialogue de Polices pour l’édition du contenu
- Une option pour insérer des vidéos dans les articles/le contenu
- Simplification de la publication de sites web pour Artisteer.net
- Support ajouté pour DotNetNuke 6, etc.
Remarques :
1. Concernant la version française… Il persiste quelques menus/boîtes de dialogue s’affichant en anglais. Des correctifs sur la version française seront apportés très prochainement.
A partir de la version 3.1… Le titre et le slogan sont visibles dans Artisteer uniquement afin d’avoir le rendu visuel.
Pour ajouter le titre et le slogan à la template exportée, rendez-vous dans l’interface d’administration de Joomla : Gestionnaire de template – Nom template – Options de base – Champs En-tête et Slogan et renseignez le contenu.
Note pour les clients existants
Si votre période de souscription annuelle aux mises à jour a expiré, la version 3.1 fonctionnera alors uniquement en mode EVALUATION.
Vous pouvez acheter un contrat de mise à jour annuel qui vous permet de bénéficier de toutes les nouvelles versions du logiciel Artisteer pendant un an.
Téléchargement
Les clients ayant acheté le logiciel Artisteer auprès de Kapitec Software peuvent accéder directement à l’espace de téléchargement via l’URL qui leur a été transmise lors de la livraison initiale.
Artisteer 3.1 Release Candidate 2 pour Windows et Mac
La Release Candidate 2 de Artisteer 3.1 pour Windows et Mac est disponible. Elle corrige un certain nombre de problèmes remontés récemment par les utilisateurs du logiciel Artisteer.
REMARQUE : Une Release Candidate (RC) n’est pas encore la version officiellement releasée, mais elle est en passe de le devenir.
Liste des principales améliorations de cette mise à jour
- Amélioration : Stabilité du logiciel
- Correctif : Styles textes et liens dans les blocs Pied-de-Page des thèmes WordPress
- Correctif : Rendu du Menu Vertical dans Internet Explorer 7
- Correctif : Style de texte souligné pour les éléments du Menu Vertical
- Correctif : Problème lors de l’affichage de Google Maps sur les sites Artisteer.net
- Correctif : Barre de menu dans Internet Explorer 7
Joomla
- Correctif : Module Flash Countdown Timer pour Joomla 1.5
- Correctif : Bouton “Lire la suite” (Read More) pour Joomla 1.7
- Correctif : Fonctionnalité bouton d’impression pour Joomla 1.7
Note pour les clients existants
La version 3.1 peut ne pas fonctionner lorsqu’elle est installée sur un même poste que la version 3.0. Il est donc conseillé de désinstaller au préalable la version 3.0 en sachant toutefois que la version 3.1 RC2 n’est pas une version officielle et peut ne pas fonctionner correctement.
Si votre période de souscription annuelle aux mises à jour a expiré, la version 3.1 fonctionnera alors uniquement en mode EVALUATION.
Vous pouvez acheter un contrat de mise à jour annuel qui vous permet de bénéficier de toutes les nouvelles versions du logiciel Artisteer pendant un an.
Téléchargement
- Windows : Artisteer 3.1 RC2 build 45994
- Mac : Artisteer 3.1 RC2 build 45994
Les clients ayant acheté le logiciel Artisteer auprès de Kapitec Software peuvent accéder directement à l’espace de téléchargement via l’URL qui leur a été transmise lors de la livraison initiale.
Les Positions Joomla
Sous Joomla, chaque template dispose d’un certain nombre de positions dans lesquelles sont placés les différents modules.
A partir de la version 3.1 de Artisteer vous pouvez choisir l’une de ces options de nommage de positions pour Joomla 1.6-1.7 :
- « position-1, position-2… » pour le nouveau nommage de positions Joomla 1.6-1.7 comme dans la template par défaut Beez2
- « left, right, top, bottom » pour le nommage de positions à la manière Joomla 1.5 (pour des raisons de compatibilité)
Dans le cadre de la mise à jour d’un site web existant depuis Joomla 1.5 vers Joomla 1.6-1.7 il faut sélectionner le type de nommage « left, right, top, bottom » qui sera compatible avec la dernière version de Joomla et qui évitera d’avoir à réajuster les blocs.
Tutoriel : Installer des Templates Joomla
Ce tutoriel vous explique comment installer de nouvelles templates Joomla.
Depuis la version 1.6 de Joomla, les templates ne peuvent plus être installés par ftp.
Il faut au préalable exporter la template Joomla dans Artisteer en tant qu’archive .zip et la charger par l’interface d’administration de Joomla.
Exporter la Template
1. Lancez Artisteer et ouvrez votre projet .artx (format spécifique à Artisteer).
2. Sélectionnez le menu Fichier -> Exporter -> Modèle Joomla.
Dans la boîte de dialogue (Exporter) qui s’affiche précisez la bonne version de Joomla, 1.5 ou 1.6-1.7, ainsi que les bonnes positions pour Joomla 1.6-1.7.
3. Cliquez sur le bouton Exporter.
Installer la Template
Pour installer une template Joomla exportée en tant qu’archive .zip, connectez-vous à votre interface d’administration Joomla et procédez comme suit :
1. Sélectionnez le menu Extensions puis le sous-menu Installer/Désinstaller.
2. Sur l’écran Gestion des extensions : Installer choisissez la première option : Archive à transférer.
3. Cliquez sur le bouton Parcourir et sélectionnez votre fichier (template) .zip sur votre ordinateur.
4. Cliquez enfin sur le bouton Transfert de Fichier & Installation pour installer la template.
Remarque importante
Si une template portant un même nom existe déjà, il faut renommer ou supprimer la template existante avant d’installer une nouvelle template ayant le même nom.
La template étant installée, il convient de l’activer :
1. Dans le menu Extensions sélectionnez le sous-menu Gestion des templates. Cet écran vous permet de gérer les templates site et administrateur.
2. Sur l’écran Gestion des templates : site cochez votre template.
3. Appuyez sur le bouton Défaut pour l’activer en tant que template par défaut.
Remarque sur la localisation des templates sur le serveur
Toutes les templates sont installées dans un répertoire templates. Il y a deux répertoires templates :
- « [chemin-Joomla]/templates/matemplate » pour les templates du site
- « [chemin-Joomla]/administrator/templates/matemplateadmin » pour les templates de la section administration
Disponibilité d’une Mise à Jour Artisteer 3.0 pour Windows
Disponibilité d’une Mise à Jour Mineure de Artisteer 3.0
La version 3.1 du logiciel Artisteer est en cours de finalisation (version RC).
Une mise à jour de la version 3.0 pour Windows est disponible : build 45570.
Cette mise à jour offre une meilleure stabilité et améliore la synchronisation avec Artisteer.net.
Téléchargement
Accès au téléchargement de cette mise à jour…
- Artisteer 3.0 pour Windows (3.0.0.45570)
Les clients ayant acheté le logiciel Artisteer auprès de Kapitec Software peuvent accéder directement à l’espace de téléchargement via l’URL qui leur a été transmise lors de la livraison initiale.
Tutoriel : Personnaliser le Pied de Page de la template pour WordPress
Ce tutoriel vous explique comment personnaliser le pied de page d’une template Artisteer pour WordPress.
Personnalisation du Pied de Page d’une Template Artisteer 2
Pour personnaliser le pied de page de la template Artisteer 2, il vous faut aller dans l’administration de WordPress 2.6+ :
Apparence -> Pied de Page
afin d’éditer le code HTML
Par exemple :
<a href= »http://www.monsite.com/monsite/contact/ »>Contact</a> | <a href= »http://www.monsite.com/monsite/mentions-legales/ »>Mentions Légales</a> | <br />2011 © monsite.com.
Ce code affiche :
- un hyperlien Contact qui renvoie à la page Contact
- un hyperlien Mentions Légales qui renvoie à la page Mentions Légales
- 2011 © monsite.com
Remarque : Le contenu du pied de page sera placé dans le conteneur Paragraphe (<p>).
Personnalisation du Pied de Page d’une Template Artisteer 3
A partir de la version 3 du logiciel Artisteer, le pied-de-page peut être personnalisé directement dans Artisteer.
Cliquez sur l’onglet Pied de page puis le lien Texte.
Une fenêtre « Editeur HTML » s’affiche avec ce contenu :
<p><a href= »# »>Link1</a> | <a href= »# »>Link2</a> | <a href= »# »>Link3</a></p><p>Copyright © %YEAR%. All Rights Reserved.</p>
Il vous suffit d’éditer ce code.
Tutoriel : Installer des thèmes WordPress
Ce tutoriel vous explique comment installer des nouveaux thèmes WordPress.
Installation du Thème WordPress en tant que Dossier
1 - Accédez à votre serveur web en utilisant un client FTP ou des outils d’administration de serveur web
2 - Dans le répertoire d’installation WordPress, naviguez jusqu’au répertoire themes dans lequel se trouvent les thèmes disponibles, à savoir : ../wp-content/themes
3 - Copiez ou uploadez dans ce répertoire le dossier de votre template réalisée avec Artisteer et exportée via Artisteer que nous appellerons MaTemplate
Ce qui nous donne <WordPressFolder>\wp-content\themes\<MaTemplate>
4 - Connectez-vous à votre console d’administration WordPress et cliquez sur le menu Apparence puis Thèmes
Sélectionnez le thème que vous venez d’installer (MaTemplate) dans la liste des thèmes disponibles et cliquez sur le bouton Activer. Votre thème MaTemplate est désormais en ligne.
Installation du Thème WordPress en tant qu’Archive .zip
Il est à noter qu’avec WordPress version 2.8, 2.9 ou 3.0, il existe un autre moyen d’installer des thèmes. Vous pouvez installer un thème au format .zip à partir de son chemin.
1 - Exportez votre thème WordPress en tant qu’archive .zip
2 - Connectez-vous à votre console d’administration WordPress et
- avec WordPress 2.8/2.9 : allez sur l’écran Installer des thèmes - Envoyer accessible via le menu Apparence -> Ajouter de nouveaux thèmes puis cliquez sur le lien Envoyer…
- avec WordPress 3.0 : cliquez sur Apparence puis Thèmes. L’écran Thèmes se présente avec deux onglets : Gérer les thèmes – Installer des thèmes. Cliquez sur Installer des thèmes puis le lien Envoyer
3 - Cliquez sur le bouton Parcourir… pour sélectionner votre fichier .zip sur votre disque en local
4 - Cliquez sur le bouton Installer maintenant pour installer le thème
Tutoriel : Créer des thèmes WordPress avec Artisteer
Créer des thèmes WordPress avec Artisteer
Artisteer crée des conceptions de thème que vous pouvez personnaliser à votre guise. Il n’est pas nécessaire que vous disposiez de talent graphique, ou que vous soyez un expert Photoshop, Dreamweaver, du HTML ou du CSS.
Ce tutoriel vous explique comment créer rapidement des thèmes pour WordPress.
1 - Lancez Artisteer
Dans la fenêtre Nouveau Projet qui s’affiche :
cliquez sur WordPress.
2 - Appuyez sur le bouton Suggestion de Conception plusieurs fois, jusqu’à ce que vous obteniez une idée de thème WordPress que vous aimez.
Remarque : Vous pouvez utiliser les boutons Annulation et Rétablir pour revenir à des idées précédentes.
3 - Personnalisez les éléments de votre thème WordPress, dont la mise en page, l’arrière plan, l’en-tête, etc. :
Si vous cliquez sur l’onglet Mise en Forme vous pourrez affiner la mise en forme du thème :
4 - Exportez votre thème WordPress dans un dossier sur votre ordinateur.
Définissez les options d’Export : Menu Fichier -> Exporter -> Options d’Export
Remarque : Remplacez la valeur Home dans le champ Libellé élément Accueil pour que le menu de votre site affiche le texte Accueil, et non pas Home.
Puis exportez le thème Menu Fichier -> Exporter -> Thème WordPress
5 - Uploadez le dossier contenant les fichiers du thème sur votre serveur dans le dossier Themes de WordPress (../wp-content/themes).
6 - Dans l’interface d’administration de WordPress (Apparence -> Thèmes), sélectionnez le thème que vous venez d’installer dans la liste des thèmes disponibles et cliquez sur le bouton Activer.
Votre nouveau thème créé avec Artisteer est en place !
Chargement