Tous les articles de

Guillaume

le meilleur theme wordpress

Les trois meilleurs thèmes WordPress de l’année 2020

Par Thèmes Wordpress Pas de commentaire

Quels sont les trois meilleurs thèmes WordPress?

C’est une question assez récurrente, surtout à la fin d’une formation. On présente la grande diversité de thèmes, avec un principal problème : le trop grand choix. Qui dit trop grand choix dit grosse difficulté pour un nouveau de faire le tri.

En effet, au delà de l’aspect esthétique, il faut connaître les plugins associés. S’assurer qu’ils fonctionnent, qu’ils ne posent pas de problème pendant les mises à jour et s’assurer qu’il y a derrière une communauté prête à aider en cas de besoin.

Quel thème pour quelle utilisation ? En réalité il faut d’abord regarder ce qu’on fait. Soit on souhaite juste faire un site, soit on s’oriente vers de la production plus grande en tant que webmaster.

Il y a donc deux possibilités, soit on cherche le thème parfait, soit on trouve le thème le plus généraliste possible qui permet de faire des sites différents.

Aujourd’hui il y a de très (ou de trop) nombreux thèmes pour WordPress. Mais seul trois thèmes font la différence et proposent l’intégration de sous thèmes avec des démos intégrées très puissantes.

C’est le cas d’Avada, de Divi et de Salient.

Leur fonctionnement n’est pas le même, le backoffice n’a pas les mêmes extensions, mais leur point commun est la grande diversité de sites qu’ils permettent de réaliser.

  • Divi est indépendant et le revendique. Son succès a permis la création d’une grande communauté. C’est un thème fiable qui a un défaut : la tendance qu’on a d’utiliser trop d’effets et trop de contenus sur un même page. Particulièrement efficace pour créer des « one page », il faut néanmoins garder en tête un mot d’ordre : la simplicité. Divi est développé par Elegantheme, un site qui avait à l’origine de nombreux thèmes, et qui maintenant reste focalisé sur son premier de classe, Divi. Une stratégie payante puisque plusieurs centaines de milliers de sites web l’utilise.
    Son grand point fort reste pour les débutants : Un travail du site directement sur le front, ce qui en fait un instrument précieux pour ceux qui découvrent wordpress.
  • Avada et Salient : Tous les deux présents sur Themeforest, ces thèmes fonctionnent de la même façon. Ils ont développé en interne un grand nombre de plugins. Ces derniers, de plus en plus perfectionnés, permettent d’aller de plus en plus loin dans le drag and drop tout en gardant un effet pro très avancé.

Voilà pour nos trois chouchous qu’on intègre dans nos formations. Il faut garder à l’esprit que lorsqu’on travaille sur un thème, il faut bien le connaître pour l’optimiser. Un thème bien maîtriser, c’est un thème efficace sur le SEO. Et le référencement naturel, c’est le nerf de la guerre, ne l’oublions pas !

Créer une carte de France cliquabe par région ou département avec WordPress

Par Aide et astuces, Plugin Wordpress Pas de commentaire

Vous avez tous vu les cartes de france qui apparaissent sur certains sites internet, qui nous permettent de cliquer sur des départements ou des régions?

Plusieurs solutions : soit vous codez tout à la main, soit vous intégrer un plugin dédié sur WordPress.

Voilà ci dessous le résultat qui vous permettra de voir le résultat et ceci juste avec quelques clics. On peut afficher les détails par département, poser des liens hypertextes permettant de cibles les pages concernées. WordPress permet toujours d’ajuster et de personnaliser le code implémanté. Vous pourrez donc changer les couleurs et les custumizer à ceux de votre marque ou de votre logo.

Réduire la taille des images de son site WordPress, l’indispensable SMUSH pour le SEO

Par Plugin Wordpress, SEO Pas de commentaire

Pour le référencement naturel de son site, il est essentiel de bien structurer son site, d’avoir du contenu de qualité… mais surtout d’avoir un site qui va vite.

