Category

Plugin Wordpress

Themeforest : Le grand gagnant des thèmes et plugins WordPress

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

Création de sites Internet avec WordPress ne passe plus nécessairement par la création d’un thème graphique. Désormais avec la hausse du nombre de sites proposant des thèmes déjà créés, il suffit de choisir son mode de thème, sachant graphique, et de l’adapter aux couleurs de son client. Les connus était jusque là pour WordPress, MonsterTemplate, c’est désormais Themeforest, le petit poucet de l’époque qui est devenu grand.

Themeforest, référence et meilleure banque de données pour l’achat d’un thème WordPress Premium, de qualité professionnelle.

L’un des grands gagnants sur le sujet, spécialiste dans la création de thèmes WordPress (Drupal, Joomla, ou encore de simples feuilles HTML) c’est ThemeForest. Il s’agit d’une banque de données payantes mais libres de droit. Un avantage précieux par rapport au temps que cela fait gagner. Car au-delà des couleurs, et de la mise en forme, il y a surtout certains types de thèmes déjà intégrés, comme pour la création d’une boutique ou un site tout spécialement dédié aux photographes.

WordPress reste simple dans son administration est parfaitement accessible pour celui qui saura faire les modifications standards que l’on retrouve sur les blogs. À partir de la l’intégration d’un thème acheté, on peut donc facilement utiliser WordPress pour créer un site internet totalement professionnel, sans pour autant être un grand spécialiste du code.

Mais tout cela a une limite car en réalité, Themeforest s’adresse aux Agences qui achètent là une matière première plus aboutie que de simples lignes de code. Si on peut réaliser un site, le modifier reste donc à la porter des professionnels de la création web.

Themeforest est donc une banque de données que pourront utiliser les agences de création de sites au profit d’un gain de temps et ceci pour quelques euros. Un thème se vendra entre 30 et 50 $, et un plugin en moyenne entre 8 et 20 $.
Ainsi au lieu de créer un plugin dédié à quelque chose dont vous avez besoin dans votre site Internet, il suffira de l’acheter et de l’intégrer sur votre site. Le meilleur exemple reste l’utilisation de plugin permettant la création d’un CRM ou d’un système de facturation sur WordPress. Besoin de personnaliser en fonction de ce que fait l’entreprise, mais en aucun cas il n’est nécessaire de tout reprendre à zero. Il suffira donc d’acheter un plugin et de le faire ensuite évoluer. Pour souvent moins de 20€ on gagne plusieurs jours de programmation, c’est donc évidement rentable et pratique.

Mais Themeforest, s’il est concentré sur un très grand nombre de produit WordPress, ne travail pas que pour cela. Vous trouverez également des thèmes de qualité pour Drupal, Joomla, Photoshop, ou des simples feuilles en HTML pour les sites les plus simples. En dehors du Web, on peut également trouver de la matière pour le print, pour le son et le montage vidéo, permettant réellement d’aller très loin. Projet After Effect, présentations powerpoint… tout est là pour fournir à votre agence une matière première efficace.

WordPress reste un logiciel libre de droit ce qui permet donc de modifier, d’adapter et de personnaliser à la charte graphique de celui qui intégrera dans son site Web les éléments de Themeforest. La qualité du travail final n’est donc pas impacté, mais le temps gagné dans l’inspiration et la structuration du site est précieux!

Je vous conseil donc d’utiliser sans réserve cette source que beaucoup d’entre vous ont déjà dans leurs bases de données j’en suis certain!

Geo my Wordpress

Utiliser la géolocation avec Geo my WordPress

By | Plugin Wordpress, wordpress 3.9 | No Comments

Geo my WordPress est une solution complète de géolocation pour WordPress.

Utilisant les API de Google Maps il permet d’ajouter l’emplacement à tous ou partie de vos articles, pages et même à vos membre BuddyPress lorsque celui-ci est installé.

 L’installation du plugin Geo, prenez juste la précaution de sélectionner le bon plugin.

