Le blog change d'adresse

Ce blog déménage à l'adresse suivante : http://artisteerfrance.artisteer.net/

Comment Modifier le Style d'un Contrôle dans Artisteer ?

Une question qui revient souvent est de savoir s'il est possible de modifier le style d'un contrôle, comme par exemple le contrôle Recherche, dans Artisteer.

La réponse est oui.

Vous pouvez gérer la taille des différents contrôles en cliquant sur l’onglet Contrôles dans l'interface d'Artisteer (version 4.0).

Par exemple pour Recherche, cliquez sur Rechercher et dans la liste déroulante qui s’affiche sélectionnez Plus d’options. Cette fenêtre s’affichera alors :

Vous pourrez paramétrer ses options comme la largeur et la hauteur du champ de saisie, etc.

Utilisation des Modèles fournis avec Artisteer

Artisteer fournit un grand nombres de modèles de sites.

Vous pouvez utiliser librement les sites exemples et leur contenu (images) pour des sites pour vous-même ou vos clients, mais VOUS NE POUVEZ PAS revendre ces templates.

Si vous le souhaitez, les liens à l’auteur peuvent être enlevés (via le programme Artisteer).

En savoir plus sur la revente des modèles...

Accès en ligne aux Images Flickr avec Artisteer 4.0

Partout où vous pouvez insérer une image dans votre template, tel que l’arrière plan de la page ou l’en-tête, vous pouvez sélectionner des images parmi des milliers d’images Flickr sur le web, directement au sein d’Artisteer (à partir de la version 4.0).

Vous noterez que les images que vous sélectionnez à partir de Flickr sont soumis à la licence Creative Commons. Vous trouverez toutes les informations utiles sur les termes de licence en cliquant sur ce lien.
 

Exporter une Template Artisteer pour Joomla avec du Contenu

L'une des grandes nouveautés d'Artisteer 4 est la possibilité de créer en plus de sa template des pages avec du contenu pour n'importe quel type de CMS.

Précédemment, dans Artisteer 3.1, vous pouviez seulement créer du contenu pour vos pages web si vous réalisiez des templates de type “site web ou blog”. A partir de la version 4.0, vous pouvez à la fois concevoir votre template et créer vos pages avec du contenu, quelque soit le type de CMS (Joomla, WordPress…). En fait, vous n’avez plus à choisir le type de template lors de la création, c’est seulement au moment de l’export que vous sélectionnez le type.

Au moment de l’export vous sélectionnez si vous importez ou non le contenu en même temps que la template. Pour ajouter le contenu, il vous faut sélectionner l’option : Inclure le contenu dans les options d’export.

Exporter une template Joomla avec du contenu

Pour exporter la template :

1. Dans Artisteer menu Fichier > Exporter > Template Joomla

2. Dans la fenêtre Exporter sélectionnez Joomla 2.5, indiquez le nom du fichier (de la template) et le chemin d’accès, et cochez les options Archive ZIP et Inclure le contenu.

3. Cliquez sur le bouton Options… afin de vérifier si vous avez besoin d’ajuster certaines options, puis cliquez sur le bouton Exporter.

Pour installer la template dans Joomla 2.5 :

1. Allez dans Extensions > Gestion des extensions et uploadez l’archive de la template.

2. Allez dans la Gestion des templates, localisez la template dans la liste et paramétrez-la en tant que template par défaut (la template par défaut est symbolisée par une petite étoile).

Maintenant la template est installée et paramétrée en tant que template par défaut. Toutefois le contenu n’a pas encore été installé. Pour installer le contenu :

1. Ouvrez votre template dans la Gestion des templates, et cliquez sur Installer dans les Paramètres.

Remarque : Le contenu importé depuis Artisteer ne supprimera pas les pages et les articles qui ont été créés dans Joomla. Les nouvelles pages et les nouveaux articles seront seulement ajoutés dans la Gestion des articles. Le contenu précédemment importé avec Artisteer sera remplacé ; il est donc recommandé que le contenu importé précédemment soit sauvegardé.