Google Speed Insight, permet de mesurer la rapidité d’accès de votre site, sur la version ordinateur et sur la version mobile, toute aussi importante.

L’une des actions premières pour avoir une bonne note, c’est de minimiser les images du site. Les images sont lourdes, elles consomment du serveur, il faut donc les compresser.

Plusieurs plugins le permettent, et pour ma part, j’ai choisis Smush.
Pourquoi? Parce qu’après de nombreux tests, c’est le seul qui continue à chaque mise à jour à faire le boulot correctement et à faire progresser la rapidité de mon site wordpress. Les tests de Google Speed Insight?

Le plugin est gratuit jusqu’à 50 images, puis il coute 25€ par mois, ce qui n’est franchement pas gratuit, c’est le seul point négatif. Mais si le référencement naturel de votre site est stratégique, les positions vous le rendront bien! A tester en tous les cas.

 

WordPress retient la leçon et intègre la retour de l’ancien éditeur

Par wordpress 4.0 Pas de commentaire

Les mises à jour sont riches d’enseignements et permettent de voir ce qui marche et ne marche pas sur les anciennes versions.

Gutemberg était arrivé comme un outil révolutionnaire, mais n’a pas rencontré le succès attendu : beaucoup de téléchargements de l’extension « Classic Editor » qui permet de revenir sur l’ancien WYSIWIG et une installation de ce plugin, systématiquement après l’installation de la mise à jour de WordPress 5.0

La dernière mise à jour de WordPress 5.1 réagit donc et permet le réglage vers l’ancien ou le nouveau WYSIWIG.

Côté nouveautés, Betty, nom de la mise à jour, intègre « Site Health » : ou outils qui permet de checker l’état de sécurité du site, avec une vérification des éléments qui pourraient poser problème : version PHP, nouveaux plugins etc…

C’est donc une version qui semble être une réussite, à voir comment les utilisateurs de WordPress prennent la nouvelle.

Ajax sous Wordpress

Utiliser Ajax sous WordPress

Par Aide et astuces, Wordpress 4.4 Un commentaire

Il est courant d’avoir recours à l’utilisation de Ajax sous WordPress pour améliorer l’expérience utilisateur. cependant cette technique n’est pas toujours bien mise en place.

En effet, il est vivement conseillé d’utiliser le système interne de WordPress pour gérer tous ses appels.

En effet, beaucoup de développeurs utilisent un fichier php externe chargé dans le fichier wp-load.php pour accéder à toutes les fonctionnalités de WordPress. Cela correspond plus à un hack qu’à un réel ajout.

Voyons donc comment bien utiliser le système natif de WordPress pour la gestion d’appels Ajax.

Coté PHP

Hooks

Le système intégré de WordPress est basé sur les hooks. Il existe deux hooks dynamiques :

[php]

// Hook exécuté pour les utilisateurs connectés
add_action("wp_ajax_my_ACTION_NAME", "my_ajax_function");

// Hook exécuté pour les utilisateurs non connectés
add_action("wp_ajax_nopriv_ACTION_NAME", "my_ajax_function");

[php]

La partie <strong>ACTION_NAME<strong> correspond au paramètre qui sera passé par le JavaScript.

<h4>Localisation</h4>

Il faut ensuite pouvoir récupérer l’URL du script de WordPress <strong>admin-ajax.php</strong>. Pour cela, ajoutez un paramètre lors de l’inclusion d’un script js, via la fonction <strong>wp_localize_script</strong>.

[php]

wp_enqueue_script(‘script’, get_template_directory_uri().’/js/script.js’, array(‘jquery’), ‘1.0’, 1 );
wp_localize_script(‘script’, ‘ajax_var’, array(
‘url’ => admin_url(‘admin-ajax.php’),
‘nonce’ => wp_create_nonce(‘ajax-nonce’)
)
);

[/php]

Deux paramètres y sont passés :

