{"id":2029,"date":"2017-12-21T18:09:18","date_gmt":"2017-12-21T17:09:18","guid":{"rendered":"https:\/\/wcamp.paris\/propositions\/proposition\/developper-son-premier-theme-wordpress-a-partir-dune-maquette-html-css\/"},"modified":"2018-04-29T07:15:05","modified_gmt":"2018-04-29T05:15:05","slug":"developper-son-premier-theme-wordpress-a-partir-dune-maquette-html-css","status":"publish","type":"wcb_session","link":"https:\/\/paris.wordcamp.org\/2018\/session\/developper-son-premier-theme-wordpress-a-partir-dune-maquette-html-css\/","title":{"rendered":"D\u00e9velopper son premier th\u00e8me WordPress \u00e0 partir d&rsquo;une maquette HTML\/CSS"},"content":{"rendered":"<p>Apprenez comment d\u00e9velopper un th\u00e8me WordPress simple en partant d&rsquo;un template HTML\/CSS.<\/p>\n<p>L&rsquo;objectif est de comprendre les fondamentaux et les bonnes pratiques de d\u00e9veloppement de th\u00e8mes WordPress :<\/p>\n<ul>\n<li>Faire appara\u00eetre son th\u00e8me dans l&rsquo;administration de WordPress<\/li>\n<li>Organiser les fichiers du th\u00e8me de fa\u00e7on claire et lisible.<\/li>\n<li>Comment WordPress choisit les templates (mod\u00e8les de pages) \u00e0 utiliser<\/li>\n<li>Charger les ressources CSS\/JS correctement<\/li>\n<li>Mettre en place la boucle de WordPress (responsable de l&rsquo;affichage du contenu), les menus, les zones de widgets.<\/li>\n<li>Utiliser les templates tags de WordPress pour afficher les informations n\u00e9cessaires, et cr\u00e9er ses propres templates tags.<\/li>\n<li>S&rsquo;assurer que le th\u00e8me est s\u00e9curis\u00e9, traduisible et accessible.<\/li>\n<\/ul>\n<p>Si le temps le permet, on pourra plonger dans des sujets plus avanc\u00e9s, comme :<\/p>\n<ul>\n<li>Mettre en place les fonctionnalit\u00e9s comme l&rsquo;image d&rsquo;ent\u00eate personnalis\u00e9e, le logo personnalis\u00e9, etc&#8230;<\/li>\n<li>Comment int\u00e9grer le th\u00e8me \u00e0 l&rsquo;outil de personnalisation de WordPress.<\/li>\n<\/ul>\n<p>Le but est que les utilisateurs\/d\u00e9veloppeurs voulant d\u00e9velopper un th\u00e8me repartent avec une m\u00e9thode simple, pas \u00e0 pas et une bonne appr\u00e9hension des sp\u00e9cificit\u00e9s de d\u00e9veloppement de th\u00e8me pour WordPress.<\/p>\n<p>Le th\u00e8me d\u00e9velopp\u00e9 ne sera donc pas d&rsquo;une complexit\u00e9 \u00e9lev\u00e9e, au contraire, mais permettra d&rsquo;avoir la vue d&rsquo;ensemble la plus compl\u00e8te possible du process et des bonnes pratiques de d\u00e9veloppement.<\/p>\n<p>Le code source du prototype HTML\/CSS ainsi que le th\u00e8me \u00e0 diff\u00e9rentes \u00e9tapes de son d\u00e9veloppement seront disponibles sur GitHub.<\/p>\n<p>Pr\u00e9requis pour tirer le maximum de l&rsquo;atelier :<\/p>\n<ul>\n<li>Des connaissances de base en HTML\/CSS\/PHP. JavaScript pas forc\u00e9ment n\u00e9cessaire.<\/li>\n<li>Un environnement de d\u00e9veloppement WordPress local (MAMP \/ Local by Flywheel \/ Bitnami, etc&#8230;)<\/li>\n<li>Un \u00e9diteur de code (VS Code, Atom, etc&#8230;)<\/li>\n<\/ul>\n<h2>La pr\u00e9sentation<\/h2>\n<iframe loading=\"lazy\" src=\"https:\/\/drive.google.com\/file\/d\/1mnPdCFm9TQ_mXkm-G6pLtaG1q-SCWSGe\/preview?\" frameborder=\"0\" width=\"525\" height=\"569\" marginheight=\"0\" marginwidth=\"0\" allowfullscreen=\"true\" mozallowfullscreen=\"true\" webkitallowfullscreen=\"true\"><\/iframe>\n<h2>La vid\u00e9o en HD<\/h2>\n<p><iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='525' height='295' src='https:\/\/video.wordpress.com\/embed\/Zo589fKR?hd=0&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1674852142'><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez comment d\u00e9velopper un th\u00e8me WordPress simple en partant d&rsquo;un template HTML\/CSS. L&rsquo;objectif est de comprendre les fondamentaux et les bonnes pratiques de d\u00e9veloppement de th\u00e8mes WordPress : Faire appara\u00eetre son th\u00e8me dans l&rsquo;administration de WordPress Organiser les fichiers du th\u00e8me de fa\u00e7on claire et lisible. Comment WordPress choisit les templates (mod\u00e8les de pages) \u00e0 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/paris.wordcamp.org\/2018\/session\/developper-son-premier-theme-wordpress-a-partir-dune-maquette-html-css\/\" class=\"more-link\">Continuer la lecture<span class=\"screen-reader-text\"> de &laquo;&nbsp;D\u00e9velopper son premier th\u00e8me WordPress \u00e0 partir d&rsquo;une maquette HTML\/CSS&nbsp;&raquo;<\/span><\/a><\/p>\n","protected":false},"author":14147418,"featured_media":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_wcpt_session_time":1520602200,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[2028],"footnotes":""},"session_track":[215872],"session_category":[185,29729],"class_list":["post-2029","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-ateliers","wcb_session_category-design","wcb_session_category-technique"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p91XyD-wJ","session_date_time":{"date":"09\/03\/2018","time":"14:30"},"session_speakers":[{"id":"2028","slug":"vincent-dubroeucq","name":"Vincent Dubroeucq","link":"https:\/\/paris.wordcamp.org\/2018\/speaker\/vincent-dubroeucq\/"}],"session_cats_rendered":"design, Technique","_links":{"self":[{"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/2029","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":4,"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/2029\/revisions"}],"predecessor-version":[{"id":5205,"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/2029\/revisions\/5205"}],"speakers":[{"embeddable":true,"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/speakers\/2028"}],"author":[{"embeddable":true,"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wporg\/v1\/users\/vincentdubroeucq"}],"wp:attachment":[{"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/media?parent=2029"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_track?post=2029"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/paris.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_category?post=2029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}