2. Cliquez sur Importer.

Artisteer attribue des catégories spéciales pour les pages et les articles exportés. Toutes les pages exportées sont incluses dans la catégorie “Articles” et les articles quant à eux relèvent de la catégorie “Featured”. La catégorie Featured dans Joomla est habituellement attribuée aux articles qui sont publiés sur la page d’Accueil. A l’installation du contenu, Artisteer crée une page d’Acueil supplémentaire, qui devient la page d’Accueil par défaut. Cette page contient des articles Artisteer considérés comme les articles phares. De plus, lors de l’installation du contenu, un exemple supplémentaire de menu horizontal et un exemple de menu vertical sont ajoutés à la Gestion des menus depuis Artisteer.

Artisteer 4.0 pour Windows

Artisteer 4.0 offre un grand nombre de nouvelles fonctionnalités et d'améliorations particulièrement intéressantes.

• Création du contenu pour votre CMS
• Support HTML5/CSS3
• Support des appareils mobiles
• Concepteur d'en-tête avec édition visuelle
• Polices web Google
• Accès en ligne aux images Flickr
• Images Lightbox et Diaporamas
• Mise en forme du pied de page et édition
• Texte ombré 
• Nouveaux éléments HTML
• Menu de style magazine
• Amélioration de l'interface utilisateur
• Plug-in SDK...

Artisteer 4.0 est immédiatement disponible pour la plate-forme Windows. La version beta pour Mac devrait être disponible en fin d'année.

Accès à la liste détaillée des nouveautés de la version 4.0.

Block Wrapper avec Blogger

Il existe un bogue connu comme quoi le navigateur Firefox rencontre des difficultés à afficher certains gadgets JavaScript "enveloppés" dans des blocs Artisteer. Ce problème se manifeste de la manière suivante : une page vierge de votre blog Blogger s’affiche indiquant qu’elle se charge… or la page web ne s’affiche jamais. Ce problème ne se manifeste avec aucun autre navigateur web.

Il existe une façon simple de corriger ce problème : il suffit de supprimer l’enveloppe de bloc des gadgets HTML/JavaScript pour le navigateur Firefox.

Voici comment procéder :

Artisteer 3.1 : Titre et Slogan avec Joomla 1.6/1.7

A partir de la version 3.1 du logiciel Artisteer, le titre et le slogan de la template Joomla (1.6/1.7) sont visibles dans Artisteer uniquement afin d’avoir le rendu visuel.

Vous devez ajouter le titre et le slogan à la template Joomla exportée.

Allez 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.

Comment installer un nouveau thème (template) dans WordPress...

Voici l'une des manières de faire pour installer un nouveau thème (template) dans WordPress.

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 trouve les thèmes disponibles à savoir ../wp-content/themes/

3. Copiez ou uploadez dans ce répertoire ../wp-content/themes/ le dossier de votre nouvelle template que nous appellerons Artist

Vous devez donc désormais avoir : ../wp-content/themes/Artist/

4. Connectez-vous à votre console d’administration WordPress et allez dans le menu Apparence puis Thèmes

5. Sélectionnez le thème que vous venez d’installer (Artist) dans la liste des thèmes disponibles et cliquez sur le bouton Activer.

Découvrez Artisteer 3.0

Artisteer 3.0 est immédiatement disponible pour Windows. Avec cette nouvelle version, vous serez encore plus productif !

• Prévisualisation, téléchargement et édition d’exemples de sites web et de templates
• Création de conceptions web avec des mises en page fluides
• Conception de templates pour les dernières versions de Joomla, WordPress, Blogger, Drupal et DotNetNuke
• Construction de sites web complets avec des pages et des articles
• Publication de votre site web avec le service d’hébergement en ligne Artisteer.net
• Utilisation de nouveaux graphiques, effets, thèmes de couleur et transparence

Accédez à la liste des nouveautés de la version 3.0 du logiciel Artisteer...

 

Essayez dès maintenant cette nouvelle version !

Sécuriser l'authentification à un site WordPress

