CSS
Express

Apprenez le CSS une bonne fois pour toutes, et faites enfin les bonnes modifications aux bons endroits sans y passer des heures.

Découvrez CSS Express, la nouvelle méthode pour apprendre les bases du code CSS en 15 jours (et compréhensible par des gens “normaux”).

Alex Bortolotti

Bonjour, c’est Alex de WP Marmite !
L
e blog qui vous aide à tirer le meilleur de WordPress depuis 2011.

Je ne sais pas combien de sites vous avez créés jusqu'à présent mais à chaque fois, on passe toujours par les mêmes étapes.

Il y a d’abord l’installation. Puis la recherche du thème, l’ajout d’extensions pour obtenir de nouvelles fonctionnalités, leur configuration. Et, enfin, on se retrousse les manches pour insérer le contenu.

On peut dire que cela correspond à 80% du boulot.

Toutefois, il y a toujours quelque chose qui nous gêne au niveau du rendu.

Par exemple, un réglage que le thème n’a pas prévu. Une extension qui ne s’intègre pas correctement au reste du site. Ou encore un menu qui ne s’affiche pas comme on le souhaite.

Et vous allez être d’accord avec moi : pour régler ça, il n’y a pas d’extension…

Pour réussir à mettre en place tout ce qui vous passe par la tête, la seule solution est de passer par le code.

Même si ce n’est pas catastrophique, il faut avouer que l’accumulation de petites erreurs graphiques fait, qu’au final, le rendu n’est pas très pro.

Malgré tout, leur correction n’est pas aisée et prend souvent du temps.

Le problème est que l’on se sent vite bridé et, au bout d’un moment, on abandonne…

C’est dommage, car vous êtes persuadé que cela pourrait se régler avec 5/6 lignes de CSS.

Pourtant, ce ne sont pas les ressources qui manquent sur Internet.

J’imagine que vous devez déjà les avoir toutes consultées pour tenter de comprendre la logique de ce langage et le fonctionnement du CSS.

Et lorsque j’ai demandé l’avis des lecteurs de la Marmite sur ces “formations”, une grande majorité a fait le même constat :

  • Je n’ai jamais trouvé de cours intuitif et assez motivant.
  • “Formations trop longues.”
  • “Trop théorique, pas mal de choses inutiles, des mots étranges et incompréhensibles dès le début.”
  • Des présentations et des tutos un peu austères et pas dynamiques avec une voix off monotone et une image remplie de ligne de code tout au long de la vidéo. Pour un débutant, en plus d’être incompréhensible, c’est quand même très repoussant.”
  • “Le début était très simple, puis j’arrivais à une sensation de gavage.”
  • “Trop compliqué et trop technique quand on n’est pas développeur, pas du tout adapté.”
  • “Généralement, je fais l’effort de comprendre pendant une heure, et après, je tourne les talons !

Est-ce que cela vous parle ?

Après avoir lu tous ces témoignages, j'étais choqué !

C’est quand même fou. Internet regorge de ressources et pas une ne semble remplir sa mission !

Incroyable, n’est-ce pas ?

Pour tenter de comprendre, j’ai parcouru tout ce que j’ai pu trouver sur Internet.

J’ai tout étudié. Cela allait des sites créés par des geeks, aux tutoriels vidéo sur Youtube, en passant par des cours dispensés sur des plateformes comme OpenClassrooms etc.

Tout y est passé.

C’est à ce moment-là que j’ai compris où était le problème.

Ces ressources veulent TOUT vous expliquer.

On nous raconte que le CSS a été introduit en 1996, puis que des mises à jour ont eu lieu en 1997, 2007, 2011… 😴💤💤💤

Excusez-moi l’expression, mais ON S’EN TAPE !

C’est peut-être sympa pour enrichir votre culture générale, mais personne n’a envie de perdre 3 heures pour savoir comment changer la couleur d’une page, ou la police d’un titre.

Est-ce qu’avant de passer le permis de conduire, on apprend que la première voiture a été inventée par Henry Ford, en 1902 ?

NON !

Est-ce lorsqu’on allume la lumière, on pense à Thomas Edison ?

