Category

Plugin Wordpress

wp-editor-wordpress

Wp-Editor l’éditeur de code indispensable pour WordPress

By Aide et astuces, Plugin Wordpress, Thèmes Wordpress No Comments

Après en avoir essayé de très nombreuses extensions dédiées à la personnalisation de l’environnement du code, WP-editor s’est avéré très efficace pour
Modifier ses thèmes et ses plugins comme sur Dreamweaver ou Notepad ++

Il remplace ce qui est installé par défaut dans l’éditeur de thème de la page PHP ou de votre feuille de style CSS. Cette fonction en place nativement dans WordPress depuis 2 ans, ne permet néanmoins pas une vue habituelle, telle que le permettent des logiciels comme Dreamweaver ou Notepad ++.

Avec les intégrations de couleurs, WP-Editor offre un environnement vous permet tout de suite de faire des modifications puisque les balises HTML, les balises PHP, et tout type de code apparaissent directement pour permettre de faire des modifications comme si vous étiez sur un éditeur du type Dreamweaver.

Au-delà des couleurs dans le code, vous pourrez également apprécier la numérotation des lignes dans l’éditeur de texte.

La numérotation de lignes est bien pratique, puisque désormais, beaucoup font les modifications directement à partir de l’inspecteur d’élément proposé par Firefox ou par Chrome. Cet éditeur de texte intégrant la numérotation de lignes, il est alors plus facile de faire un copier-coller de l’inspecteur à l’éditeur, puis de fairela modification ajustée pour la validation définitive.

Rapide et efficace il s’agit de la meilleure solution d’aujourd’hui sur WordPress pour administrer son code.
Au-delà l’avantage est également de pouvoir aller dans les fichiers CSS même si ces derniers sont localisés dans des dossiers. Après avoir changé les droits d’écriture et de permissions sur vos fichiers à partir de votre logiciel ftp, il vous sera alors possible de modifier l’intégralité du code présent sur votre site.
Cette extension fait partie des 10 meilleurs plug-ins à utiliser systématiquement dans un site WordPress.

Quel que soit le thème ou le plug-in sur lequel vous travaillez, Wp-editor s’associe à votre feuille et vous permettra ainsi la modification pour une personnalisation plus rapide et plus efficace. Vous allez donc grâce à cela progressivement quitter vos éditeurs de texte, et ainsi travailler de plus en plus directement en ligne pour laisser au local que le début de votre site.

Retoucher ses photos depuis Wordpress

Retoucher ses photos depuis WordPress

By Aide et astuces, Le graphisme et wordpress, Plugin Wordpress 3 Comments

Retoucher ses photos depuis WordPress sans passer par des logiciels spécialisés. Avec le plugin Aviary Photo Editor, plus besoin d’ouvrir Photoshop, gimp ou illustrator en parallèle de votre site pour modifier vos photos.

 

Installation du plugin :

L’installation est plutôt simple et conventionnelle. Soit en passant par le menu Extensions -> Ajouter. Rechercher Aviary Photo Editor puis Installer. Soit via les sources en téléchargeant le fichier ZIP qu’il faudra décompresser dans le dossier /wp-content/plugins via votre client FTP favoris.

Ensuite, activez le plugin depuis Extensions installées.

Rendez-vous ensuite dans la page Réglages -> aviary photo editor options. Une clé API y est demandée. Cliquez sur register here pour créer un compte sur le site d’Aviary.

Une fois votre compte créé, cliquez sur Add an app. Sélectionner sur le bouton Web puis saisissez un nom dans le champ Name your app (ex : photo editor), puis cliquez sur Add pour obtenir la fameuse clé API.

Il sera également possible de changer la langue du plugin. Pour information, le plugin n’est que partiellement traduit.

Enfin, lorsqu’une image aura été retouché, Aviary Photo Editor peut enregistrer les images au format PNG ou JPG.

Utilisation :

Pour éditer une image, il suffit de se rendre dans Bibliothèque -> Media, dans la dernière colonne de droite figure un bouton Edit photo en face de chaque image. Cliquez sur l’un d’entre eux pour afficher la fenêtre ci-dessous.

Retoucher ses photos depuis WordPress

