Vous voyez souvent le mot responsive quand vous êtes à la recherche d’un thème WordPress ou autre pour votre site web, mais vous ne savez pas trop ce que c’est?
Qu’est-ce que le responsive web design?
Rassurez-vous je ne vais pas vous faire un cours sur ça. D’ailleurs si vous savez ce que c’est vous pouvez passer directement aux thèmes proposés 🙂
Aujourd’hui, en France, on dénombre plus de 24,1 millions de possesseurs de smartphones, soit 44,4% de la population française de 11 ans et plus. Cette tendance est suivie partout ailleurs. Il en résulte alors une augmentation du nombre d’internautes connectés via leur smartphone ou tablette. Et afin de garder une expérience de consultation optimale facilitant la lecture et la navigation sur le site, il devient désormais une nécessité de faire en sorte que le design du site web s’adapte à la taille d’écran du terminal utilisé : d’où le mot barbare en français design adaptatif qui n’est rien d’autre que la traduction de responsive design.
Comment tout ça se fait?
Quand vous naviguez sur internet avec votre smartphone vous aimerez bien éviter le défilement horizontal ou au zoom avant/arrière pour visionner toute la page du site comme c’est le cas sur un ordinateur normal. Du coup, pour adapter le design à votre écran smartphone, on réordonne les différents blocs de la page en les redimensionnant. On a donc des blocs superposés les uns sur les autres en quelque sorte. Par exemple, on peut avoir dans l’ordre : Menu qui devient une liste déroulante puis le Contenu et puis le Sidebar. C’est le cas pour ce site : essayez de rétrécir la fenêtre du navigateur pour voir à quoi ça ressemble.
Pour ça, on joue un peu avec le CSS3 media queries, une extension de la règle @media. En gros ça va utiliser des règles CSS différentes en fonction du terminal de consultation.
Je ne vais pas m’étaler plus sur ça, je pense que vous voyez maintenant l’importance d’avoir un design responsive. D’ailleurs, il est de plus en plus rare de voir des nouveaux thèmes non responsive.
Voilà pourquoi, après cette longue introduction, je vous incite à penser à vos visiteurs sur appareil mobile et bien vous assurer d’utiliser un thème WordPress responsive.
Ça tombe bien parce que je vous propose dans la suite de l’article une sélection de jolis thèmes WordPress responsive. Vous trouverez un peu de tout : thèmes immobilier, e-commerce, magazine, blogs, etc.
Avada
Avada est le thème WordPress le plus vendu sur Themeforest (47 000+ ventes!). C’est un thème polyvalent, retina et responsive. Il peut être utilisé pour les sites d’entreprise, de e-commerce, personnel ou tout simplement pour le blogging. Il est compatible avec le plugin WooCommerce et intègre un système de panier complet. Une boutique en ligne est facilement réalisable avec ce thème. Il intègre également plusieurs types de sliders premium responsive. Il est aussi compatible avec bbPress pour mettre en place votre propre forum. Il présente différents types de layout pour la section portfolio. Plusieurs autres fonctionnalités sont à découvrir dans ce thème!
Hotel Dreamy
Dreamy est un joli thème WordPress responsive conçu pour présenter un hôtel, un spa, une auberge ou club avec de nombreuses fonctionnalités de réservation. Il fournit tous les outils nécessaires pour mettre en place un site web pour hôtel moderne, attractif avec un aspect professionnel basé sur un UI et un design très propres.
Gather
Gather est un thème WordPress responsive e-commerce minimaliste. Avec ce thème vous pouvez vendre vos produits, montrer votre portfolio et maintenir un blog. Il est compatible avec WooCommerce, vous pouvez donc monter votre boutique en ligne en un rien de temps.
Vendu par Theme Trust, ces derniers offrent un deuxième thème gratuit pour un thème acheté, en utilisant le code coupon : 1free.
Classique
Classique est un thème WordPress responsive, propre et élégant qui utilise le whitespace et éléments typographiques pour présenter votre travail et votre message d’une manière claire et concise. Conçu par ThemeFurace, il présente un design minimaliste. La page d’accueil a un slider, portfolio et la zone blog.
Mukam
Mukam est un thème WordPress responsive polyvalent conçu pour 8 types de sites différents : entreprise, business, créativité, e-commerce, blog, One Page Parallax, portfolio, marketing. En effet, il présente 8 pages d’accueils et header designs différents. De plus, il inclut les fonctionnalités suivantes : 20+ sliders, Page Load Animations, compatible avec WooCommerce, Mailchimp et Contact Form 7. C’est vraiment un thème « tout-en-un », jetez un œil aux démos des 8 versions du thème!
Casablanca
Casablanca est un nouveau thème WordPress responsive WooCommerce. Il a la spécificité d’avoir une vidéo qui tourne en arrière plan. Il possède un localisateur de magasin, slider pour mettre en avant les produits, animations et transitions CSS3, mini panier accessible depuis l’ensemble du site.
BootStart
BootStart est un Twitter Bootstrap thème WordPress responsive minimaliste réalisé par Gabfire Themes pour les sites business incluant plusieurs options pour personnaliser votre site. Avec ce thème, vous pouvez insérer des tables de prix pour mettre en avant vos produits ou services.
Directory
Directory est une solution complète pour un thème WordPress d’annuaire. Directory est un app thème développé par Templatic qui vous permet de créer facilement un site web avancé et personnalisé. Que vous ayez besoin de créer un site événementiel, un annuaire d’entreprises, des annonces d’emploi ou de biens immobiliers, un site de petites annonces automobiles ou même un site pour votre hôtel, restaurant, concessionnaire automobile, cabinet d’avocats, cet app thème va vous aider à construire un site web professionnel. Ce thème est la solution idéale pour créer, gérer et monétiser votre site web avec plusieurs manières : formulaires de réservation, création de packages de prix insérés à un formulaire de soumission, création de tickets de produits, mise en place d’une boutique en ligne, et bien plus encore. L’espace admin est très bien pensé pour ce type de solution.
Clock
Clock est un thème WordPress responsive pour magazine et WooCommerce développé par MyThemeShop et qui puise son inspiration dans les sites journalistiques et de news traditionnelles. En mettant l’accent sur une typographie vive avec un grand contraste, Clock rend votre contenu facile à lire et engage vos lecteurs avec des fonctions interactives et plaisantes. Vous pouvez en faire une boutique en ligne avec un système de panier déjà prêt. Ce thème est assez polyvalent, on peut en faire ce que l’on veut et le design est vraiment propre et moderne.
Blogrid
Blogrid est un thème WordPress responsive pour les blogs sous format grille. Il existe plusieurs formats d’articles pour afficher votre contenu. Il permet de créer votre portfolio, compter le nombre de vues et de « like ».
Department
Department est un thème WordPress responsive pour les sites de e-commerce et de business développé par Obox Design. Ce thème propose 12 pages de templates différentes pour afficher vos produits de la manière que vous souhaitez. Le système de widget drag & drop permet également de ressortir une organisation personnalisée de votre page d’accueil.
Freelancer
Freelancer est un thème WordPress responsive One Page réalisé par Themefuse et dédié aux Freelance, Web Designers, Développeurs et Entrepreneurs.
Flat
Flat est un thème WordPress responsive flat développé par Themify. Le flat est une nouvelle tendance que l’on voit sur Windows 8, Android et même IOS7. Le contenu apparaît avec des effets de transition : fly-in, fade-in, slide-in, drop-in, cercles animés et des barres de progression. Vous pouvez également mettre en avant votre portfolio et les témoignages de clients, ainsi que les compétences de votre équipe avec des barres colorées et animées. Vous pouvez aussi profiter du drag & drop builder de Themify pour créer facilement une interface front-end à votre image.
Automotive
Automotive est un thème WordPress responsive premium de pointe pour les concessionnaires automobiles développé par Gorilla Themes. Ce thème inclue les fonctionnalités suivantes: XML et CSV Importer pour les annonces de voitures, l’intégration de Craigslist, VIN Decoder, et plus. Vous pouvez également donner la possibilité à vos clients de soumettre leur propre véhicule pour être évalué.
Basata
Basata est un thème WordPress responsive retina et minimaliste pour les blogs. Il propose plusieurs widgets et shortcodes intéressantes, avec un menu fixe à gauche.
Parallax
Parallax est un thème WordPress responsive qui est une combinaison de deux tendances – parallax scrolling et single-page design. Ça vous permet de mettre en valeur votre travail et vos services sur une seule page. Votre contenu sera visible dans différentes sections au fur et à mesure que vous défilez votre page. Utilisez l’effet fly-in pour les transitions d’une section à l’autre. Il existe différents types de sections : portfolio, highlight (pour afficher les services fournis par votre agence), section équipe (pour présenter les membres de votre équipe).
Collective
Collective est un thème WordPress responsive pour les professionnels. Il permet de mettre en avant vos services ainsi que vos réalisations à travers une page portfolio. Vous pouvez également créer un blog pour votre entreprise.
Fortis7
Fortis7 est un thème WordPress responsive polyvalent (business, woocommerce, portfolio) permettant de mettre en place une boutique en ligne ou tout simplement présenter votre entreprise en mettant en avant vos services et réalisations. Un grand nombre de fonctionnalités sont incluses dans ce thème : compatibilité avec WooCommerce, 40+ différents sliders et combinaisons, intégration bbPress, drag & drop page Builder, multiple portfolio et blogs, et plus.
Voilà c’est déjà terminé ! La sélection aurait pu s’étaler vers plusieurs centaines de templates, mais je n’aurais pas eu la force de faire aussi long et je pense que vous non plus vous n’aurez pas eu le courage de tout lire. Ceci étant, toutes vos propositions de thèmes sont les bienvenues.
Sur ce, je vous dis à une prochaine sélection.
Anouar
Cet article vous a plu?
Abonnez-vous alors à notre newsletter pour recevoir des trucs utiles pour votre site WordPress.
J’aime ton travail. Génial!!
Je veux ajouter un thème – thème Kosmic WordPress. C’est un thème WordPress eCommerce très simple et propre. Il comprend plusieurs fonctionnalités telles que l’option thème puissant, construit des codes courts, etc.