Gratuit ou payant ?

Thème gratuit :

• Inconvénients : fonctionnalités limitées, peu de mises à jour, support technique souvent absent.
• Avantages : 100 % gratuit, souvent léger, facile à prendre en main.

Thème payant (premium) :

• Avantages : design professionnel, nombreuses options, support client, mises à jour régulières, compatibilité avec les plugins.
• Inconvénient : coût unique ou annuel (généralement entre 30 € et 80 €).

Mon conseil :
Si tu veux un site sérieux, stable et évolutif, privilégie un thème premium avec de bonnes évaluations. C’est un petit investissement qui peut t’éviter de gros problèmes plus tard. Le SAV du thème est là pour t’aider en cas de problèmes.

Ce qu’il faut regarder avant de choisir

1. Les avis et notes des utilisateurs
   Privilégie les thèmes notés 4,5 étoiles ou plus sur ThemeForest, Elegant Themes, ou le catalogue WordPress.

2. Fréquence des mises à jour
   Un thème régulièrement mis à jour est un bon signe : il reste compatible avec les dernières versions de WordPress.

3. Démo et personnalisation
   Regarde la démo : est-ce que le style correspond à ton projet ? Le thème propose-t-il un constructeur visuel (comme Elementor, WPBakery…) ?

4. Compatibilité avec les plugins courants
   Vérifie s’il fonctionne avec WooCommerce, WPML, Yoast SEO, etc., si tu comptes les utiliser.

5. Support technique
   Important si tu débutes : un bon support peut vraiment te faire gagner du temps et éviter le stress.

Exemples de thèmes premium populaires

• Salient (design pro et animations)

• Enfold (polyvalent et stable)

• Astra Pro (rapide, très modulable)

• OceanWP Premium (complet et personnalisable)

Où trouver un bon thème ?

• themeforest.net (le plus gros catalogue payant)

• elegantthemes.com (éditeur de Divi)

• Depuis le tableau de bord WordPress : Apparence > Thèmes > Ajouter

En résumé

Note personnelle sur le choix d’un thème WordPress

J’ai longtemps fait confiance à Enfold pour sa stabilité, sa simplicité de personnalisation et son faible taux de bugs. Mais son design, peu mis à jour au fil des années, apparait en 2025 comme clairement daté.

En passant à Salient, j’ai retrouvé :

• Un design moderne et des animations soignées
• Un constructeur enrichi (WPBakery, pas le meilleur certe, on lui préfère souvent Elementor, mais il est facile à prendre en main et « fait le job »)
• Une flexibilité et une compatibilité WooCommerce irréprochables
• Des mises à jour fréquentes

Je n’ai trouvé en quelques projets montés avec Salient, que quelques mini- bugs faciles à contourner. Je n’ai donc pas encore eu l’occasion de tester le support d’Enfold

En résumé :

Enfold reste un bon thème pour un projet classique et ultra-stable.

Mais optez pour Salient si vous voulez un rendu plus actuel et personnalisable.

Voici un shortcode à utiliser dans un widget (via widget html), dans le contenu d’une page ou autre, via [nabgen_social] :

function shortcode_social(){
  $output = '';
  $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');
  $social	= avia_social_media_icons($social_args, false);
  if($social) $output .= "<div class='my-social-container'>".$social."</div>";
  return $output;
}
add_shortcode('nabgen_social', 'shortcode_social');

1 – Télécharger depuis fontello les icônes qui vous intéressent

2 – Charger les depuis l’interface de paramétrage du thème Enfold > Onglet Import / Export

3 – Dans votre thème enfant, insérez l’équivalent du code suivant