L’installation ce fait de manière classique, attention toutes fois lors de l’installation automatique (via le tableau de bord de WordPress), car un autre plugin porte le même nom. Sans doute que les développeurs aient voulu s’approprier la notoriété de sont ainé. Quoi qu’il en soit, veuillez à bien installer celui qui déteind les 5 étoiles.

 

Le sous menu Modules

Ce menu permet l’ajout de modules complémentaires pour accroitre le nombre de fonctionnalité. Par défaut seul Post types locator est installé mais pas active. Activez-le tous de suite car il est indispensable pour la plupart des fonctionnalités de base.

Les plugins où figure le liserer rouge à coté du nom, signifie qu’ils ne sont pas activé. Le liserer passe en bleu lorsqu’ils sont activés. Certain plugin nécessite l’ajout d’un numéro de licence, il apparaissent avec le liserer vert.

Dans la liste figure un plugin nommé : Gravity Form Geo field. Pour ceux qui ne connaissent pas encore Gravity Form un article lui est consacré sur FranceWordpress.

Les fonctionnalités

Après avoir ajouter votre localité, il sera possible de créer un formulaire de recherche avancé en y incluant la localité et ainsi proposé un solution de recherche par taxonomie par localité. La recherche peut être étendu à l’aide d’un rayon d’action dont la distance peut être configurer en miles ou en kilomètres.

Geo My WordPress propose d’autres fonctionnalités comme : l’emplacement actuel de l’utilisateur de positionnement automatique, affichage de la distance de conduite,
TogethWP est très proche de Google Maps, en proposant la géolocalisation automatique de l’utilisateur et permétant d’afficher l’itinéraire jusqu’à votre lieu physique.

Les principales caractéristiques

  • Fonctionne avec les Articles et les Pages.
  • Fonctionne avec Buddypress – Les membres de Buddypress peuvent ajouter leur adresse.
  • Possible recherche par ville ou code postale.
  • Utilisé la localisation automatique pour obtenir l’emplacement actuel de l’utilisateur.
  • Utilisé la localisation automatique pour afficher les résultats à proximité de l’emplacement de l’utilisateur.
  • Rechercher dans n’importe quel rayon choisi parmi un menu déroulant..
  • Pour les post types – Utilisez les catégories pour filtrer resultats.
  • Pour Buddypress – Utiliser le champs profile pour des résultats complexes de filtrage.
  • Recherche par miles ou kilomètres
  • Afficher Google map avec les marqueurs de la fenêtre, des emplacements et des informations pour chacun des marqueurs.
  • Utilise les API de Google pour affiche les itinéraires.
  • Pagination – choisissez le nombre de résultats par pages.

Paramètres généraux.

  • Entrez votre Google API key
  • Choisissez votre région.
  • Choisissez si obtient automatiquement l’emplacement actuel de l’utilisateur lors de la première visite sur le site.
  • Personnalisez l’icône de localisation parmi les modèles proposés ou en en important les vôtres.
  • Choisissez le Post types où vous voulez ajouter la localisation.
  • Choisissez le thème de couleur pour les Titres, liens et adresse dans les résultats de recherche.

Nouveautés et mises à jour dans la page admin

  • Les champs d’adresse sont automatiquement créés pour les types de poste choisis.
  • Les Meta boxes pour le numéro de téléphone, fax, adresse email et site web for sont affiché dans les résultats et dans les fenêtres d’information de la carte.
  • Des Meta boxes pour ouvrir l’heure et la date.
  • Crée des champs d’adresse obligatoire pour s’assurer que les utilisateurs souhaitant créer un nouvel article soient bien une personne morale et nom un serveur.
  • 5 possibilités pour ajouter l’adresse et les coordonnées géographique (longitude, latitude) :
    • Géolocalisation automatique de l’emplacement actuel.
    • Champs de saisie auto-complété qui obtiennent des résultats de Google.
    • Glissez/Déplacez du marqueur sur la carte pour choisir la localité.
    • Entrez l’adresse manuellement pour retrouver la longitude et la latitude.
    • Entrez la longitude et la latitude manuellement pour retrouver l’adresse.

 