Lorsque vous vous identifiez sur un site/blog WordPress, et que vous n'avez pas saisi la "combinaison magique" (comprendre l'identifiant - login - et le mot de passe), WordPress affiche un message d'erreur.

Si l'identifiant n'est pas correct, WordPress affiche ce message d'erreur :

et si c'est le mot de passe qui est incorrect, alors WordPress affiche ce message :

En terme de sécurité, ce n'est pas l'idéal... car on en déduit que le mot de passe est correct dans le premier cas, et que c'est l'identifiant qui est correct dans le second cas.

La solution pour "sécuriser" est de cacher ce message d'erreur. Pour cela, il vous suffit d'éditer le fichier functions.php se trouvant dans le répertoire de la template (\wordpress\wp-content\themes\nom_dtemplate) et d'ajouter ce morceau de code :

add_filter('login_errors',create_function
('$a', 'return null;'));

Maintenant il n'est plus possible de savoir si c'est l'identifiant ou le mot de passe qui est incorrect :

La Modération d'un Blog : Pourquoi ? Comment ?

Modérer un blog signifie accepter la publication des commentaires laissés par ses lecteurs/membres du blog qu'après les avoir lus et validés, de sorte à éviter des dérapages : propos illicites, propos diffamatoires ou manque de courtoisie envers qui que ce soit, etc.

C’est à l’auteur du blog de modérer son blog et de valider le contenu publié tant dans les posts que dans les commentaires ; il est RESPONSABLE du contenu. Les règles du forum s’appliquent également pour les blogs.

Des outils de modération à la portée de tous quelque ce soit le niveau de connaissance technique sont disponibles pour toutes les technologies de blog que ce soit WordPress, Blogger, etc.

Il est de plus à noter que les blogs sont aussi victimes de nombreux spams qui polluent les zones de commentaires et rendent de ce fait le blog illisible. L’activation de la vérification des mots dans le formulaire de commentaire avec la présence d’un captcha permet de réduire considérablement les commentaires indésirables.

Comment faire avec Blogger ?

Tableau de bord - Paramètres - Commentaires

Pour l’option Modération des Commentaires on optera pour le paramètre Toujours ce qui permettra au possesseur du blog de relire les commentaires avant de les publier de sorte à s’assurer que le contenu du commentaire est conforme aux bonnes règles (pas de propos illicites, ni diffamatoires, pas de manque de courtoisie envers qui que ce soit, etc.). On renseignera son adresse email de sorte à être notifié des commentaires laissés par un non-membre.

Pour l’option Afficher la vérification des mots pour les commentaires ? on optera pour OUI de sorte à afficher le captcha. Les lecteurs laissant des commentaires sur votre blog devront alors saisir le captacha dans la zone prévue à cet effet, ce qui permettra de réduire le nombre de commentaires indésirables.

Pour l'option E-mail de notification de commentaires, on renseignera une ou des adresses email pour être notifié automatiquement si quelqu'un laisse un commentaire sur le blog, de sorte à pouvoir le modérer.

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.

Afficher le libellé Home en français avec Artisteer - WordPress

Pour que le libellé du premier onglet (menu) Home s'affiche en français, il vous faut recharger votre projet dans Artisteer.

Allez dans le menu Exporter -> Thème WordPress -> Bouton Options…

Dans la boîte de dialogue qui s’affiche cliquez sur WordPress et changez le libellé de la page d’accueil :
remplacez Home par Accueil.

Il vous suffit d'uploader votre thème mis à jour, et désormais vos visiteurs liront le libellé Accueil.

Paramétrage des Eléments de la Page avec Blogger