NON PLUS !

Est-ce que lorsqu’on utilise WordPress, on a une petite pensée pour son fondateur Matt Mullenweg ? 

ENCORE MOINS (Désolé Matt !)

Quand on débute, on peut très bien s’en sortir avec les fondamentaux et approfondir plus tard.

Les puristes voudront toujours pinailler sur des détails mais, au final, cela vous découragera plus qu’autre chose.

Partant de ce constat, je me suis dit qu’il fallait trouver une solution

C’est pourquoi j’ai décidé de mobiliser mon équipe afin de créer une formation pour enseigner les bases du CSS sans bla-bla ni jargon inutile.

Sacré défi. Il faut avouer qu’il y a un côté qui impressionne : c’est du code, donc il y a une certaine complexité.

Ce qui est assez paradoxal, c’est que la plupart des gens aimeraient maîtriser le CSS sans perdre de temps à en connaître les bases…

Autant vous dire que cela ne m’a pas facilité la tâche 😂

Malgré tout, après avoir passé des semaines à retourner le sujet dans tous les sens afin de trouver la meilleure pédagogie possible, nous y sommes arrivés.

Et aujourd’hui, je tiens à partager cette nouvelle méthode d’apprentissage avec vous.

Découvrez CSS Express, le programme pour apprendre les bases du CSS en 15 jours et personnaliser finement les pages de n’importe quel site WordPress.

Alors comment fonctionne CSS Express ?

Contrairement à toutes les ressources que l’on peut trouver en ligne, ce programme a été conçu pour entrer immédiatement dans le vif du sujet.

La formation comporte 3 modules composés de vidéos, de descriptions détaillées et d’exercices interactifs.

Et surtout, je vous inciterai à vous entraîner tout au long de la formation pour vous permettre de comprendre comment ça marche.

Vous pouvez la suivre à votre propre rythme sans aucune limite de temps afin de bien assimiler tout ce que nous verrons.

Laissez-moi vous présenter le contenu des 3 modules de formation.

Module 1 : Les fondamentaux

Durée : 1h20 répartie sur 11 vidéos

Dans ce premier module, vous apprendrez :

  • Ce que l’on peut faire (et ne pas faire) avec le code CSS ;
  • Comment lire et écrire du CSS avec la méthode OQC ;
  • Quelle est la logique de fonctionnement du langage ;
  • Où placer le code CSS sur votre site selon les cas ;
  • Comment utiliser un éditeur de code sans se prendre la tête ;
  • Quel outil utiliser pour éviter de passer des heures à bidouiller ;
  • Ce qu’il faut faire lorsque votre CSS ne veut pas fonctionner.

Rien qu’en parcourant tout ça, vous y verrez déjà beaucoup plus clair.

Nous avons fait le maximum pour que vous puissiez vous dire : “Ah oui, maintenant je comprends !”.

Contrairement à tout ce que l’on peut voir ailleurs, vous aurez la possibilité de mettre en pratique tout ce que vous apprendrez directement sous les vidéos grâce à des exercices interactifs. Regardez :

See the Pen Codepen accueil by Alex (@WPMarmite) on CodePen.

Saisissez votre prénom dans la partie de gauche pour le voir apparaître à droite

Sympa, n’est-ce pas ?

Vous n’aurez pas besoin de créer un site d’exercice ou de bidouiller des fichiers sur votre ordinateur pour vous entraîner, tout se passe directement dans CSS Express !

En ce qui concerne les descriptions, nous avons fait en sorte d’être le plus concis possible et de laisser une plus grande place à l’expérimentation.

La formation ne s’appelle pas CSS Express pour rien 😁

Module 2 : Les propriétés indispensables

Durée : 2h réparties sur 15 vidéos

Ce qui est remarquable avec ce module, c’est que vous n’avez rien à apprendre par coeur, ni besoin de le suivre intégralement !

Parcourez-le si vous avez le temps, et si ce n’est pas le cas, revenez le consulter le jour où vous en aurez besoin.

On peut dire que c’est un module à la carte, si vous voulez. 