installer woocommerce

Installer WooCommerce

By | Aide et astuces, Plugin Wordpress, Thèmes Wordpress, wordpress 3.9 | 2 Comments

Installer WooCommerce correctement peut s’avérer fastidieuse, l’aide officiel est très dense, et la configuration par défaut de WordPress n’est pas toujours adéquate.

Installation du plugin

Pour installer WooCommerce il faut impérativement télécharger les fichiers sources sur le site officiel, puis les décompacter dans le dossier /wp-content/plugins.

Changez le Chmod du dossier WooCommerce est de son contenue, la valeur par défaut est de 700, passez le en 775, sans oublier d’activer la recurtions pour les sous-dossiers

Pour finir, activer le plugin : Extensions -> Extensions installées, puis Activer

Finaliser l’installation du plugin

Après l’activation de WooCommerce le bandeau ci-dessous devrait s’affiché en haut du tableau de bord.

Installer WooCommerce

Cliquez sur Installer les pages WooCommerce, cela créera un ensemble de page d’exemple pour la boutique.

Pour finaliser l’installation, rendez-vous sur la page WooCommerce -> Etat du système. Un rapport système s’affiche alors, indiquant tous ce qui va (en vert) et tous ce qu’il ne va pas (en rouge). Les lignes inscrites en noir ne sont là qu’à titre indicatif.

Comme souvent les lignes WC Connexion et WP Limite mémoire sont en rouge.

WP Limite mémoire : indique que WordPress n’alloue pas suffisamment de mémoire pour les fichiers PHP. Ouvrez le fichier wp-config.php puis ajouter la ligne de code suivante en début de fichier.


define( 'WP_MEMORY_LIMIT', '64M' );

WC Connexion : indique le dossier qui contient les journaux d’évènements (logs) n’est pas accessible en écriture par WooCommer. Changer le Chmod du dossier woocommerce/logs en 777.

L’intégration du thème

Si votre thème ne déclare pas le support WooCommerce le bandeau suivant apparait en haut du tableau de bord :

Installer WooCommerce

Dans le cas contraire, l’installation de WooCommerce s’arrête là.

Pour les autres il va falloir remettre les mains dans le cambouis. Deux méthodes sont possibles, soit en créant un modèle de page, soit en éditant le fichier fonction.php de votre thème.

Créer un modèle de page

Créez un fichier nomé woocommerce.php, puis copier/coller le contenu du fichier page.php de votre thème.

Dans le fichier woocommerce.php, localisez la boucle (loop), le code devrait commencer par <?php if ( have_posts() ) : et se terminer par <?php endif; ?> Supprimer ce code et remplacez-le par <?php woocommerce_content(); ?>

Edition du fichier fonction.php

Ici l’idée est d’exploiter les crochés (hooks) de WordPress, afin de substituer la boucle du thème par celle de WooCommerce lorsqu’il est question d’afficher une page produit. Ouvre le fichier fonction.php et ajouter les lignes de code suivantes :


remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);

Ainsi que celle-ci à la suite:


add_action('woocommerce_before_main_content', 'my_theme_wrapper_start', 10);
add_action('woocommerce_after_main_content', 'my_theme_wrapper_end', 10);

function my_theme_wrapper_start() {
  echo '&amp;lt;section id=&amp;quot;main&amp;quot;&amp;gt;';
}

function my_theme_wrapper_end() {
  echo '&amp;lt;/section&amp;gt;';
}

Déclarer le support de Woocommerce

Le thèmes est à présent optimisé pour afficher les produits de la boutique dans la page. Toute fois, le bandeau figurant dans le tableau de bord indique toujours le contraire. Pour terminer cette optimisation, ouvrez de nouveau le fichier fonction.php puis insérez la ligne de code suivante :

add_theme_support( 'woocommerce' );

Cet ligne de code est à placer non pas à la suite mais avant celle qui ont été ajoutés dans le paragraphe précédent, comme dans l’exemple ci-desous:


add_theme_support( 'woocommerce' );

remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);