L’interface se compose d’une barre horizontals de 11 outils, d’un bouton Valider pour enregistrer ses travaux, d’une loupe en haut à droite de l’image pour zoomer sur l’image ainsi qu’une flèche Annulé et Rétablir en bas à gauche de l’image.

Parmi les outils on retrouve :

  • Renforcer : Choisir parmi trois options de mise en valeur de préréglage pour améliorer vos images. Haute définition rehausse intelligemment la définition de l’image; illuminer résout les problèmes de faible éclairage et Répartition des Couleur effectue une correction de couleur incroyable.
  • Effets : Pour atteindre rapidement des résultats professionnels avec une gamme de filtres photo superbes, conçus pour améliorer facilement et styliser la photographie courante.
  • Cadres : Habiller vos photos a l’aide ces cadres artistiques.
  •  Stickers : Stimuler la créativité des autocollants originaux.
  • Recadrage, Taille et Orientation : Recadrer rapidement, redimensionner et faire pivoter la photo avec des outils intuitifs et image prédéfinies options de recadrage.
  • Luminosité, Contraste, Saturation, Chaleur : Modifier la luminosité, le contraste, la saturation, la netteté et la température à l’aide des curseurs.
  • Mise au point : changer la mise au point d’images pour créer un effet « tilt-shift ».
  • Dessin : Dessiner directement sur vos photos avec les couleurs de votre choix.
  • Texte : Ajouter du texte avec un très large choix de couleur et de typographie.
  • Yeux rouges : Utiliser cet outil pour corriger les yeux rouges due au reflet du flash de l’appareil photo.
  • Blanchir : Utiliser cet outil pour blanchir les dents de vos sujets.
  • Fondu : Ajouter un flou du type gaussien. Idéal pour flouter des visages par exemple.

Cliquez sur Valider pour enregistrer vos modifications. Cela créera un nouveau fichier dans le format prédéfinit dans Réglages -> aviary photo editor options.

Voila comment retoucher ses photos depuis WordPress !

Aviary Photo Editor est un programme écrit en Javascript, ce programme existe également pour Android et iOS.

Mettre en valeur son code dans WordPress avec SyntaxHighlighter

By Plugin Wordpress No Comments

Pour mettre son code en valeur sur WordPress, ce n’est pas difficile, la balise <code></code> intègre facilement ce que vous écrivez et permet à votre lecteur de faire un copier coller facile.

Alors, pourquoi SyntaxHighlighter ? Parce que ce qu’on aime, c’est pouvoir profiter de toutes les options de Notepad 2+, directement sur le site. Avec ces petites options, le code devient un véritable objet qu’on peut récupérer pour le retraiter ailleurs.

Pour le paramétrer, rien de plus simple, voici un résumé des principales infos à régler.

Paramétrage du plugin

Paramétrage du plugin

Ces réglages vous permettront de faire apparaître les numéros de ligne dans le code, d’activer ou non la barre d’outil.

Vous pouvez également activer ou nom le contenu de votre code à savoir si vous souhaitez que vos URL soient cliquables.

Si vous avez beaucoup de code et que vous livrer plusieurs dizaine de ligne, vous pourrez déterminer la place de l’espace code en laissant à l’utilisateur une scroll barre qui permettra d’aller de la première à la dernière ligne en quelques mouvements de souris.

C’est le plugin le plus utiliser et une simple inspection d’élément sur chrome permet de le trouver et de l’installer gratuitement.

Voilà donc un vrai plugin de Geek, ou de passionné WordPress plutôt…

TablePress

TablePress, faire un tableau rapide et facile sur votre site WordPress

By Plugin Wordpress No Comments

tablepressFaire un tableau dans un article ou une page wordpress peut prendre du temps, c’est le moins qu’on puisse dire. Coder un grand tableau peut prendre plusieurs heures même si le langage HTML n’est pas  des plus complexe.

 

Pour intégrer un tableau, c’est TablePress ancien Wp Table Reload qui prend le pas et propose la meilleure solution. C’est en tout cas notre sélection pour créer votre tableau.

L’ajout d’un tableau passe par un shortcode qui va alors chercher l’id du tableau créé juste avant dans le plugin.