url : l’URL dynamique du fichier de WordPress (votre.site.com/wp-admin/admin-ajax.php)
nonce : une sécurité pour vérifier l’authenticité des requêtes

Et voici la fonction de callback des requêtes Ajax :

[php]

function my_ajax_function()
{
$nonce = $_POST[‘nonce’];

if ( ! wp_verify_nonce( $nonce, ‘ajax-nonce’ ) )
die ( ‘Interdit !’);

// Traitement
if(isset($_POST[‘param’]))
{
// …
echo "valeur";
}
else

// important, pour bien récupérer la valeur de retour
exit;
}

[/php]

Après avoir vérifié que l’on récupère bien les paramètres que l’on a passés via notre script (et pas un autre, évitant ainsi des tentatives de corruption), il suffit d’effectuer le traitement désiré en pensant à bien renvoyer une valeur de retour pour le javascript.

Coté Javascript

Maintenant il suffit d’appeler grâce à jQuery par exemple, le script de WordPress admin-ajax.php et de lui passer les bons paramètres. On peut ainsi récupérer l’URL du fichier comme cela :

[js]

var url = ajax_var.url;
var nonce = ajax_var.nonce;

$("button").click(function(){
$.ajax({
type: "post",
url: ajax_var.url,
data: "action=ACTION_NAME&nonce="+ajax_var.nonce+"&param=valeur",
success: function(msg){
// Traitement
}
});
})

[/js]

Conclusion

Ainsi, en utilisant le système interne de WordPress, nous nous assurons que nos appels Ajax continueront à bien fonctionner avec les futures versions. L’utilisation des hooks est plus propre et plus efficace.

hooks wordpress

Les hooks WordPress

Par Aide et astuces, Wordpress 4.4 Pas de commentaire

Les hooks WordPress sont des mécanismes permettant d’effectuer une action supplémentaire à un instant donné prévu par le système.

Il existe deux types de hooks WordPress: les actions et les les filtres.

Les actions

Tout au long du processus de construction d’une page, WordPress place des « hooks » permettant aux développeurs d’ajouter des fonctionnalités à une étape particulière. Ainsi il est facile d’enrichir le processus avec nos propres fonctions.

Exemple simple, l’action « save_post » permet de réaliser des actions supplémentaires lors de la sauvegarde d’un post (article, page ou autre). C’est par cet intermédiaire que l’on pourra sauvegarder nos méta informations (metaboxes).

Voici certaines des actions importantes :

[php]

after_setup_theme
wp_footer
wp_head
admin_head
admin_enqueue_scripts
pre_get_posts

[/php]

Voyons comment facilement utiliser un hook WordPress pour ajouter le code Google Analytics dans le footer d’un thème à l’aidu hook wp_footer

Ouvrez le fichier functions.php et ajoutez le code suivant :

[php]

add_action(‘wp_footer’, ‘add_google_analytics’);

[/php]

Puis créez la fonction add_google_analytics :

[php]

function add_google_analytics()
{
$ga = get_option(‘google_analytics’);
if(!empty($ga))
echo stripslashes($ga);
}

[/php]

Il aurrait été plus simple d’ajouter le code ci-dessus directement dans le footer soit dans le ficheir footer.php, mais avec cette méthode le code est plus facilement maintenable et réutilisable.

Les filtres

Le principe des filtres est de modifier une donnée construite par WordPress avant de l’afficher.

Voici certains filtres utiles :

[php]

body_class
the_content
wp_title
excerpt_length

[/php]

Le filtre the_content va permettre de modifier le contenu d’un article avant de l’afficher.

Dans l’exemple ci-dessous, l’objectif et de personnaliser les […] présent par défaut à la fin des extraits d’articles.

Toujours depuis le fichier functions.php

[php]

add_filter(‘get_the_excerpt’, ‘new_excerpt_hellip’);

[/php]

Avec les filtres, ce sont les paramètres passés à notre fonction qui permettront de modifier leur valeur avant de les afficher.

