Thèmes WordPress de conception de matériaux premium et gratuits

Publié: 2015-05-01

conception de matériaux

Il s'agit d'une collection des meilleurs thèmes WordPress premium et gratuits de Material Design.

Alors, qu'est-ce que le Material Design exactement ? Material Design est une conception d'interface visuelle développée par Google "qui synthétise les principes classiques d'un bon design avec l'innovation et les possibilités de la technologie et de la science". Alors que la définition et la documentation des spécifications en constante évolution sur Material Design by Google utilisent un langage plutôt intimidant et prétentieux, les principes fondamentaux sont assez clairs.

Le Material Design rencontre le point entre le flat design et le skeuomorphisme. On pourrait dire qu'il s'agit d'une extension de la conception plate qui tente de rendre la conception Web plus réaliste dans la façon dont elle représente les éléments d'une manière qui a du sens, améliorant le flux et la compréhension des utilisateurs et rendant l'expérience plus fluide. Ceci est réalisé grâce à l'utilisation d'éléments tels que des animations et des transitions réactives, des superpositions, des remplissages et des effets de profondeur tels que l'éclairage et les ombres.

Il existe trois principes fondamentaux dans le Material Design : le matériau en tant que métaphore, le mouvement et les graphismes intentionnels audacieux.

Matériel

materialdesign_metaphor La métaphore centrale de Material Design est le matériau numérique. Inspiré du papier et de l'encre, ce "Smart Paper" numérique fictif est capable de se déplacer et de changer de forme intelligemment. Il a des surfaces et des bords qui fournissent des indices visuels ancrés dans la réalité, et les coutures, les ombres et l'éclairage aident à définir les objets et à diviser l'espace et à fournir un sens et un contexte.

Mouvement

materialdesign_principles_motion Semblable à Material, le concept de Motion respecte le fait que les actions de l'utilisateur sont l'objectif principal afin que la personne qui interagit avec la conception contrôle l'expérience plutôt que la conception contrôlant l'utilisateur. Comme l'explique Google : "Le mouvement est significatif et approprié, servant à concentrer l'attention et à maintenir la continuité. Les commentaires sont subtils mais clairs. Les transitions sont efficaces mais cohérentes ».

Audacieux, Graphique, Intentionnel

materialdesign_principles_bold Les principes et les éléments fondamentaux de la conception basée sur l'impression - typographie, grilles, espace, échelle, couleur et utilisation d'images - font plus que plaire à l'œil, mais guident également votre expérience en utilisant la hiérarchie, le sens et la concentration. L'utilisation de couleurs vives et délibérées, d'images bord à bord bien définies, d'une typographie à grande échelle et d'un espace blanc intentionnel crée une expérience utilisateur immersive.

Thèmes WordPress pour la conception de matériaux

Vous trouverez ci-dessous une collection de thèmes WordPress qui ont tenté d'utiliser la philosophie Material Design. Les développeurs ont implémenté les principes de Material Design dans ces thèmes avec des degrés et des niveaux de succès variables.

Se concrétiser

Materialise est un thème WordPress de blog fortement inspiré du Material Design de Google. Le thème premium de RichWP a un design moderne, audacieux et visuellement attrayant qui suit les directives de conception des matériaux. Il conviendrait pour un blog personnel ou professionnel, un magazine en ligne ou même un site de boutique.

Certaines des fonctionnalités clés incluent : prêt pour WooCommerce, première mise en page mobile entièrement réactive, prise en charge de la plupart des fonctionnalités du plug-in Jetpack (telles que les galeries en mosaïque, les formulaires de contact, etc.), options de personnalisation des couleurs faciles, plusieurs zones de widgets, menus déroulants, intégration facile du logo, traduction prêt, menu d'icônes, code de qualité aux normes WordPress, et plus encore.

se concrétiser
Démo et page de sortie | Télécharger

Matérialisme

Materialism est un thème WordPress polyvalent d'une page construit à l'aide des directives de conception de matériaux développées par Google. Le thème premium de Tesla Themes a une conception matérielle belle et moderne avec de nombreuses fonctionnalités et options puissantes. Le thème peut être utilisé pour un blog, un site Web d'entreprise ou d'agence, un portfolio, une page d'accueil pour présenter votre produit, application ou service ou toute autre chose. Certaines des fonctionnalités clés incluent : plus de 40 éléments de contenu différents et des options de style avancées, 2 mises en page de page d'accueil uniques, le défilement parallaxe et la vidéo HTML5, des tableaux de tarification, des polices Web Google, des blocs d'appel à l'action, un générateur de page visuel par glisser-déposer, etc.