Vous pouvez créer un tableau simple de quelques lignes, mais également importer directement un tableau excel dans votre page ou article wordpress.

Le format du tableau peut être en XLS, XLSX, CSV, mais également en HTML. Pour les puristes, sachez donc que vous pourrez également exporter votre tableau et ainsi profiter des mêmes formats. Si vous n’aimez pas utiliser les shortcodes, vous pouvez faire un export en HTML qui par un copier-coller dans la zone texte de votre article, donnera un résultat identique et modulable directement dans le texte si vous avez des modifications à faire.

Les options du tableau sont également importantes et permetentt en passant par de simples clics, de cacher, ajouter, supprimer et changer des colonnes. L’attribution des entêtes de colonnes et de lignes se fait dans la même organisation.

Voilà donc un moyen très simple d’intégrer beaucoup d’option sans être obligé de coder une seule ligne d’HTML.

Ci-dessous un exemple rapide de ce qu’on peut réaliser grâce à Tablepress

[table id=3 /]
formulaire de contact pour wordpress

Contact Form 7 vs Gravity Form : Quel formulaire de contact pour WordPress ?

By Plugin Wordpress One Comment

Les plugins de formulaire de contact pour WordPress sont nombreux mais les deux grands gagnants sont bien Contact Form 7 et Gravity Form.

La guerre des deux extensions va plus loin que le seul choix puisque l’un est payant (Gravity Form) et l’autre est gratuit (Contact Form 7).

La comparaison ne doit pas se faire sur le prix puisque Gravity Form permet d’aller beaucoup plus loin, et quelques dollars valent bien la peine d’être dépensées au regard des immenses possibilités que le plugin apporte.

En configurant Gravity Form, vous pourrez mettre en place un véritable système de récupération d ‘informations, tout à fait transposables pour du contact, mais également pour d’autres choses.

Formulaire de contact pour WordPress certes, mais il faut également voir le traitement de l’information derrière. Possibilité de transposer en PDF, exportation en CSV, intégration par shortcode…

Voyons donc un peu les différentes fonctions sous forme d’un récapitulatif pour avoir en tête les vraies différences.

[table id=1 /]

Notre choix chez FranceWordpress sera donc bien celui de Gravity Forms. Oui nous travaillons sur un CMS gratuit, mais certains développements valent les quelques dollars supplémentaires!

De notre côté, une grande partie des créations de sites internet que nous réalisons l’intègre d’office, permettant le développement de fonctions faciles mais très confortables pour les users : Gestion de contact, évidemment, mais également intégration de leads, génération de devis etc…

Cependant Contact Form 7 reste le plus connu pour une raison simple : sa gratuité ET son efficacité restent l’outil de formulaire de contact idéal à intégrer dans les thèmes wordpress payants ou gratuits. Dansles deux cas, un bon moyen de travailler avec une bonne extension sans exploser le prix.

menu de navigation responsive

Créer un menu de navigation responsive pour WordPress

By Le graphisme et wordpress, Plugin Wordpress, Wordpress 3.6, Wordpress 3.7, Wordpress 3.8, wordpress 3.9, wordpress 4.0, Wordpress 4.1 No Comments

Créer un menu de navigation responsive simplement avec le plugin Responsive Select Menu.

 

Nombreux sont les thèmes gratuits qui ne possèdent pas encore de menu qui répondent aux exigences du responsive web design et corriger cet oubli n’est pas à la portée de tout le monde.

Heureusement des plugins comme Responsive Select Menu permettent au plus grand nombre d’entre-nous de créer un menu de navigation responsive sans taper une ligne de code.

 

Installation

Téléchargez puis Installez le plugin depuis le tableau de bord de WordPress, puis activez-le.

Rendez-vous dans Apparence -> Responsive Select.

A quoi peuvent bien servir tous ces plugin qu’il est demandé d’installer ?

 

Le développeur de ce plugin à également créer un menu appeler UberMenu dont la démo est disponible sur le site officiel.

C’est plugin additionels sont utiles seulement si UberMenu est installé. Dans le cas contraire, il n’y aura pas besoin de les installer.

 

Configuration