Dans ce module, vous apprendrez comment changer l’apparence des éléments d’une page web. Grâce à lui, vous pourrez :

  • Mettre en forme des titres et tous les types de textes ;
  • Définir de nouvelles couleurs là où vous le désirez ;
  • Redimensionner des éléments et les déplacer ;
  • Spécifier des bordures et des arrière-plans ;
  • Ajouter des marges pour aérer vos pages ;
  • Positionner et centrer des éléments à votre guise ;
  • Optimiser votre site pour tous les appareils (responsive) ;
  • Choisir les bonnes unités de dimension et de couleur.

Le jour où vous avez besoin d’effectuer une modification sur un site, vous ouvrez la bonne leçon et hop, vous copiez et adaptez le code dont vous avez besoin et on n’en parle plus !

Voici à quoi ressemble l'intérieur de la formation

Si vous décidez de parcourir ce module en intégralité pour en saisir les grandes lignes, vous verrez que la mise en pratique est au coeur de chaque leçon.

Action : Des petits encarts de ce genre sont disséminés un peu partout dans la formation pour vous faire comprendre qu’il y a une action à accomplir.

Mon objectif est de vous enseigner les bases du CSS, alors je fais tout pour que ça rentre le plus facilement possible 😉

Module 3 : Prenez votre envol

Durée : 35MIN répartiEs sur 8 vidéos

Dans ce dernier module, nous passerons en revue les 7 bonnes pratiques CSS à adopter lorsque l’on personnalise des sites.

À chaque fois, nous étudierons les problématiques, pourquoi il faut y prendre garde et nous verrons comment faire les choses correctement.

Aperçu de CSS Express
Comptez sur moi pour vous guider dans cette jungle

Cela sera assez rapide comparé aux autres modules, mais c’est indispensable pour pouvoir relire votre propre code sans difficultés à l’avenir.

Mon objectif est de vous éviter de vous dire : “Euh… qu’est-ce que j’ai fait déjà ?!”.

Bonus CSS WordPress

Durée : 30MIN répartiEs sur 6 vidéoS

En complément, je vous ai préparé un bonus pour apprendre à personnaliser les moindres recoins de n’importe quel thème WordPress grâce au CSS.

Vous apprendrez à modifier :

  • Toutes les pages selon le contenu qu’elles affichent (accueil, page, catégorie, résultats de recherche etc.) ;
  • Les publications selon leur type et leurs spécificités ;
  • Les menus et leurs sous-menus éventuels ;
  • Les commentaires (ainsi que le formulaire pour les saisir) ;
  • Les widgets s’ils se trouvent en barre latérale ou dans le pied de page.
Démonstration du CSS de WordPress
Je vous explique tout étape par étape

Toutes les vidéos de ce bonus comportent une partie présentation et une partie démonstration, où je me base sur la Marmite.

En complément, vous trouverez des tableaux récapitulatifs avec des exemples pour vous aider à faire vos propres modifications.

Bonus CSS Avancé

Durée : 45MIN répartiEs sur 7 vidéoS

Le CSS permet de faire beaucoup de chose mais je tenais à ne pas TOUT aborder dans le tronc commun de la formation (sinon la promesse d’une formation « Express » ne serait pas tenue).

Ce bonus est uniquement destiné aux personnes qui désirent aller encore plus loin dans la personnalisation de leurs sites.

Nous étudierons des termes plus complexes comme les pseudo-éléments, nous apporterons du dynamisme avec les transitions et nous retournerons en cours de géométrie avec les transformations.

Enfin rassurez-vous, on restera dans l’ambiance de CSS Express avec des explications claires et des exemples interactifs à reproduire facilement.

Dans les 3 dernières vidéos de ce bonus, nous verrons comment ajouter du code CSS pas à pas dans les 3 principaux constructeurs de page du marché :

  • Divi ;
  • Elementor ;
  • Beaver Builder.
Après tout cela, si vous vous sentez d’attaque, nous pourrons nous pencher sur…

Le devoir à rendre

Idéal pour valider vos acquis