Plus de détails / Télécharger la démo

SiriusPro

Sirius Pro est un thème WordPress polyvalent inspiré du Material Design de Google. Le thème premium de Lyra Themes dispose d'un ensemble puissant de fonctionnalités et d'options et est facile à configurer et à utiliser à diverses fins. Vous pouvez l'utiliser pour créer un site Web professionnel, personnel ou d'entreprise élégant, professionnel et riche en fonctionnalités. Il comprend des projets / portfolio intégrés, des options de personnalisation des couleurs, des arrière-plans de parallaxe, plusieurs affichages de page d'accueil, des codes abrégés de cartes d'information, des membres d'équipe et des témoignages, etc.

Plus de détails / Télécharger la démo

MaterialDesignWP

Le thème WordPress Material Design est un thème premium basé sur le framework MaterializeCSS.com. Il est livré avec un plugin de codes abrégés Material Design qui vous permet d'ajouter de nombreux composants de conception matérielle à vos pages. Il comprend une conception réactive, une mise en page de blog, un modèle de portefeuille, des options de parallaxe, un modèle pleine largeur, des zones de widgets, un modèle de formulaire de contact, etc.

conception de matériaux wp
Démo et page de sortie | Télécharger

Boîte riche

Rich Box est un thème WordPress polyvalent entièrement réactif de RichWP. Le thème premium combine les dernières tendances de Material Design avec les dernières normes et meilleures pratiques en matière de développement de thèmes WordPress. Le thème polyvalent peut être utilisé pour tous les types de sites Web et de niches tels que les blogs culinaires, la mode et les cosmétiques, les sites liés au design, les voyages, les affiliés ou les blogs personnels.

Le thème Rich Box a une belle mise en page de grille et comprend des fonctionnalités et des options pratiques, notamment: des options d'intégration de logo et de changement de couleur faciles, un menu plein écran, une conception sans barre latérale, des zones de widgets en haut et en bas de page, la prise en charge du format de publication WordPress, l'architecture de code HTML5, menu d'icônes, prise en charge du plug-in JetPack, traduction prête, etc.

richbox
Démo et page de sortie | Télécharger

Zéphyr

Zephyr est un thème WordPress premium polyvalent personnalisable qui peut être utilisé pour les sites d'entreprises et d'entreprises, les agences, les portefeuilles, les blogs, les sites Web de produits ou tout autre type de projet. Le thème est basé sur la dernière tendance Material Design avec une belle attention aux détails. Il a des mouvements authentiques, des interactions réactives, des minutages hiérarchiques, des effets de parallaxe, 8 animations d'apparence pour les colonnes et les images, entièrement réactifs et axés sur la typographie, la convivialité et l'expérience utilisateur.

