Nos 25 meilleurs articles WordPress et design de 2016

2016 a été pleine de nouvelles tendances fantastiques dans le monde de la conception de sites Web. Des nouveaux tutoriels CSS aux meilleures pratiques WordPress en passant par des conseils pratiques pour développer votre agence, nous avons tout couvert sur The Layout.

Pour vous assurer de ne pas manquer notre meilleur contenu de l'année, nous avons rassemblé nos histoires les plus populaires afin que vous puissiez lire le meilleur des meilleurs avant le début de 2017.

Alors sans plus tarder, voici nos 25 meilleurs articles WordPress et design de 2016.

25. Notre top 10 des plugins WordPress préférés

Passer au crible le répertoire des plugins WordPress, c'est un peu comme se tenir dans un magasin de bonbons - ils ont tous l'air si excitants à essayer ! Et de nos jours, il existe un plugin pour à peu près tout : améliorations de la sécurité, augmentation des performances, optimisation du référencement, et la liste s'allonge encore et encore.

En fin de compte, les plugins que vous décidez d'installer dépendent entièrement de vous et des besoins de votre site. Mais pour vous aider à commencer à trier les masses, nous avons compilé une liste de nos 10 meilleurs plugins.

24. Ce dont vous avez besoin pour créer un beau blog sur WordPress

Les blogs sont un outil formidable pour accroître la notoriété d'une marque, développer une entreprise ou même simplement l'utiliser comme exutoire créatif. Et de nos jours, il est plus facile que jamais de créer votre propre site.

Prêt à créer le blog WordPress de vos rêves ? Voici ce dont vous aurez besoin pour commencer.

23. 17 polices gratuites à télécharger en 2016

Vous cherchez à mettre à jour votre bibliothèque de polices avec de nouvelles polices de caractères ? Nous avons trouvé de très bonnes options publiées cette année et nous n'avions qu'à les partager !

Voici 17 excellentes polices gratuites pour donner à votre projet le look parfait.

22. Où trouver les meilleures photos gratuites en 2016

Vous cherchez une photo gratuite de haute qualité ? Pas une photo de stock fade et générique. Une image réelle qui attire l'attention, avec de la profondeur et de la couleur et un soupçon d'"histoire" à ce sujet. Nous vivons à l'intersection fortuite de la photographie numérique, de l'économie du partage et d'Internet. Des sites de partage de photos gratuits proposant des images de haute qualité apparaissent partout sur le Web, offrant un fantastique buffet de photographies Creative Commons Zero (CC0).

Voici cinq de nos sites favoris pour trouver les meilleures photos gratuites.

21. 32 fantastiques thèmes WordPress gratuits à découvrir en 2016

Que vous travailliez sur un tout nouveau site WordPress brillant ou que vous effectuiez une actualisation de la marque sur un site existant, il est de temps en temps temps de trouver un nouveau thème avec lequel travailler. Et bien qu'il existe de nombreux excellents thèmes premium, il est également intéressant de suivre les thèmes WordPress gratuits. Surtout si vous travaillez avec un petit client avec un budget limité, bon nombre de ces thèmes gratuits fourniront les fonctionnalités et les options de base dont ils ont besoin.

Consultez notre liste de fantastiques thèmes WordPress gratuits de 2016 !

20. Comment créer un thème enfant WordPress

Habituellement, il est presque impossible de trouver le thème parfait ; il y a toujours des modifications à faire. Alors, pourquoi ne pas simplement prendre un joli thème WordPress par défaut, comme Twenty Fifteen, et le personnaliser pour qu'il ressemble et fonctionne exactement comme vous le souhaitez ? Créer un thème enfant vous fera économiser beaucoup de temps et de maux de tête sur la route (croyez-moi).

Suivez ce tutoriel pour créer facilement votre propre thème enfant WordPress personnalisé.

19. Comment améliorer la vitesse et les performances de votre site WordPress

Vous savez que la vitesse du site est cruciale pour le succès de votre entreprise (et celle de vos clients). Maintes et maintes fois, vous êtes frappé par des statistiques effrayantes telles que "près de la moitié des internautes s'attendent à ce qu'un site se charge en deux secondes ou moins" et "les utilisateurs ont tendance à abandonner un site qui n'est pas chargé dans les trois secondes". .” Il est facile de se sentir frustré à ce stade du projet, mais ne vous inquiétez pas.

Avant de défoncer la porte de votre hébergeur ou d'ajouter une tonne de plugins sommaires, suivez ces étapes simples pour rendre votre site WordPress fluide, solide et super rapide.

18. Comment ajouter jQuery à votre thème WordPress

jQuery est une bibliothèque Javascript très populaire, sinon la plus populaire. En fait, il est si populaire que WordPress est automatiquement chargé. (Cela a commencé dans WordPress 3.8.1.) Ce n'est pas parce que WordPress est livré avec jQuery qu'il est prêt à l'emploi dès la sortie de la boîte. Si vous utilisez ou créez un thème où jQuery n'est pas encore appelé, vous devrez faire quelques choses avant de pouvoir commencer à l'utiliser.