function avia_add_custom_icon($icons) {
     $icons['linkedin_square']	 = array( 'font' =>'fontello', 'icon' => 'uf30c');
     $icons['facebook_square']	 = array( 'font' =>'fontello', 'icon' => 'uf308');
     $icons['twitter_square']	 = array( 'font' =>'fontello', 'icon' => 'uf304');
      return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) { 
  $icons['LinkedIn Square '] = 'linkedin_square';
  $icons['Facebook Square '] = 'facebook_square';
  $icons['Twitter Square '] = 'twitter_square';
  return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

Ce code vous permettra de choisir 3 nouvelles icônes (LinkedIn Square …) lorsque vous choisirez vos réseaux sociaux dans l’interface d’administration du thème.

Points à noter :

• Vous pouvez trouver le code correspondant à l’icône dans le fichier fontello, exemple : .icon-facebook-official:before { content: ‘\f230‘; } le code correspondant dans notre code ce dessus sera ‘icon’ => ‘uf30c‘ (remplacer le \ par un u) .
  Vous pouvez aussi simuler l’ajout de l’icône dans le contenu d’une page, pour récupérer ce code depuis le shortcode généré.

• Notez l’espace à la fin de l’attribut du nom de l’icône $icons[‘LinkedIn Square ‘]

Changez les lignes :

$blog = new avia_post_slider($atts);
 $blog->query_entries();

Remplacez les par :

$blog = new avia_masonry($atts);
$blog->extract_terms();
$blog->query_entries();
$output .= $blog->html();

Vous pouvez aussi modifier les paramètres de l’affichage Masonry, soit $atts déclaré juste au dessus dans le code, j’ai par exemple ajouté les attributs suivants au tableau $atts

'caption_display'		=> 'on-hover-hide',
'gap'                                => 'large', 

(j’ai trouvé le nom des attributs et leurs valeurs en cherchant dans le code de l’outil Masonry )

Il faut ensuite rajouter le code suivant au fichier functions.php de votre thème :

//** Sélectionne les posts de la catégorie courante dans l'affichage masonry **//
add_filter( 'avia_masonry_entries_query', 'avia_masonry_query_func', 10, 2);
function avia_masonry_query_func( $query, $params ) {
  if (is_category () ) {
    global $wp_query;
      $term = $wp_query->get_queried_object();
    $tax = $term->taxonomy;
    $cat = get_query_var('cat');
    $catarray = array();
    $category = get_category($cat);
    $catarray[] = $category->term_id;

    $query['tax_query'] = array( 	array( 	'taxonomy' 	=> $tax,
    								'field' 	=> 'id',
    								'terms' 	=> $catarray,
    								'operator' 	=> 'IN'));

  }
  return $query;
}

Méthode pour modifier le tri des produits WooCommerce en fonction de la catégorie

1 – Installez et activez le plugin ACF
2 – Créer un groupe de champs depuis le menu ACF avec un champs de type « Relation » que l’on nommera product_order (nom arbitraire, utilisé dans le code ci dessous) on lui affectera un « filtre sur les types de publication » produits et un « format dans le modèle » ID de l’article. Enfin affichez ce groupe ACF lorsque le formulaire de taxonomie est égale à la catégorie (product_cat).
Ce champs apparaitra sur la page de modification de vos catégories WooCommerce, et permet pour chaque catégorie, de mettre un place un ordre spécifique d’affichage des produits.

3- Ajoutez le code suivant dans le fichier functions.php de votre thème WordPress enfant (ou dans un plugin). Ce code permet de modifier l’ordre d’affichage des produits sur vos pages de catégorie de produit WooCommerce.

function my_custom_product_order($q)
{
	if(!is_admin())
	{
		// fetch current category id from active query
		$category_id = $q->get_queried_object_id();

		// get array of all product IDs in current category
		$product_ids = get_category_product_ids($category_id);

		// get preferred order from ACF field
		$product_ids_order_preferred = get_field('product_order', 'product_cat_' . $category_id);

		// if we have some product sort order set…
		if($product_ids_order_preferred)
		{
			// merge our preferred category ids array with the array of all products ids, and remove duplicates
			$product_ids = array_unique(array_merge($product_ids_order_preferred, $product_ids));
		}

		// set the 'posts__in' argument to the new array of post IDs (unfortunately wordpress doesn’t let you just pass an array of IDs straight in here)
		$q->set('post__in', $product_ids);

		// set the query orderby value to observe the posts__in field
		$q->set('orderby', 'post__in');
	}
	remove_action('woocommerce_product_query', 'custom_pre_get_posts_query');
}

add_action('woocommerce_product_query', ‘my_custom_product_order’);


// helper function to fetch all product IDs from a specific category ID
function get_category_product_ids($category_id)
{
	$args = array(
			'post_type' => 'product',
			'post_status' => 'publish',
			'fields' => 'ids',
			'posts_per_page' => -1,
			'tax_query' => array(
				array(
					'taxonomy' => 'product_cat',
					'field' => 'term_id',
					'terms' => $category_id,
					'operator' => 'IN'
				)
			)
	);

	$ids = get_posts($args);
	return $ids;
}

Modifier le tri des produits dans l’élément Masonry de Enfold

Dans mon cas, mon site était construit avec le thème Enfold et les produits WooCommerce d’une catégorie étaient affichés via l’élément Masonry.
Le code ci dessus ne fonctionnait pas pour prendre en compte le nouvel ordre d’affichage des produits défini via le champs ACF.
Pour le prendre en compte, il faut utiliser le filtre Enfold avia_masonry_entries_query tel qu’indiqué sur la documentation Enfold et ajouter le bout de code à votre fichier functions.php

add_filter('avia_masonry_entries_query', 'avia_masonry_custom_query');

function avia_masonry_custom_query( $query ) {
	// On applique la modification de l'ordre unniquement si l'outil masonry est affecté aux categories de produit
	$type_cat    = $query['tax_query'][0]['taxonomy'];
	// On récupère l'identifiant de la catégorie sélectionnée
	$category_id = $query['tax_query'][0]['terms'][0];
  if ($type_cat == 'product_cat' && $category_id) {
		// get array of all product IDs in current category
		$product_ids = get_category_product_ids($category_id);
		// get preferred order from ACF field
		$product_ids_order_preferred = get_field('product_order', 'product_cat_' . $category_id);
		// if we have some product sort order set…
		if($product_ids_order_preferred)
		{
			// merge our preferred category ids array with the array of all products ids, and remove duplicates
			$product_ids = array_unique(array_merge($product_ids_order_preferred, $product_ids));
			$query['post__in'] = $product_ids;
			$query['orderby'] = 'post__in';
		}
	}
  return $query;
}