Le principe est simple : une fois que vous aurez parcouru intégralement la formation et que vous vous sentirez suffisamment à l’aise avec le CSS, je vous mettrai au défi.

Avec ce devoir, vous validerez vos acquis en appliquant tout ce que nous aurons vu au cours de la formation avec un cas concret.

Une fois le devoir rendu, vous aurez accès à une correction vidéo, ainsi qu’à une correction individuelle, pour comprendre quels sont les points à travailler par la suite.

Oserez-vous affronter le devoir final ?
Oserez-vous affronter le devoir final ?

Si vous obtenez plus de 75% de réussite, vous recevrez l’attestation de réussite de CSS Express.

Vous pouvez rendre le devoir quand vous vous sentirez prêt. Par contre, vous ne pourrez soumettre votre devoir qu’une seule fois, alors prenez votre temps car il n’y aura pas de seconde chance.

À qui s'adresse la formation ?

CSS Express sera parfait pour tous les créateurs de sites WordPress (blogs, sites vitrines, sites associatifs, boutiques en ligne, startups etc.) qui ne se sentent pas à l’aise avec le code CSS.

Si vous avez déjà de l’expérience dans le développement web et l’intégration, ne vous inscrivez pas. Vous n’apprendrez rien de nouveau. Ce programme s’adresse uniquement aux débutants.

En revanche, si vous n’êtes pas satisfait du rendu actuel de vos sites, et que les ressources disponibles sur Internet ne vous ont pas permis d’acquérir les fondamentaux, ce programme est fait pour vous.

Grâce à CSS Express vous allez :

  • Personnaliser des thèmes WordPress plus facilement et en tâtonnant moins ;
  • Améliorer l’affichage des extensions qui ne s’intègrent pas toujours parfaitement au reste du site ;
  • Répondre plus précisément aux demandes de vos clients si vous proposez des prestations de création de sites ;
  • Gagner en autonomie et comprendre rapidement le fonctionnement du CSS ;
  • Éviter de passer des heures à faire des recherches sur Google pour trouver un code miracle à copier-coller (sans rien comprendre).

Bien entendu, un minimum d’implication de votre part est requis pour faire de réels progrès.

Le simple fait de vous inscrire ne va pas vous transformer en expert du CSS du jour au lendemain. Cela doit vous sembler évident mais je tiens à le rappeler.

Toute l’équipe a mis le paquet en terme de pédagogie et de mise en pratique pour concevoir ce programme, mais nous ne pourrons pas faire les choses à votre place.

CSS Express est garanti 30 jours satisfait ou remboursé

C’est très simple, si vous avez besoin d’apprendre à personnaliser l’apparence de sites WordPress, inscrivez-vous à la formation, parcourez-la intégralement, et mettez-la en pratique.

En 15 jours, vous aurez de quoi assimiler les grands principes du CSS et faire vos premières modifications sans trop de difficulté.

Eh bien je vous propose une garantie de remboursement qui s’étend sur 30 jours (soit le double de la durée requise pour suivre la formation). Ce qui vous laisse largement le temps de vous faire un avis.

Si jamais vous estimez ne rien avoir appris ou que la pédagogie ne vous correspond pas, je vous invite à demander un remboursement intégral.

Mon objectif est de vous aider à progresser. Si ce n’est pas le cas, je ne veux pas de votre argent. J’estime que cela doit être du gagnant-gagnant. Tout le monde doit y trouver son compte, l’étudiant comme le formateur.

Avant de me lancer dans la création de CSS Express, je pensais que les ressources actuelles étaient suffisantes pour se former. C’est en échangeant avec les lecteurs que je me suis rendu compte qu’il fallait plancher sur une véritable formation.

Avec mon équipe, nous avons travaillé pendant des mois pour trouver ce qui méritait réellement de figurer dans le programme, afin de ne pas vous noyer sous des tonnes d’informations inutiles (comme les autres ressources).

Quand nous sommes tombés d’accord sur la pédagogie, j’ai tourné les vidéos de chaque module en HD et nous avons rédigé chaque description avec le plus grand soin (et en y insérant un maximum d’exemples et d’exercices pour placer la pratique au coeur de ce programme).