La configuration de Responsive Select Menu se fait essentiellement depuis la rubrique Basic Configuration. La rubrique Advanced Settings permet seulement d’activer/désactiver le menu responcive sur certaines pages.

menu de navigation responsive

Maximum Menu Width : choisissez la largeur à laquelle le menu deviendra responcive.

Menu Depth Limit : laissez sur 0 pour afficher tous les éléments du menu. Ou un chiffre si certaine rubrique du menu ne doivent pas être affichés.

Sub Item Space : permet de personnaliser l’espace présent devant les sous-catégories du menu.

Exclide Items Without Links : masque toutes les catégories qui n’ont pas de liens (# ou vide).

First Item Name : personnalise la première catégorie « factice » du menu

: affiche le nom de la catégorie active lorsque le mobinaute navigue sur votre site.

Activate All Theme Locations : rend tous les menus responcive.

Selectively Activate Theme Locations : rend uniquement le menu principal responcive. L’option précédente doit être désactivé.

 

Une démonstration du plugin est disponible sur : http://agility.sevenspark.com/responsive-select-menu

Intégrer un shortcode Googlemap sur une page ou un article wordpress

By Google, Plugin Wordpress, SEO No Comments

shortcode google map

Les extensions Google Map ne manquent pas, mais parfois, nous avons juste besoin de faire une intégration de code propre et facile dans un page ou un article.

Google Map Targetting est un excellent plugin pour le faire facilement. Le shortcode se génère automatiquement grâce à un bouton qui apparaît dans le Wysiwig.

Il suffit de se positionner sur la page ou l’article wordpress, ensuite d’appuyer sur ce bouton qui proposera les options simples nécessaires à l’intégration de la carte google sur votre page.

Une façon simple, facile et sans des kilomètres d’options d’intégrer les avantages de Googlemap sur votre page web.

Je reprends cependant cet article quelques années après puisqu’il date de 2013. En gros, ne pas oublier que désormais, de très nombreux thèmes, payants ou gratuits, vous proposent des solutions solides permettant d’intégrer vos informations à partir d’un « site builder » ou d’un shortcode préintégré.

Ne serait ce que pour la qualité graphique et la logique de votre site internet, nous vous conseillons de l’utiliser. Vous verrez également que c’est bien plus simple à utiliser.

Question SEO : C’est toujours mieux d’utiliser Google Map qu’un autre système de mapping ? Nous vous répondons évidement oui, comme il est préférable d’utiliser Google + à Facebook si vous souhaitez faire plaisir à Google;) Mais bon, restez naturel, puisque dans référencement naturel, il y a naturel;)

shortcode google map pour wordpress

Insérer un shortcode google map pour wordpress : Google Map Targeting

By Plugin Wordpress No Comments

Pour insérer un shortcode google map pour wordpress des plugin tel que  Google Map Targeting sera d’un secoure.

Les extensions Googlemap ne manquent pas, mais parfois, nous avons juste besoin de faire une intégration de code propre et facile dans un page ou un article.

Google Map Targetting est un excellent plugin pour le faire facilement. Le shortcode se génère automatiquement grâce à un bouton qui apparaît dans le Wysiwig.

Il suffit de se positionner sur la page ou l’article wordpress, ensuite d’appuyer sur ce bouton qui proposera les options simples nécessaires à l’intégration de la carte google sur votre page.

Une façon simple, facile et sans des kilomètres d’options d’intégrer les avantages de Googlemap sur votre page web.

Le meilleur plugin Google map pour wordpress

By Aide et astuces, Plugin Wordpress 3 Comments

Avec les extensions de contact, l’intégration de  cartes paramétrables et personnalisables sont les bienvenues sur nos pages de contact. Mais les plugins sont nombreux et peu d’entre eux sont efficaces autant que simple.

Wp Google Map est notre choix, et cela après de nombreux tests.

Wp Google Map une version lite efficace pour l’intégration d’une carte Google.

Ce plugin est la solution si vous souhaitez avoir une carte Google map  facile à intégrer grâce aux systèmes des Short Codes.

Bien pratique, vous réalisez les paramétrages à l’extérieur du plugin qui s’intégrera facilement dans un page ou un article par l’édition d’un short code.