add_action('woocommerce_before_main_content', 'my_theme_wrapper_start', 10);
add_action('woocommerce_after_main_content', 'my_theme_wrapper_end', 10);

function my_theme_wrapper_start() {
  echo '&amp;lt;section id=&amp;quot;main&amp;quot;&amp;gt;';
}

function my_theme_wrapper_end() {
  echo '&amp;lt;/section&amp;gt;';
}

Intégrer les balises schema.org dans WordPress : Event, person…

By | Aide et astuces, Plugin Wordpress, Référencement Wordpress | One Comment

Le plugin schema.org pour WordPress : un prérequis pour toutes les pages exigeant la présence d’un Rich Snippets.

La presse est connue pour intégrer facilement dans son code les qualités requises par Google pour le bon référencement d’un site Internet.

Après les filtres Pinguin et Panda, Google a largement privilégié la qualité de contenu, permettant à l’utilisateur du site Internet d’avoir des des informations précises.

Il faut donc s’appliquer et privilégier la qualité de contenu au détriment d’un backlinking de parfois trop exagéré.

L’intégration des balises schema.org dans WordPress, la condition nécessaire d’un bon référencement des pages spécialisées.

Schéma.org invite les créateurs de sites Internet à préciser le type de contenu intégré dans les articles ou dans les pages de leurs sites Internet. Ces le cas pour l’intégration d’un événement, l’intégration d’un auteur, ou une notation de pages. C’est ainsi qu’on voit fleurir sur les sites Internet des éléments propres à leur métier. Le premier exemple c’est celui des hôtels, qui peuvent proposer directement leurs chambres dans le moteur de recherche. Il y a également les cinémas, la presse, et pour les choses courantes il y a des événements et des personnes.

C’est ainsi qu’on voit fleurir sur les pages de recherche Google des images liées à l’auteur d’une page par exemple.

Afin de faire cela facilement je vous propose de tester un plugin nommé All In One Schema.org Rich Snippets, permettant d’ajouter du contenu enrichi directement dans votre page sans être obligé de coder. S’il n’est pas très difficile de coder les Rich snippets, il est plus facile de les intégrer par l’utilisation d’un Short Code code qui fera le travail à notre place. De toute façon c’est le code qui est lu par Google qui intéresse, l’avantage de ce plug-in étant justement de produire quelque chose de propre et sans erreur.

Pour les balises de type Event, person, c’est beaucoup plus facile de les automatiser que de taper soi-même le code. En effet, surtout pour les événements, qui changent régulièrement, il vaut mieux éviter les fautes de code et faire confiance à la machine!

All in one Schema.org n’est pas très compliqué à utiliser. En bas de chaque article ou de chaque page, vous aurez l’élément qui vous permettra de choisir votre micro data, de la remplir.

Elle s’intégrera directement dans votre page et sera visible sur Google.

 

 

réseaux sociaux comme profil utilisateur Wordpress

Utiliser les réseaux sociaux comme profil utilisateur WordPress

By | Aide et astuces, Plugin Wordpress | No Comments

Utiliser les réseaux sociaux comme profil utilisateur WordPress.

C’est un bon moyen de gérer les blogs, les forums et les sites e-commerce. De plus en plus de sites e-commerce de renommé nationale et internationale s’y sont déjà mis. Proposer ce type de service ne peut que renforcer l’image de marque de votre site et ainsi jouer dans la cours des grands.

Non pas que la gestion des profils proposés par WordPress ne soit pas efficace, mais la gestion des comptes utilisateurs peut vite devenir un fardeau. Les utilisateurs perdent souvent leurs identifiants et mots de passe. De plus, le piratage de compte utilisateurs semble à la mode ces derniers temps.

Beaucoup de plugins WordPress proposent déjà ce type de service, mais la majorité d’entre eux se cantonnent aux trois leaders que sont Facebook, Twitter et Google+. Pourquoi se contenter de trois réseaux sociaux quand on peut en proposer vingt-deux ? C’est ce que propose le plugin WordPress Social Login. Bien entendu, il n’est pas obligatoire de tous les activer. Mais pour certains types de sites, plus axés sur la photo par exemple, il est bien pratique de mettre en avant un réseau social comme instagram par exemple.

