April 27, 2018 — Het zijn vaak de kleine dingen die je website onbruikbaar maken voor mensen die een bepaalde beperking hebben. In vogelvlucht brengt Jules je bij hoe bijvoorbeeld mensen niet kunnen zien of geen muis kunnen gebruiken toch een website kunnen gebruiken. Ik breng je bij welke problemen sommige bezoekers kunnen ervaren. Je krijgt tips hoe je zelf eenvoudig je website of je template kan controleren op een aantal belangrijke punten van toegankelijkheid. Wellicht kan je daarmee in de toekomst een betere keuze maken uit de grote hoeveelheid templates die de WordPress-gemeenschap je biedt.

April 27, 2018 — Apprenez comment développer un thème WordPress simple en partant d’un template HTML/CSS.

L’objectif est de comprendre les fondamentaux et les bonnes pratiques de développement de thèmes WordPress :

Faire apparaître son thème dans l’administration de WordPress
Organiser les fichiers du thème de façon claire et lisible.
Comment WordPress choisit les templates (modèles de pages) à utiliser
Charger les ressources CSS/JS correctement
Mettre en place la boucle de WordPress (responsable de l’affichage du contenu), les menus, les zones de widgets.
Utiliser les templates tags de WordPress pour afficher les informations nécessaires, et créer ses propres templates tags.
S’assurer que le thème est sécurisé, traduisible et accessible.
Si le temps le permet, on pourra plonger dans des sujets plus avancés, comme :

Mettre en place les fonctionnalités comme l’image d’entête personnalisée, le logo personnalisé, etc…
Comment intégrer le thème à l’outil de personnalisation de WordPress.
Le but est que les utilisateurs/développeurs voulant développer un thème repartent avec une méthode simple, pas à pas et une bonne appréhension des spécificités de développement de thème pour WordPress.

Le thème développé ne sera donc pas d’une complexité élevée, au contraire, mais permettra d’avoir la vue d’ensemble la plus complète possible du process et des bonnes pratiques de développement.

Le code source du prototype HTML/CSS ainsi que le thème à différentes étapes de son développement seront disponibles sur GitHub.

Prérequis pour tirer le maximum de l’atelier :

Des connaissances de base en HTML/CSS/PHP. JavaScript pas forcément nécessaire.
Un environnement de développement WordPress local (MAMP / Local by Flywheel / Bitnami, etc…)
Un éditeur de code (VS Code, Atom, etc…)

Presentation Slides »

April 26, 2018 — First off, what exactly is user generated content (UGC)? This is content that is created by your customers. It can be anything – a blog post, product reviews, photos, videos or comments. Content marketing is currently a top marketing strategy for most businesses. A report by Demand Gen shows that 47% of customers surveyed will read about three to five pieces of content prior before they consider reaching out to a company to get its products or services.

April 26, 2018 — Explicaré diversas técnicas para atraer tráfico a nuestro blog/tienda/página web, usando las redes sociales, el email marketing y otra serie de técnicas para atraer tráfico a nuestra web. Y luego ya dentro de la web intentar que se subscriban a nuestra newsletter o que compren algo en nuestra tienda online. Son técnicas más que probadas y que utilizan los grandes.

April 26, 2018 — Avez-vous déjà entendu parlé des outils tels que Gulp, Grunt, Webpack… ? Ils vous permettent d’accomplir des tâches en direct lors du développement de votre site, comme recharger le navigateur à chaque modification, synchroniser le site sur votre mobile, tablette et ordinateur afin de tester le responsive, compiler vos fichiers CSS et JS et les optimiser.

Un outil comme Gulp est facile à installer sur votre projet WordPress, même pour les allergiques de la ligne de commande, et vous apportera de nombreux avantages lors de votre développement :

Compilation de vos styles (Sass, Less, Stylus)
Compression de vos CSS et JS
Live Reload
Browser Sync
AutoPrefixer

Presentation Slides »

April 26, 2018 — Le succès de WordPress est en grande partie liée à sa flexibilité grâce notamment à ses nombreuses extensions. Gutenberg, le nouvel éditeur de contenu de WordPress ne déroge pas à la règle, venez découvrir les différentes API permettant de modifier Gutenberg de long, en large et en travers.

Créer des blocks,
Supprimer des blocks,
Modifier des blocks,
Créer des gabarits (templates)
Adapter votre thème
Modifier les styles de l’éditeur et des blocks
Ajouter des boutons, des panels à l’interface
Manipuler les contenus de l’éditeur
Les possibilités de modification sont infinies, laissez libre cours à votre imagination !

Presentation Slides »

April 25, 2018 — Hablaremos y aclararemos dudas sobre qué es la caché, cómo se genera, para qué sirve y cómo resolver problemas. Compararemos dos de los más grandes plugins de caché y veremos otras múltiples opciones de caché que nos ofrecen los servidores, su aplicación dependiendo de los servidores apache/nginx.

April 25, 2018 — As WordPress developers and project managers, freelancers and agencies, our work revolves around the concept of the client project. We invest countless hours in discussing and preparing projects for presentation throughout the sales process. In this context, we limit ourselves to thinking about projects from the perspective of budget, timeline, and resources. After all, this is the information we need to land sales and maintain a revenue stream. However, a successful project is much more than a set of numbers in a proposal. Projects are complex systems with multiple inputs and outputs. They are impacted by relationships, variables and dependencies. Neglecting these intricacies and interactions at the beginning of a project only increase the risks that your project team will need to overcome. Establishing a sustainable and thorough infrastructure for your project will mitigate these risks and allow your team to focus on writing awesome code and generating opportunities for your team and your clients. This talk will focus on practical suggestions for effective onboarding, offboarding and documentation that will improve your ability to establish a healthy, self-sustaining project.

April 25, 2018 — As lead of the Ongoing Client Support at CrowdFavorite I’ve worked with lots of legacy code on different projects. This session covers some of the lessons we’ve learned in the process and tips how to deal with the most common issues faster and more effective. It also shows how the legacy code can be actually fun.

April 25, 2018 — Webpack est le « bundler » de modules qui a remplacé Browserify dans le core de WordPress en 2017.

Mais comment l’utiliser dans son propre thème WordPress? Quels sont ses avantages par rapport aux outils de compilation comme Grunt et Gulp ?

Comment bénéficier du HMR (hot module replacement) et quel est la différence avec le live-reload ?

Qu’est ce que ça veut dire tree-shaking et chunking* ?

Comment est ce que ça peut aider à faire un thème avec un minimum de code et un maximum de couverture ? Comment utiliser Webpack pour aller plus loin en créant une base pour un thème React ou Vue ? Cet atelier répondra à ses questions pour débuter avec Webpack dans WordPress.

*secouage des arbres et découpage

Presentation Slides »