Suivez ce tutoriel pour charger jQuery sur n'importe quel thème WordPress.

17. Conception Web et développement Web : quelle est la différence et pourquoi est-ce important ?

Un prospect vous a-t-il déjà contacté pour ce qu'il pensait être une nouvelle conception Web, alors qu'il s'est avéré que ce dont il avait vraiment besoin était un développeur ? Peut-être avez-vous eu l'expérience délicate d'expliquer à votre rédacteur que vous êtes un développeur, pas un designer, et que la copie devait être corrigée pour que cela soit clair ? Confondre la conception Web avec le développement Web est une erreur trop courante que les gens commettent, en particulier lorsqu'ils sont débutants dans ce nouveau genre que nous appelons les interwebs.

Il existe une réelle différence entre le développement Web et la conception Web. Apprenez ce que c'est et pourquoi c'est important.

16. Comment créer un carrousel "Recent Post" en utilisant Owl Carousel

WordPress est livré avec un widget "Messages récents" qui extrait les titres de vos messages les plus récents dans une barre latérale et les relie au message complet. Le problème avec cela est que le widget Articles récents est très limitatif. Et si vous avez besoin de quelque chose d'un peu plus élégant et avec un peu plus de fonctionnalité ? Par exemple, que se passe-t-il si vous souhaitez extraire l'image en vedette et un extrait, et à partir d'un type de publication personnalisé ?

C'est là qu'Owl Carousel entre en jeu, pour vous aider à faire du bricolage et à construire le site de vos rêves. Suivez ce tutoriel pour créer votre propre carrousel "Recent Post" !

15. Comment ajouter Font Awesome à votre site WordPress