Installation de WordPress Social Login

L’installation se fait depuis le tableau de bord de WordPress, Extentions -> Ajouter, puis recherchez Wodpress Social Login. Actiez le plugin.

Nota : Suite à l’activation du plugin, il se peut qu’un message d’erreur de type : WordPress Social Login – FAIL! Cela est dû à la configuration d’Apache. Pour en savoir plus sur le problème en question, cliquez sur le bouton Run the plugin requierements test.

Configuration de WordPress Social Login

Allez dans Réglages -> WP Social Login, onglet Netwoks pour configurer les réseaux sociaux. Pour permettre à vos utilisateurs d’utiliser un fournisseur donné, vous devez définir l’option Enabled sur Yes. Par défaut seul Facebook, Google+ et Twitter sont actifs. Pour activer les autres, il suffit de cliquer sur leurs icones à droite de la page.

Si un fournisseur requière un Application ID et une Application Secret cliquez sur Where do I get this info ? Et suivez les indications.

Il est dès à présent possible pour les internautes de se connecter avec leurs comptes depuis la page www.votre_domaine.com/wp-login.php et la sidebar lorsque le widget Meta est activé (voir menu Apparence -> Widgets).

processingjs

Utiliser Processingjs sous WordPress

By | Aide et astuces, Plugin Wordpress, Wordpress 3.8, wordpress 3.9 | No Comments

Processingjs est une librairie JavaScript permettant de faire du dessin vectoriel en 2D ou en 3D. Ces tracés vectoriels peuvent être fixes ou animés. Le code source Processingjs s’utilise avec la balise HTML <canvas>. C’est pourquoi il est compatible avec tous les navigateurs HTML 5 et ne requière aucun plugin particulier pour les internautes.



Cet exemple intitulé Multiple Particle Systems est disponible sur le site officiel de Processing.

Installation par le plugin

Par défaut il n’y qu’une seule façon d’installer Processingjs. Mais Wordpres est un framework populaire, ainsi il existe une seconde méthode plus simple. Cette méthode consiste à installer le plugin du même nom.

Depuis le tableau de bord de WordPress, allez dans Extentions -> Ajouter puis taper processingjs en tant que mot-clef. Installez le plugin nomé: Processing.js

Installation pour les puristes

Rendez-vous sur le site officiel de processingjs pour y télécharger la dernière version du fichier processing.js. Placez-le à la racine de votre thème WordPress, puis chargez le script dans la balise <head> de votre thème.

Ouvrez le fichier header.php puis ajouter la ligne de code suivante :


<script src="/chemin-vers-votre-dossier/processing.js"></script>

Intégration du code source avec le plugin

Le plugin permet d’intégrer le code source à l’intérieur d’une page ou d’un article.

Créez votre nouvelle page/article, puis insérez les shortcodes [processing] et [/processing].

Le code source Processing devra être insérer à l’intérieur des shortcodes.

Intégration du code source sans le plugin

L’avantage de cette méthode par rapport à la précédente est que l’intégration du code Processing ne se limite pas aux articles et aux pages de votre site. Il est également possible de l’intégrer directement dans les fichiers sources de votre thème. Car ici pas de shortcode, mais l’utilisation de la balise .

Première méthode à privilégier si votre sketch est constituer de plusieurs ou fichiers (au format .pde), ou bien que votre code est très dense.

Exemple avec un seul sketch :


<canvas data-processing-sources="/hemin-vers-votre-dossier/sketch.pde">
</canvas>

Exemple avec deux sketchs :

<canvas data-processing-sources="/chemin-vers-votre-dossier/sketch_1.pde chemin-vers-votre-dossier/sketch_2.pde">
</canvas>

Deuxième méthode à privilégier si votre sketch est très court et qu’il tient dans un seul fichier. Le code s’intègre à l’aide d’une balise JavaScript. Le code source Processing est à saisir dans les balises