lab.elastik

laboratoire de
développement web

Extraits de cours dispensés dans le cadre d’une formation pour développeurs front-end et autres ressources

Derniers articles & cours

Chaque article représente une session de cours donnée aux étudiants
et contient les éléments partagés ou un tutoriel divers

Divers

23/04/2024

Customiser admin WordPress

Divers

18/04/2024

Launch Youtube video when video enters viewport

ACF / WordPress

01/04/2024

Comment inclure les données des Champs Personnalisés Avancés (Advanced Custom Fields) dans la recherche WordPress

Elementor / Trucs utiles / WordPress

14/03/2024

Une amie graphiste peinait à créer une grille de boucle dont les articles devaient être illustrés par un hexagone. Avec beaucoup de café un peu d'aide d'une IA j'ai réussi à faire ceci.

Elementor / WordPress

13/12/2023

Elementor, display custom loop in loop grid based on taxonomy

Display different loops in loop grid based on taxonomy

Divers

09/11/2023

Access Google Spreadsheet via JSON API Endpoint

Javascript

15/09/2023

Fonction jQuery pour lancer une fonction lors de l’entrée d’un élément dans le viewport

VSCode

28/08/2023

Code snippets dans VSCode

Cet article reprend un tuto complet sur Youtube sur comment créer des snipets dans VSCode. J'ai découvert cela récemment et le gain de temps est consiérable.

Elementor

25/08/2023

Elementor Conditional Logic Form Fields Without Plugin

Liens vers un tuto de Element.how qui montre comment vous pouvez ajouter une logique conditionnelle de base à vos formulaires Elementor Pro, sans aucun plugin supplémentaire.

Git

20/08/2023

Introduction à Git & Github

Ceci est le résumé du premier cours d'intro à Git & Github. Cet article sera alimenté lors du premier cours de Git en septembre 23

WordPress

07/10/2022

Totalement désactiver les commentaires dans WordPress

Vous trouverez ici toutes les fonctions à introduire dans functions.php afin de totalement désactiver les fonctionnalités liées aux commentaires dans WordPress.

ACF / Elementor

17/12/2021

Condition if exists sur shortcode ACF

Je trouve très utile avec les ACF de pouvoir facilement vérifier si une variable existe avant de l'afficher, seule ou englobée dans du code. Cette fonction PHP permet d'utiliser cette condition au moyen de [shortcodes]

ACF / WordPress

20/11/2021

Updates to ACF Field Functions in 5.11 & Registering Fields via PHP

WordPress

25/06/2021

Faire des requêtes personnalisées dans des Custom Post Types (CPT) contenant des Advanced Custom Fields (ACF)

Cet article fournit un exemple complet sur la manière dont je filtre les utilisateurs sur base de valeurs introduites via ACF (âge, genre...)

Javascript

20/05/2021

Comment détecter qu’il s’agit d’un device mobile

3 façons simples de détecter si le visiteur de site est sur mobile

WordPress

29/04/2021

WordPress pagination post suivant et précédent avec image mise en avant

Pour les besoins d'un site qui présente des portraits, je devais pouvoir passer au post précédent et suivant au moyen d'un lient contenant le titre du post mais aussi l'image en avant. Voici le script complet.

ftp / Git

28/03/2021

Uploader en FTP uniquement les derniers fichiers modifiés au moyen de Git-Ftp

Grâce à GitFTP, une fois commité mes derniers changements, je fais un petit git ftp push qui m'upload tous les fichiers de mon système qui ont été modifiés !

WordPress

18/03/2021

Comment ajouter les nouveaux CPT aux archives category & tag

WordPress

24/02/2021

WordPress comment récupérer le slug du post (postslug)

WordPress

01/02/2021

Récupérer toutes les catégories / taxonomies associées à un post pour les afficher en tant que classe

WordPress

25/12/2020

Masquer les événements passés dans un agenda réalisé avec ACF

WordPress

20/12/2020

Comment ajouter des classes à un menu WordPress et à son container ? Par exemple pour le rendre compatible avec Bootstrap

Trucs utiles / WordPress

13/12/2020

Comment customiser l’interface du backend de WordPress en fonction des rôles d’utilisateurs

WordPress

13/12/2020

Créer son propre thème WordPress à partir de zéro

Ce petit tuto a pour but de vous permettre de créer en quelques minutes seulement votre propre thème en WordPress. Ce tuto s'adresse à tout public qui est à l'aise avec le HTML & le CSS. Il permet d'aller chercher tous les contenus WordPress pour les intégrer dans une production HTML & CSS pré-existante. Ou à faire dans un 2e temps une fois tous les contenus WordPress affichés.

Trucs utiles

09/11/2020

Catch CTRL+P & CMD+P and display message for Safari only

CSS / Ressource

28/01/2020

CSS3 : guide de référence des propriétés et de leurs valeurs

Ergonomie, UX/UI

28/01/2020

Trucs & astuces UX/UI

Ergonomie, UX/UI

28/01/2020

Comptes Instagram inspirants en UX/UI

Trucs utiles

08/11/2019

Chrome DevTools: Copier et extraire tout le CSS pour un élément du DOM

WordPress

06/11/2019

Créer un thème enfant dans WordPress

WordPress

06/11/2019

Cloner un site WordPress avec Duplicator