Font Awesome est un ensemble d'icônes robuste qui contient des icônes vectorielles évolutives. Et étonnamment, c'est gratuit (les ensembles d'icônes peuvent être assez chers, ce qui en fait une bonne affaire). Font Awesome permet également un ajout facile à votre thème WordPress, ce qui vous fait gagner un temps précieux car vous n'avez pas besoin de créer et d'enregistrer ces graphiques vous-même.

Suivez ce didacticiel pour savoir comment ajouter Font Awesome à votre site WordPress.

14. Comment créer un en-tête de site Web collant

Les en-têtes de site Web qui restent en place lorsqu'un utilisateur fait défiler sont devenus un élément de conception très populaire. Ils permettent à l'utilisateur d'accéder facilement à la navigation sans avoir à faire défiler vers le haut à chaque fois qu'il souhaite choisir une page ou une option différente.

Suivez ce didacticiel pour ajouter facilement un en-tête de site Web collant à votre site WordPress.

13. Comment gagner du temps lors de la configuration de nouveaux sites WordPress

Peu importe à quel point vous aimez WordPress ou la conception de sites Web, il y a une partie du travail qui peut devenir un peu monotone : la configuration de nouvelles installations WordPress. Avant même de commencer à penser à ajouter de belles personnalisations à vos sites, vous devez commencer par les bases : un thème, des plugins et des paramètres.

Mais ne vous inquiétez pas, il existe un moyen d'accélérer ce cycle redondant. Suivez ce guide pour accélérer votre processus et recommencer à créer de beaux sites !

12. Comment ajouter une carte Google responsive dans WordPress

En tant que solution cartographique la plus populaire, l'ajout de Google Maps à votre site WordPress ne pourrait pas être plus simple. Cette technologie de cartographie conviviale fournira des informations commerciales, des coordonnées et des directions vers l'emplacement de votre choix, ce qui rendra la navigation très pratique pour vos utilisateurs.

Prêt à ajouter une carte à votre site WordPress ? Ce tutoriel expliquera comment utiliser un plugin pour en ajouter un, et la méthode DIY.

11. Comment ajouter des options au personnalisateur WordPress

Le Customizer WordPress peut être un peu écrasant au début, mais une fois que vous aurez plongé, vous constaterez que c'est plus facile que prévu. C'est un excellent outil pour vous (ou vos clients) pour modifier un thème, et vous pouvez vraiment le personnaliser en ajoutant des options personnalisées.

Alors décomposons-le - voici comment utiliser le Customizer pour les options de thème.

10. Les meilleurs canaux Slack pour les designers

Slack est rapidement devenu une forme de communication préférée pour de nombreux designers et créatifs. Cela rend la communication avec les collègues et les amis amusante, efficace et sans effort. Mais l'un des meilleurs aspects de Slack est que les gens se sont réunis pour créer des communautés axées sur des sujets spécifiques.

Si vous êtes prêt à rejoindre la conversation, voici 16 des meilleures chaînes Slack pour les designers.

9. Le moyen le plus simple de développer localement des sites WordPress

Lorsque vous créez un site WordPress, il peut être tentant de commencer à apporter des modifications quand et où vous le souhaitez, directement sur le site en ligne. Un petit ajustement CSS aux styles de boutons ne fera rien de mal, n'est-ce pas ?

Cependant, même de simples modifications peuvent être risquées, c'est pourquoi il existe une certaine règle d'or du développement WordPress : lorsque vous développez des sites WordPress, même si vous ne faites qu'une modification mineure du code, vous ne devez jamais, au grand jamais, apporter des modifications directement sur un site en direct.

L'utilisation d'un environnement de développement local est cruciale pour développer des sites WordPress personnalisés. Apprenez à en configurer un facilement et efficacement grâce à ce guide !

8. Comment utiliser les requêtes de fonctionnalités CSS

Les requêtes de fonctionnalité CSS sont un moyen d'effectuer une méthode de détection de fonctionnalité native du navigateur. Ces requêtes analysent si oui ou non un navigateur a correctement implémenté une propriété CSS. Essentiellement, le navigateur "indique" si une certaine propriété ou valeur CSS est prise en charge ou non. Le résultat détermine s'il faut ou non appliquer un bloc de CSS ou non.

Vous êtes impatient d'utiliser les nouvelles fonctionnalités CSS, mais vous vous inquiétez des capacités du navigateur ? Découvrez comment les requêtes de fonctionnalité CSS peuvent aider à assurer le bon fonctionnement des choses.

7. 9 tendances web design à connaître en 2016

L'industrie de la conception Web a atteint un point intéressant où les concepteurs veulent faire plus que simplement créer un site - ils veulent raconter une histoire. Plus que jamais, l'intérêt d'un site web est à la fois de divertir et d'informer. Notre liste présente neuf façons différentes de raconter cette histoire, des cinémagraphes époustouflants aux délicieuses micro-interactions.

Il n'est pas trop tard ! Voici nos neuf principales tendances en matière de conception de sites Web pour 2016 !

6. Comment les revenus récurrents peuvent vous aider à faire évoluer votre agence

Transformer votre agence en une entreprise durable et prospère peut parfois sembler une tâche impossible, et il est facile de comprendre pourquoi. La consultation avec les clients prend une tonne de temps et, en fin de compte, vous êtes lié à une horloge avec un nombre limité d'heures facturables.

Le secret pour faire évoluer votre agence ? Ajoutez des canaux de revenus récurrents à votre modèle économique !

5. Des imprimables gratuits pour aider les designers à rester organisés

Vous êtes un designer, vous pourriez donc probablement concevoir le modèle parfait et l'imprimer. Mais si vous recherchez une solution plus rapide, il existe d'autres concepteurs qui ont eu la même idée et qui ont créé des cadeaux impressionnants que vous pouvez télécharger pour vos efforts d'organisation personnelle.

Si vous êtes prêt à faire passer votre organisation au niveau supérieur (gratuitement !), Découvrez ces incroyables imprimables pour les concepteurs.

4. Comment créer une mise en page simple avec CSS Grid Layouts

Une partie d'être un concepteur est de savoir ce que l'avenir de la conception Web nous réserve. Les dispositions de grille CSS changent la donne et aideront à atténuer certaines des frustrations liées au positionnement auxquelles les concepteurs doivent faire face depuis de nombreuses années. Bien que ce ne soit pas encore une pratique courante, c'est quelque chose à espérer.

Suivez ce didacticiel simple pour apprendre les bases des dispositions de grille CSS !

3. Pourquoi SSL est important pour votre site WordPress

SSL. Vous avez probablement déjà entendu parler de ces trois petites lettres, mais saviez-vous qu'elles peuvent vraiment profiter à votre site WordPress ? Avant de parler de la façon dont cela aidera votre site, voyons d'abord ce qu'est exactement SSL.

Voici ce qu'est SSL, pourquoi vous en aurez besoin et comment l'obtenir facilement sur votre site WordPress !

2. Comment utiliser les techniques de découpage et de masquage CSS et SVG

Les SVG sont parfaits pour travailler sur le Web, et le découpage et le masquage offrent des moyens intéressants d'afficher ou de masquer des éléments de vos graphiques Web. L'utilisation de ces techniques permet également une plus grande flexibilité avec vos conceptions, car vous n'avez pas besoin d'apporter manuellement des modifications et de créer de nouvelles images - tout est fait avec du code.

Suivez ce didacticiel pour démarrer facilement avec le découpage et le masquage CSS et SVG.

1. 20 bibliothèques JavaScript à découvrir en 2016

Les bibliothèques JavaScript sont un outil incroyablement utile pour tout concepteur ou développeur. Ils peuvent ajouter des fonctionnalités super puissantes à votre site ou embellir la conception, ce qui se traduit par une meilleure expérience pour vos utilisateurs.

Bien qu'il existe un nombre infini de ressources, nous pensons que ces 20 bibliothèques JavaScript feront passer votre site au niveau supérieur en 2016.

Cela complète notre liste des meilleurs articles WordPress et de design de 2016 ! Quels étaient certains de vos favoris? Partagez vos liens dans les commentaires ci-dessous pour nous aider à développer notre liste !