Le thème regorge de (trop?) Fonctionnalités, mais certaines des fonctionnalités clés notables incluent: un générateur de page visuel par glisser-déposer pour créer facilement des mises en page illimitées, prêt pour WooCommerce, des options de typographie avancées, un panneau d'options de thème spécial pour une personnalisation et un contrôle faciles, options d'en-tête avancées, portefeuille avec plus de 6000 combinaisons, options de couleurs illimitées, arrière-plans de parallaxe, prêt pour la traduction, 3 mises en page de blog différentes et de nombreux autres éléments (Accordéon et bascule, ActionBox, Bouton, Formulaire de contact, Compteur, IconBox, Galerie d'images, Curseur d'image, carte Google, boîte de message, grille de portefeuille, colonnes réactives, séparateur, liens sociaux, onglets et chronologie, membre de l'équipe, témoignage, lecteur vidéo), plus de 1000 icônes Font Awesome et Material Design, et plus encore.

Zéphyr
Démo et page de sortie | Télécharger

Rubis

Ruby est un thème WordPress de portfolio et de blog inspiré de Material Design pour les personnes qui souhaitent présenter leurs projets personnels, leurs photographies ou leurs histoires via un blog. Le thème premium a un design ultra-simple, moderne et intuitif optimisé pour les appareils mobiles. Certaines des fonctionnalités clés incluent : des options de couleurs illimitées, un panneau d'administration pour la personnalisation, Royal Slider (plugin), Essential Grid (plugin) pour les portefeuilles, diverses mises en page de portefeuille, des polices Google, des icônes de filtre de portefeuille, de nombreux formats de publication, etc.

rubis
Démo et page de sortie | Télécharger

Matériel

Material est un thème WordPress polyvalent et complet qui peut être utilisé pour toutes sortes de projets. Inspiré de Google Material Design, le thème premium vendu sur ThemeForest propose un tas de styles de page d'accueil différents et des variations illimitées. Certaines des fonctionnalités clés incluent : un constructeur visuel de pages par glisser-déposer avec des éditeurs frontaux et principaux, plus de 40 blocs de contenu, réactif et prêt pour la rétine, un portefeuille filtrable, 19 blocs d'en-tête uniques, des effets de parallaxe, des sections et des curseurs en plein écran, 3 types de pied de page uniques et plus.

Matériel
Démo et page de sortie | Télécharger

Heureux Hipster

Le thème WordPress Happy Hipster de RichWP est un thème de blog au design très simple, branché et minimaliste. Le thème premium est idéal pour les blogueurs hipsters qui souhaitent partager leurs réflexions profondes et perspicaces dans des articles de blog, publier des selfies ou des photos de leur nourriture, des bières de boutique ou de la barbe, des vidéos d'eux-mêmes en train de faire des trucs sympas et plus encore. Bien sûr, vous n'avez pas besoin d'être un hipster pour utiliser le thème. Il convient à quiconque de bloguer sur n'importe quoi. Certaines des autres fonctionnalités clés du thème Happy Hipster incluent : une première conception mobile réactive, WooCommerce prêt pour la fonctionnalité de commerce électronique, la prise en charge de la plupart des fonctionnalités JetPack (galeries en mosaïque, formulaires de contact, etc.), la prise en charge des formats de publication WordPress natifs, une belle galerie et une publication mises en page de liste, menus déroulants, menu d'icônes, intégration facile du logo, personnalisation facile des couleurs, plusieurs zones de widgets, etc.

hipster heureux
Démo et page de sortie | Télécharger

Impala

Impala est un thème WordPress multi-usages riche en fonctionnalités qui tente d'appliquer les principes de Google Material Design. Il a un design moderne à gradient plat qui est entièrement réactif. Vous pouvez utiliser le thème pour créer presque n'importe quel type de site Web - magazine en ligne, portfolio, agence et entreprise, blog, page à venir ou à peu près n'importe quoi d'autre.

Certaines des fonctionnalités et options clés incluent : un générateur de pages par glisser-déposer pour des mises en page illimitées, plusieurs en-têtes, des mises en page polyvalentes (1170px, 1024px, 900px, pleine largeur, plein écran), une grille de publications en vedette, des options de vidéo d'arrière-plan, des motifs transparents, des centaines d'options de typographie , options de couleurs illimitées, barres latérales illimitées, plus de 1200 icônes de fontAwesome et Google Material Design Icons, critiques intégrées, prise en charge des formats de publication, etc. Le thème vous donne un contrôle total sur la mise en page, le style, le dégradé, les couleurs, les motifs transparents, les polices, les icônes, la position des images, etc.

impala
Démo et page de sortie | Télécharger

Pinty

Pinty est un thème Pinterest avancé comme WordPress qui vous permet de créer un site Web comme Pinterest. Il vous permet de créer des tableaux et des catégories, d'épingler des éléments (images, vidéos et lieux avec Google Maps) à partir de sites Web ou de télécharger votre propre contenu, de créer des profils d'utilisateurs, de suivre des utilisateurs, d'aimer, de réépingler et plus encore.

Le thème premium est conçu à l'aide du guide de style Material Design et est prêt pour la rétine et adapté aux mobiles avec un design réactif. Certaines des autres caractéristiques et fonctionnalités clés remarquables incluent : l'enregistrement et la connexion de l'utilisateur frontal avec Google+ et Facebook, le cadre Redux, la localisation des broches avec Google Maps, les icônes Font Awesome, les polices Google, les jeux de couleurs illimités, la traduction prête et HTML5, CSS3 et jQuery codage.

pinty
Démo et page de sortie | Télécharger

Tactile

Tactile est un thème WordPress multi-concept qui a un look moderne et pointu qui se revendique également du Material Design. Il est livré avec 14 mises en page prédéfinies et de nombreuses fonctionnalités et options afin que vous puissiez l'utiliser pour toutes sortes de projets et de sites Web différents.

Certaines des fonctionnalités clés du thème Tactile incluent : une interface d'administration puissante, un compositeur visuel, plusieurs mises en page d'en-tête, des images de parallaxe, des transitions AJAX, des arrière-plans vidéo, un curseur de calque, plusieurs mises en page de portefeuille, une mise en page de blog de maçonnerie, des formats de port personnalisés, des colonnes de pied de page personnalisables , prêt pour la rétine, intégration WooCommerce, polices Google, intégration du formulaire de contact 7, intégration multilingue WPML, etc.

tactile
Démo et page de sortie | Télécharger

Calypso

Calypso est un thème WordPress magazine avec un Material Design. Le thème premium vous permet d'afficher des articles et des histoires de manière agréable et avec du caractère grâce à son Material Design. Le développeur affirme que tout, jusqu'aux plus petits éléments, a été soigneusement conçu pour le rendre cohérent avec lui-même et les principes de Material Design.

Certaines des caractéristiques notables du thème incluent : un algorithme de tri de type Reddit pour vos publications (les classer par popularité), un générateur de pages, des pages de catégories personnalisables (couleur de catégorie, styles de publication, placement de la barre latérale), AJAX intelligent pour une navigation facile, réactif mobile conception, installation de données de démonstration en un clic, HTML5 et CSS3, menu collant, widgets personnalisés et options de personnalisation étendues dans le panneau d'options de thème.

Calypso
Démo et page de sortie | Télécharger

Blog riche

Rich Blog est un thème WordPress de blog audacieux et moderne de RichWP. Le thème premium a un design épuré et minimal qui conviendrait à tout type de blog. Le thème a une première conception réactive mobile, une intégration WooCommerce, une intégration facile du logo, plusieurs zones de widgets, un support Jetpack (pour les galeries, le formulaire de contact, etc.), des options de personnalisation des couleurs et un codage qui suit les normes WordPress.

richeblog
Démo et page de sortie | Télécharger

Obsession

Obsession est un thème WordPress flexible qui peut être utilisé pour les sites Web d'une page ou les sites Web traditionnels de plusieurs pages. Le thème comprend de jolis éléments de Material Design tels que des boutons de morphing animés, des superpositions d'informations, un formulaire d'abonnement et un formulaire de contact minimal.

Le thème est basé sur le framework Bootstrap et a une conception entièrement réactive. Le générateur de page visuel par glisser-déposer inclus, le curseur de révolution et les plugins de grille essentiels vous permettent de créer presque toutes les mises en page que vous souhaitez avec des éléments prédéfinis à l'aide d'une interface de glisser-déposer. Certaines des autres fonctionnalités notables du thème incluent: sections de portefeuille personnalisables, panneau d'administration intelligent, polices Google, intégration de Font Awesome, défilement de parallaxe, prêt pour la traduction, couleurs illimitées, édition de mise en page personnalisée, arrière-plans vidéo, option d'en-tête collant, prêt pour WPML et Suite.

obsession
Démo et page de sortie | Télécharger

Couleur

Color est un thème WordPress de blog et de portfolio au design unique et coloré. Chaque publication, page ou type de publication peut être mis à jour avec une couleur d'accentuation individuelle pour une apparence et une convivialité uniques. Pourquoi sans doute plus plat que material design le thème serait idéal pour les fans de blogs colorés.

Certaines des autres fonctionnalités clés du thème incluent : options de police avancées, barres latérales gauche ou droite, conception réactive mobile, intégration de Google Maps, afficher/masquer les informations sur l'auteur, compatibilité Easy Digital Downloads, options de partage social, menu personnalisé, shortcodes, portefeuille type de publication avec image en vedette, galerie de curseurs ou support vidéo, type de publication d'équipe et plus encore.

Couleur
Démo et page de sortie | Télécharger

EstateMLS

Estate MLS est un thème WordPress pour l'immobilier de Material Design, réactif pour les mobiles. Le développeur affirme avoir utilisé les dernières directives sur le style Material Design pour créer le thème. Le thème riche en fonctionnalités vous permet d'utiliser les annonces MLS ou d'afficher vos propres annonces immobilières.

Certaines des fonctionnalités clés incluent : Google Maps avec des épingles de propriété, la recherche (à partir de votre site Web ou des listes MLS), le formulaire frontal "Ajouter une propriété", la prise en charge du plug-in dsIDXpress IDX pour les listes MLS, les widgets et codes courts personnalisés, les options de thème avec un panneau d'administration back-end sans marque basé sur le robuste Redux Framework, des couleurs illimitées, des polices Google, une page de profil d'agents immobiliers, un constructeur de page de compositeur visuel, un widget de propriétés en vedette, une section de blog et plus encore.

EstateMLS
Démo et page de sortie | Télécharger

Activisme

L'activisme est un thème WordPress propre et minimal avec une conception matérielle conçue pour les organisations à but non lucratif, les organisations caritatives, les sites Web d'événements ou tout autre site professionnel ou personnel. C'est un thème enfant pour l'excellente plate-forme gratuite de création de sites Web Layers WordPress.

Le thème comprend une conception réactive et prête pour la rétine, une page de don, des types de publication personnalisés (pour l'équipe, la galerie, les colonnes de boîtes, les témoignages, les événements), la liste et le calendrier des événements, un carrousel pour les articles de blog, une option de site Web d'une page ou de plusieurs pages , prêt pour la traduction, police Google, etc.

activisme
Démo et page de sortie | Télécharger

Matériel simple

Le thème WordPress Simple Material est inspiré de Google Material Design et utilise le framework MaterializeCSS. Il a une mise en page propre et simple et est compatible avec les appareils mobiles avec un design réactif. Il possède d'excellentes fonctionnalités intégrées pour vous aider à personnaliser chaque page et publier facilement et comprend un plug-in de code abrégé Material Design pour vous aider à ajouter des composants Material Design à vos pages et publications.

matériau simple
Démo et page de sortie | Télécharger

MatérielWP

Material WP est un style de blog gratuit WordPress inspiré par Material Design et propulsé par Bootstrap. La base de MaterialWP est le populaire thème de démarrage WordPress Underscores.me. Il présente une conception réactive, une mise en page de blog, un modèle de portefeuille, des zones de widgets et divers éléments de conception matérielle.

matérielwp
Démo et page de sortie | Télécharger

Regard matériel

Material Gaze est un thème WordPress propre et minimal qui s'inspire du Material Design de Google. C'est un thème enfant pour le thème parent gratuit Stargazer. Ce thème est gratuit .

regard-matière
Démo et page de sortie | Télécharger

Matérialiste

Materialist est un thème WordPress minimaliste gratuit inspiré du Material Design. Il présente une conception réactive utilisant une première approche mobile, une couleur d'accentuation, une configuration rapide, une prise en charge des widgets et compatible avec le défilement infini JetPacks.

matérialiste
Démo et page de sortie | Télécharger

MatérielPresse

MaterialPress est un WordPress simple et gratuit fortement influencé par la philosophie Material Design de Google. Il est basé sur le framework frontal Materialise Sass / Javascript.

presse matérielle
Démo et page de sortie | Télécharger

Boîte de flux

Flow Box est un thème WordPress polyvalent avec une mise en page en forme de boîte et un design minimaliste simple et épuré. Il a un design visuellement riche avec son utilisation d'images bien en vue, ce qui le rend idéal pour un blog de voyage, un blog culinaire, un site de portefeuille, un site Web de vidéos ou toute autre chose. Il est adapté aux mobiles avec un design réactif, propose des options de personnalisation des couleurs faciles et une intégration WooCommerce pour le commerce électronique.

boîte de flux
Démo et page de sortie | Télécharger

Faites-nous savoir ce que vous pensez de Material Design et si ces thèmes répondent aux directives et aux spécificités de Material Design.

  • Évaluation des lecteurs
  • Classé 4,5 étoiles
    4,5 / 5 ( 13 )
  • Votre note