Mettons nous la main aux mains avec de la maçonnerie web. Nous allons déterminer ce que c'est, pourquoi c'est efficace pour certaines grandes marques, pourquoi vous pourriez le considérer pour votre propre site web et quels thèmes WordPress peuvent vous aider à réaliser une mise en page de site Web en maçonnerie.
Une grille de maçonnerie est une disposition semblable à une grille qui prend en charge des éléments de différentes tailles. Le nom a été probablement inventé par Dave DeSandro, créateur de la bibliothèque JavaScript Masonry, publiée en 2009. Sur le site Masonry, il est décrit comme "un peu comme un maçon qui pose des pierres dans un mur". Vous savez, comme ça:
Mais au lieu de pierres et de briques, c’est tout votre travail, vos projets, vos photos, ou autre chose:
Cet exemple est Milk, un portefeuille simple en maçonnerieLes grilles de style maçonnerie constituent un moyen familier et convivial d’organiser le contenu. Ils se sentent triés et simples, et organisent visuellement le contenu de manière à pouvoir naviguer facilement sans être ennuyeux..
C'est un format populaire pour la plate-forme de micro-blogging Tumblr. Voici un exemple de Coca-Cola, l'une des plus grandes marques utilisant Tumblr avec une disposition de grille de style maçonnerie:
Social-media-slash-inspiration site Pinterest utilise également une disposition en grille pour organiser une quantité énorme de contenu. Voici un exemple de l'utilisateur Pinterest Pinterest Rayt, qui a construit un nombre de suiveurs de près de six millions:
Les dispositions de grille de maçonnerie sont particulièrement utiles pour les sites Web de portefeuilles personnels. Si vous êtes un designer ou un artiste, c'est un excellent moyen de présenter vos projets et de fournir une représentation visuelle du travail que vous avez effectué. Si vous êtes un écrivain, vous pouvez utiliser le style de grille pour représenter des histoires ou des travaux publiés. Si vous êtes photographe, il est utile de présenter vos photos et de créer une galerie triable par type de photo. J'ai utilisé des sites WordPress en grille de maçonnerie pour parler de projets annexes, de conception de newsletter, de travail de planification d'événements, etc..
Bien que Tumblr et Pinterest soient tous deux de style maçonnerie, ils ne constituent pas le bon choix pour un site de portefeuille; leur aspect de blogging social le rend compliqué et ajoute des éléments qui sont hors de votre contrôle. Utiliser WordPress pour construire votre site portfolio signifie que tout est sous votre contrôle, du domaine (comme votrenom ici.com) aux choix de mise en forme et de style. De plus, utiliser WordPress vous donne la liberté de créer un site Web aussi simple ou complexe que vous le souhaitez..
Envato gère le plus grand marché en ligne pour les modèles WordPress. Voici vingt thèmes WordPress triés sur le volet qui présentent d'excellentes dispositions de grille de style maçonnerie:
Ce thème WordPress du designer KrownThemes compte près de 5 000 ventes et s’adresse aux sites du portefeuille. Il existe quatre styles de navigation, un générateur de page et une grille modulaire. C'est mobile-responsive, avec le code propre.
Idéal pour les «professionnels créatifs qui aiment la grille et le design minimaliste». La tasse est un thème de style plat. Il a des plugins compatibles avec Dribbble et Twitter, donc c'est génial pour les concepteurs.
Il y a beaucoup de choses à aimer dans celui-ci: les créations de la démo sur le thème de l'espace, les polices serif arrondies, le compositeur visuel inclus, les cartes interactives, le code convivial pour les SEO, la page d'accueil épurée…
Avec l'en-tête pleine largeur et le formatage du billet de blog, celui-ci est particulièrement utile pour les écrivains et ceux qui ont besoin de quelque chose d'un peu plus axé sur les mots. Le menu de la barre latérale gauche est un choix unique.
Du concepteur DeliciousThemes, celui-ci est livré avec de nombreuses dispositions de démonstration, ce qui vous permet d’imaginer toutes les possibilités sans devoir trop travailler sur le design, et il est facile de changer le look de votre site. Il est livré avec Visual Composer, Slider Revolution et Templatera Addon. Sur la photo: la démo «Typed Hero Text».
Hygge est un concept danois qui reflète le confort et la convivialité. Vous voulez que les visiteurs de votre site Web se sentent bien?
Thème audacieux du portefeuille, North est destiné aux agences et aux pigistes. Il a été testé pour fonctionner sur plusieurs navigateurs et il est très facile à personnaliser.
C'est l'un des thèmes de photographie les mieux notés sur notre marché. Il a des albums de style maçonnerie et des pages de galerie, ainsi que des dispositions pleine largeur et autres pour la variété.
Fabriqué par Onioneye, concepteur Web d’élite, ce thème WordPress est simple et direct. Un bon choix si vous avez un logo ou si vous voulez quelque chose d'intemporel.
Cette disposition de la grille mélange le dimensionnement des carrés, ce qui donne une présentation de portefeuille complexe sans chaos..
Avec Visual Composer, Revolution Slider et les fichiers PSD de la page d'accueil inclus, ce thème est idéal pour ceux qui ont un peu plus d'expérience de la programmation (bien que ce ne soit pas obligatoire!). L'équipe de conception est très appréciée pour son support produit..
Minimalisme et espace blanc pas votre truc? Yorke est audacieux et brillant, et il est construit pour laisser une impression durable. Il est également en vente (au moment de l'écriture!)
Une grille symétrique avec un menu de navigation aligné à gauche. Le menu facilite la navigation sur le site et les boutons de médias sociaux sont faciles à trouver..
Werkstatt est un thème WordPress qui apparaît sur de nombreuses listes, car il est adaptable à de nombreux besoins de sites Web. Le portefeuille de maçonnerie simple est une mise en page gagnante, mais si vous souhaitez le changer, un certain nombre de démos impressionnantes et de conceptions de sites sont inclus..
La typographie de ce thème en fait un choix remarquable. Il comprend également une vitrine prête pour WooCommerce et un plugin Yoast SEO!
Sauver un des meilleurs pour la fin, Haar est un beau thème créatif avec beaucoup de dispositions différentes et de démos. Il a été créé par les thèmes Edge du designer Power Elite, mais avec peu de ventes (pour le moment!), Il s’agit donc d’un choix unique. J'aime la façon dont les sites de démonstration ont un contenu d'exemple qui s'en tient à une palette de trois couleurs avec ses illustrations et ses images..
Vous cherchez plus de thèmes WordPress? Découvrez d'autres thèmes de portefeuille créatifs sur notre marché.