Nous avons fait tous ces efforts pour que CSS Express soit la meilleure formation possible et que vous puissiez personnaliser n’importe quel thème WordPress sans avoir la migraine.

Donc si vous n’êtes pas satisfait 30 jours après la date de votre commande, envoyez-moi un simple email et vous serez remboursé.

Inscrivez-vous et voyez par vous-même.

Choisissez votre formule

Et commencez à vous former immédiatement.

CSS Express
Formule Basique​

Formez-vous à votre rythme
147
  • Suivez les 3 modules de formation
  • Entraînez-vous avec les exercices
  • Obtenez des réponses à vos questions
  • Bénéficiez d’un accès À VIE
  • Profitez du bonus CSS WordPress
  • Allez plus loin avec le bonus CSS Avancé
  • Mettez en pratique avec le devoir corrigé
  • Tentez de décrocher l’attestation de réussite

CSS Express
Formule Complète​

Validez vos connaissances avec le devoir
297
  • Suivez les 3 modules de formation
  • Entraînez-vous avec les exercices
  • Obtenez des réponses à vos questions
  • Bénéficiez d’un accès À VIE
  • Profitez du bonus CSS WordPress
  • Allez plus loin avec le bonus CSS Avancé
  • Mettez en pratique avec le devoir corrigé
  • Tentez de décrocher l’attestation de réussite
Recommandé

CSS Express est vendu sur le Chaudron, qui est la plateforme de vente de WP Marmite. Il est possible de régler par carte bancaire. Si vous ne résidez pas en France, le prix peut varier selon le taux de TVA de votre pays.

Paiement sécurisé à 100% par :

Des questions sur CSS Express ?

Mon objectif est de vous aider à prendre la bonne décision en fonction de vos attentes et problématiques. Parcourez-les et voyez si CSS Express peut vous convenir.

Est-ce que CSS Express va m’aider si j’utilise un thème à tout faire (comme Divi) ?

OUI. Bien que ces thèmes comportent un grand nombre d’options, il y a toujours des choses à optimiser (l’intégration d’extensions par exemple).

D’ailleurs, si ces thèmes proposent des champs CSS additionnels, ce n’est pas pour rien 🙂

La formation CSS Express est-elle utile si j’utilise un constructeur de page (comme Elementor ou Beaver Builder) ?

OUI. Les réglages proposés par les constructeurs de page (page builder) ne permettent pas de TOUT faire. À un moment, vous serez obligé d’ajouter du CSS pour finaliser vos pages (remarquez qu’ils intègrent aussi des champs CSS additionnels).

Et pour tout vous dire, cette page a été conçue avec Elementor et j’ai dû utiliser du CSS personnalisé à plusieurs reprises.

Est-ce que CSS Express va m’aider si je ne crée que mon site personnel ?

OUI. Tous les sites ont besoin de CSS complémentaire pour être pleinement optimisés. Que ce soit un site personnel, professionnel ou associatif.

Est-ce que CSS Express va m’aider si je crée des sites pour des clients ?

OUI. Vous le savez, les clients sont exigeants. On est souvent amené à installer de nombreuses extensions et il faut que le rendu soit impeccable.

Dans le cas contraire, le site du client risque de ne pas paraître comme professionnel si des erreurs graphiques sont disséminées un peu partout.

Si vous n’êtes pas assez satisfait des sites que vous livrez, CSS Express vous aidera à mieux les personnaliser.

J’ai déjà lu Relooker son Thème, est-ce recommandé de suivre CSS Express ?

CELA DÉPEND. CSS Express est un excellent complément de Relooker son Thème, car nous allons revoir et approfondir la partie sur le CSS en vidéo avec des exercices interactifs. On sort vraiment du cadre de l’ebook.

Après, si vous estimez être assez à l’aise en CSS grâce à Relooker son Thème, vous n’avez pas besoin d’investir dans CSS Express.

Est-ce que CSS Express est éligible aux budgets de formation ?

NON. Cette formation n’est pas éligible au CPF ou tout autre dispositif de financement. Si vous êtes salarié, vous pouvez néanmoins demander à ce que votre employeur la prenne en charge.