Bonsoir, Nous allons vous expliquer comment personnaliser les éléments de mise en page avec Blogger. Dans TABLEAU DE BORD au niveau de votre Profil, il vous faut cliquer sur MISE EN PAGE… Le premier onglet Éléments de la page va permettre de positionner de nouveaux éléments sur la page : on a une vue du schéma de mise en page. Il suffit de sélectionner à la souris les éléments souhaités et de les mettre à l’endroit désiré… Pour cela, on clique sur le bloc voulu, on le déplace en maintenant enfoncé le bouton de la souris et on le relâche à l’endroit voulu en lâchant le bouton de la souris… c’est ce qu’on appelle le drag-and-drop (glisser-déposer). Pour modifier un élément on clique sur « Modifier » dans le bloc voulu. Les blocs avec la mention « Ajouter un gadget » permettent d’ajouter de nouveaux blocs à la mise en page. Quand on clique dessus, une nouvelle fenêtre s’ouvre avec une liste des gadgets disponibles. Un des gadgets les plus utilisés est le Champ de Recherche ; il ajoute une fonctionnalité permettant de faire une recherche sur le blog. Si le gadget n’a pas déjà été ajouté un + est disponible. On clique dessus et on renseigne les informations demandées et on valide. Si on retourne sur le blog en mode affichage (Afficher le blog), on verra son champ de recherche qui est fonctionnel. Le gadget Libellés est également très utile car il va permettre de catégoriser les posts, c’est-à-dire les mettre dans des rubriques. Exemple : Je crée un post qui s'intitule Comment paramétrer Blogger ? Je vais le mettre dans une catégorie que j'appelle Paramétrage… (à vous de déterminer les noms de vos catégories) et sur mon blog j’aurai accès à une section Libellés qui affichera le nombre de posts liés au libellé Astuces Blog. Si je clique dessus tous les posts (articles) dépendant de la catégorie Astuces Blogs s’afficheront dans la fenêtre courante. L’intérêt c’est que votre visiteur affichera un contenu en concordance avec ce qu’il recherche. Donc il vous faut passer en revue les différents gadgets pour voir ceux qui vous seront utiles, j’ai bien dit utile ! car inutile d’avoir trop de gadgets… Pour les ajouter vous cliquez sur le bouton + et vous les paramétrez. Pour les changer de position sur la page, procédez comme indiqué précédemment. Remarque : une bannière est une image… format .jpeg, .gif… donc pour ajouter une bannière il faudra ajouter un gadget Image. Lorsque vous configurez ce gadget, en cliquant sur le +, il vous précise la taille d’affichage de l’image si vous ajustez à la page. Exemple : L’image sera réduite à 900 pixels… Veillez dans ce cas à ce que l’image que vous allez placer ne soit pas supérieure à 900 pixels… Cette image vous pourrez la récupérer directement depuis votre ordinateur (en local)... naviguez jusqu'à votre fichier image puis cliquer sur Enregistrer.

Paramétrer les URLs des pages dans WordPress pour afficher le nom de la page

Par défaut les URLs des pages d'un site/blog WordPress contiennent une valeur numérique pour les pages, comme par exemple : http://www.artisteer-france.fr/?p=83 Afin d'afficher le nom en clair de la page comme par exemple : http://www.artisteer-france.fr/achat/achat-en-ligne/ Il faut aller dans l'interface d'administration de WordPress, dans le menu Réglages -> Permaliens et renseigner la structure personnalisée : /%category%/%postname%/ Ensuite il faut mettre à jour le fichier .htaccess (fichier se trouvant à la racine du répertoire WordPress) : RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] Si le fichier .htaccess n'existe, il vous faut alors le créer. Création d’un fichier .htaccess sous Windows Les systèmes d'exploitation Windows ne permettent pas de renommer un fichier en .htaccess. Pour créer un fichier .htaccess, il faut créer un nouveau fichier à l'aide d'un éditeur de texte et sélectionner Enregistrer sous... dans le menu Fichier. Dans la boîte de dialogue, il faut saisir ".htaccess" (ne pas oublier les guillemets sinon le programme ne comprendra pas le nom du fichier et rajoutera l'extension .txt) puis cliquer sur le bouton Enregistrer. Dans le fichier .htaccess vous ajoutez tout simplement ce contenu : RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] Dans un prochain article nous reviendrons sur le fichier .htaccess qui s'avère utile pour d'autres propos comme la sécurisation d'un répertoire ou encore la redirection de page(s) ou de répertoire(s).