Il y a deux versions à cette extension wordpress, la version lite et la version pro.

La version lite est largement suffisante s’il ne s’agit pas d’intégrer vos propres éléments, mais simplement de faire apparaître une carte Google avec votre adresse et les options de navigation.

La version pro, vous apportera des options supplémentaires intéressante, comme l’intégration d’un logo sur votre map, comme c’est le cas dans l’image ci-contre.

google-map-wordpress

Si vos éléments sont très nombreux à intégrer, les options d’automatisation sont là pour vous aider. A l’aide d’un fichier CSV contenant vos éléments avec adresses et autres caractéristiques, vous pourrez en une seule fois intégrer vos informations.

WP-Google-MapsEgalement à comprendre, si votre map a pour objectif de faire des liens externes, c’est la possibilité à chaque point de carte, d’affilier un texte, une image et un contenu, comme dans l’image 2.

Comme dans beaucoup d’autres extensions, il sera possible de faire apparaître certains modes de navigation, d’activer le zoom, la vue satellite etc…

A noter également que les deux versions sont responsives,  permettant ainsi d’intégrer les cartes sur tous les supports.

Il s’agit d’une extension simple que nous souhaiterions voir éditer sur d’autres besoins! A nouveau en tous les cas, une extension qui démarre par « Wp » dans son nom est souvent simple, bien faite et facile d’utilisation, même dans la version lite ou gratuite.

 

Un plugin wordpress pour gérer les redirections 301

By Plugin Wordpress, Référencement Wordpress No Comments

Faire une redirection 301 sur WordPress à l’aide d’une extension

extension wordpress redirection 301Si nous utilisons WordPress pour un blog ou un site vitrine, c’est essentiellement pour ses qualités de référencement naturel sur Google. Or Google souhaite simplifier les URL (changements depuis Penguin et Panda) cela nous impose pour les sites les plus anciens d’ajuster certaines pages web afin de maximiser leurs fabrications sans pour autant perdre la puissance de la page.

Si la page ne change pas en revanche l’URL, elle va être modifiée.
Alors, pour ne pas perdre la puissance du Netlinking, nous opérons une redirection 301 de l’ancienne page vers la nouvelle page.
Cette redirection, sur la nouvelle URL, peut être faite de différentes manières sur WordPress.

  • Soit à l’aide d’un fichier Htaccess, qui va répertorier les modifications et dans lequel on peut mettre une succession de ligned correspondantes à toutes les URL qui vont être changées et sur lesquelles on souhaite poser une redirection 301.
  • Soit par l’intégration d’un plugin pour gérer la redirection 301, qui fera donc tout le boulot à notre place.

Une extension wordpress de redirection 301 simple, et rapide de configuration pour garder le positionnement de vos pages référencées sur Google.

La première méthode est pratique lorsqu’il s’agit d’automatiser un site largement référencé contenant plusieurs centaines de pages. Mais s’il s’agit d’une simple modification pour une optimisation de votre référencement naturel sur certaines pages, une extension très simple va vous aider à faire cela sur WordPress. L’extension s’appelle simple 301 redirect.

Elle porte plutôt bien son nom puisqu’elle s’active et se paramètre en quelques clics

Du côté gauche vous rentrez les anciennes URL, du côté droit la nouvelle URL, puis vous valider. Par la suite en faisant le test dans votre navigateur, vous pourrez observer qu’en tapant l’ancienne adresse de votre page Web vous tomber directement sur la nouvelle. Il est donc une redirection efficace que l’on observe, mais il y a également une redirection de la puissance Web de la page, ce qui est nécessaire et indispensable si on veut conserver la puissance de référencement de positionnement de l’ancienne page.

Simple 301 redirect est a priori à la référence pour des ajustements de quelques pages ou articles. Mais si jamais cette redirection n’est que provisoire, pensez aux redirections 302 qui sont là pour les sites en travaux.
Pour le reste n’oubliez pas que une redirection 301 communique et transmet toute la puissance de l’ancien de la nouvelle page. Attention donc aux pages pénalisées page Penguin : Si vous êtes victime d’un déclassement d’une page, il n’est pas forcément malin d’utiliser une redirection 301…