Est-ce que CSS Express comprend du support ou du coaching ?

NON. CSS Espress est un programme de formation sur lequel vous pourrez poser toutes vos questions en relation avec les différents cours.

En revanche, l’équipe de la Marmite ne pourra pas intervenir directement sur votre site ni vous proposer une formation personnalisée.

Puis-je obtenir un remboursement si je ne suis pas satisfait de CSS Express ?

OUI. J’espère que vous n’en arriverez pas à un tel avis mais comme la garantie le stipule, il vous suffit de m’envoyer un simple email pour me demander un remboursement dans les 30 jours suivants votre commande.

Je veux que vous soyez pleinement satisfait de votre investissement, donc si cela ne vous convient pas, je vous rembourse. C’est aussi simple que ça.

Quelle formule dois-je choisir ?

CELA DÉPEND. J’imagine que vous me voyez venir 😁 Je vous conseille bien entendu la formule complète afin de pouvoir valider vos connaissances à l’issue de la formation et obtenir l’attestation de réussite.

Après, si vous estimez pouvoir travailler en autonomie, la formule basique sera très bien aussi.

Puis-je passer de la formule basique à la formule complète ?

OUI. Si vous optez pour la formule basique et que souhaitez tenter de décrocher l’attestation de réussite, vous pourrez migrer vers la formule complète en ne réglant que la différence.

Ai-je d’autres options pour me former au CSS ?

BIEN SÛR. Comme nous l’avons vu, il existe des dizaines d’autres ressources disponibles sur Internet pour vous former au CSS.

Nous avons interrogé des centaines de lecteurs et il s’avère qu’il n’y ont pas trouvé leur compte (il y avait trop de théorie, trop de jargon, pas assez de pratique, pas de réponses à leurs questions et ce n’était pas optimisé pour WordPress).

Vous pouvez aussi acheter des livres, ce n’est pas ce qui manque sur Amazon. Cela dit, un livre n’est pas vraiment interactif et vous ne pourrez pas échanger avec quelqu’un si vous ne comprenez pas.

Il y a les formations en présentiel également. Échanger directement avec le formateur est très bien mais cela ne se concentre que sur 2 ou 3 jours et après c’est terminé. Sans oublier le coût qui est bien plus élevé (généralement au dessus de 1000€)

Quel est le délai pour suivre et terminer la formation?

La formation CSSExpress n’est soumise à aucune limite de temps. Vous pouvez donc suivre les modules à votre rythme, faire des pauses et revenir plus tard si vous en avez envie. 

Vous pouvez vous former le weekend prochain ou lors de vos prochaines vacances, c’est vous qui voyez.

Avec CSS Express, vous disposez d'un accès à vie pour vous former tout en pouvant échanger avec le support en cas de besoin.

Si vous désirez réellement développer vos compétences en CSS, il est temps de prendre une décision.

Bien entendu, elle vous appartient.

Vous avez pris le temps de parcourir l’intégralité de cette page, alors ne tardez plus et commencez à vous former dès maintenant.

Vous êtes protégé avec la garantie satisfait ou remboursé de 30 jours alors que vous pouvez parcourir l’intégralité de la formation en 15 jours. J’ai tout fait pour que vous ne courriez aucun risque.

Imaginez les sites que vous serez capable de faire une fois que vous maîtriserez les bases du CSS. Allez-vous encore repousser l’échéance ? C’est à vous de voir.

Oui ! Je veux un accès à vie à CSS Express

Voilà, à présent vous avez toutes les cartes en main pour décider si CSS Express peut vous aider à personnaliser des thèmes WordPress plus facilement et en tâtonnant moins. Rejoignez-nous et commencez à vous former.

Il vous reste

jours,
heures,
min,
sec

avant la fin de la seconde offre de lancement

Paiement sécurisé à 100%

Si vous avez la moindre question à propos de ce programme, contactez-nous via support@wpmarmite.com. Nous serons ravi de vous aider 😉

diam ut consectetur Donec amet, efficitur. quis vel,