[php]

function new_excerpt_hellip($text)
{
return str_replace(‘[…]’, ‘…’, $text);
}

[/php]

Conclusion

Les hooks WordPress sont un très bon moyen de modifier le comportement de WordPress selon nos besoins afin d’y ajouter de nouvelles fonctionnalités au travers des actions ou simplement d’altérer certaines de ses méthodes via les filtres.

Il est donc vivement recommandé de les utiliser plutôt que d’intervenir directement dans les fichiers de template.

Liste complète de tout les hooks WordPress: https://codex.wordpress.org/Plugin_API/Action_Reference

Comment créer un menu personnalisé sous Wordpress

Comment créer un menu personnalisé sous WordPress.

Par Aide et astuces, Wordpress 4.4 Pas de commentaire

Comment créer un menu personnalisé sous WordPress pour un nouveau thème ou un thème existant ?

Créer un menu personnalisé pour un nouveau theme WordPress

Premièrement, dans le fichier functions.php de votre thème, vous devez écrire une fonction pour enregistrer le nom du menus. (Ceci est la façon dont ils apparaissent dans Apparence -> Menus).
Dans l’exemple ci-dessou, le menu s’appellera « Footer menu ».

[php]

function register_my_menu() {
register_nav_menu(‘secondary_navigation_menu’,__( ‘Secondary Navigation Menu ‘ ));
}
add_action( ‘init’, ‘register_my_menu’ );

[/php]

Une fois que vous avez fait cela, votre thème sera presque prêt. La dernière étape de préparation est de d’indiquer au thème où vous voulez que le menu apparaissent. Dans cet exemple ce sera dans le footer soit dans le fichier footer.php.
Ajoutez le code source ci-dessous:

[php]

<?php wp_nav_menu( array( ‘theme_location’ => ‘secondary_navigation_menu’ ) ); ?>

[/php]

Créer un menu personnalisé pour un theme WordPress existant

Par défaut, tout les thèmes ont au moins un menu situé dans l’en-tête. Ouvrez le fichier function.php de votre thème et localisez la fonction qui a permis de créer le menu (Ctrl/Cmd + F, puis taper le mot_clé menu).
Dupliquer la fonction à la suite, puis changer le nom de la fonction.

Exemple:

[php]

// Fonction d’origine nommé top_navigation_tenu ( ‘Top Navigation Menu’ )
function register_my_menu() {
register_nav_menu(‘top_navigation_menu’,__( ‘Top Navigation Menu’ ));
}
add_action( ‘init’, ‘register_my_menu’ );

// Fonction dupliquée renommé secondary_navigation_menu ( ‘Secondary Navigation Menu ‘ )
function register_my_menu() {
register_nav_menu(‘secondary_navigation_menu’,__( ‘Secondary Navigation Menu ‘ ));
}
add_action( ‘init’, ‘register_my_menu’ );

[/php]

Ouvrez à présent le fichier header.php et localisez la ligne de code qui permet d’afficher le menu dans le thème. Cet ligne de code doit comporter le même nom que la fonction dans le fichier function.php.
Dupliquez cette ligne de code à la suite, et remplacer le nom de la fonction par le nom de la fonction de votre menu personnalisé.

[php]

<?php wp_nav_menu( array( ‘theme_location’ => ‘top_navigation_menu’ ) ); ?>

<?php wp_nav_menu( array( ‘theme_location’ => ‘secondary_navigation_menu’ ) ); ?>

[/php]

Easy Social Share Buttons : La référence des réseaux sociaux pour WordPress

Par Plugin Wordpress, Réseaux sociaux Pas de commentaire

Vous souhaitez installer Facebook sur votre blog WordPress, Twitter, pinterest ou Google +?

Il y a de très nombreuses solutions : Du gratuit, du payant, des lignes de code, des freeware…

Et puis tout le monde a le même rélfexe au bout d’une demi-heure de test et de 20 installations d’extensions wordpress différentes : On va sur Google pour chercher « le meilleur plugin réseau social wordpress ».

Et là, de très nombreux articles vous sont proposés, avec pour chacun une dizaine de possibilités différentes : Gratuits au début, on se rend compte que le seul efficace est finalement payant, bref, pas pratique et souvent agaçant.

On vous propose donc un seul plugin : Easy Social Share Buttons Pas le meilleur plugin, le plugin unique qui vous permettra de profiter d’une extension wordpress efficace.

Les réseaux sociaux sont de plus en plus importants et les partages sur Facebook ou Twitter constituent à eux seuls, presque 50% du trafic sur certains blogs.

C’est donc un plugin important, une extension à ne pas manquer.

Celle que nous vous proposons coute 19$, on peut la trouver sur le site Themeforest, et elle a l’avantage d’être facilement configurable.

Après l’achat, le menu contextuel s’affiche sur votre gauche, comme pour la plupart des extensions wordpress. Ensuite, les quelques réglages vous permettront d’adapter vos besoins. C’est la première partie des réglages, ensuite il y a dans chaque article, ou dans chaque page, un nouvel espace dédié, qui vous permettra de faire vos réglages si vous souhaitez créer une exception ou régler l’extension de façon différente.

shorcode facebook wordpress

Choisissez le shortcode qui vous convient, puis choisissez les réseaux sociaux qui vous intéressent : Ils seront alors intégrer directement à l’endroit que vous décider.

Il est également possible d’utiliser des système de shortcode pour placer une zone de partage ou de like, où vous le souhaitez, comme je le pose ici, en dessous de ma phrase

 

Choisir son thème WordPress

Par Non classé, Thèmes Wordpress Pas de commentaire

Une fois que l’on a installé WordPress il faut choisir un thème. Il y a, ne serait ce que pour la présentation du front-office, un thème choisi et pré installé, accompagné de deux ou trois autres thèmes développés par WordPress et assez sommaires.

C’est un choix difficile et qui n’est pas anodin car c’est ce qui va déterminer tout le visuel de votre site ou blog.

Dans un premier temps, vous devez déterminer entre un thème : Il peut être gratuit si vous partez sur une base légère et payant pour un thème plus fourni.

L’avantage des thèmes gratuit … est qu’ils, sont gratuits justement.

Le moins est que vous aurez des fonctionnalités limitées et que si vous souhaitez customiser votre thème pour le personnaliser, vous devrez obligatoirement soit vous lancer dans le code. Aujourd’hui ce sont les plugins qui font le travail, c’est donc tout l’intérêt d’un site développé ou plutôt intégré sur WordPress

Au contraire, les thèmes payant vous offrirons de nombreuses fonctionnalités et à un grand choix de styles. De même, ces thèmes sont régulièrement mis à jour et vous avez souvent soit un contact direct, soit un forum de support si vous avez besoin d’aide ou tout simplement des questions.

L’inconvénient est le prix qui souvent varie entre 30$ (environ 27€) à 120$ (environ 108€) pour un thème de qualité.

Attention, certains thèmes ont même tellement de fonctionnalités qu’il peut être difficile de les prendre en main. Evaluer votre besoin avant d’acheter un thème en fonction de ce que vous souhaitez comme site. Un simple site ou un site vitrine n’auront pas besoin de tant de fonctions.

Pour choisir votre thème, vous serez sans doute tenté de faire une recherche sur Google ou un autre moteur de recherche et là, vous allez vous retrouver dans la jungle des thèmes avec un nombre « hallucinant » de sites proposant ces services.

Limitez-vous aux sites « officiels » et reconnus, tels que :

https://theme.wordpress.com

http://themeforest.net : celui là n’est pas officiel mais il est reconnu et fait parti des bonnes bases sur lequel vous pourrez développer des sites efficaces. Les créateurs sont disponibles et peuvent répondre à des questions pour l’installation du thème ou d’un plugin.