{"id":2538,"date":"2016-03-05T19:05:04","date_gmt":"2016-03-05T18:05:04","guid":{"rendered":"http:\/\/olivier.hoarau.org\/?p=2538"},"modified":"2016-03-05T19:11:35","modified_gmt":"2016-03-05T18:11:35","slug":"theme-wordpress-twenty-fourteen","status":"publish","type":"post","link":"https:\/\/olivier.hoarau.org\/?p=2538","title":{"rendered":"Th\u00e8me WordPress Twenty Fourteen"},"content":{"rendered":"<p style=\"text-align: justify;\">Je suis pass\u00e9 au th\u00e8me <a href=\"https:\/\/fr.wordpress.org\/themes\/twentyfourteen\/\">wordpress twenty fourteen<\/a> histoire de changer un petit peu le look de mon blog. J&rsquo;ai donc repris toutes mes banni\u00e8res qui sont issues des photos qu&rsquo;on peut trouver dans <a href=\"http:\/\/olivier.hoarau.org\/?page_id=1007\">ma galerie photo<\/a>. Pour activer les articles \u00e0 la une,\u00a0 il faut choisir et \u00e9diter l&rsquo;article, au niveau de la cartouche Publier, on d\u00e9veloppe Visibilit\u00e9 et on coche \u00ab\u00a0Mettre cet article en avant sur la page d&rsquo;accueil\u00a0\u00bb.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/olivier.hoarau.org\/?attachment_id=2539\" rel=\"attachment wp-att-2539\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2539\" src=\"https:\/\/i0.wp.com\/olivier.hoarau.org\/wp-content\/uploads\/article-une.jpg?resize=313%2C525\" alt=\"article-une\" width=\"313\" height=\"525\" srcset=\"https:\/\/i0.wp.com\/olivier.hoarau.org\/wp-content\/uploads\/article-une.jpg?w=313&amp;ssl=1 313w, https:\/\/i0.wp.com\/olivier.hoarau.org\/wp-content\/uploads\/article-une.jpg?resize=179%2C300&amp;ssl=1 179w\" sizes=\"auto, (max-width: 313px) 100vw, 313px\" \/><\/a>Ce n&rsquo;est pas fini, il faut associer maintenant une photo qui appara\u00eetra dans le bandeau des articles mis en avant. Toujours dans l&rsquo;\u00e9dition de l&rsquo;article au niveau de la cartouche Image \u00e0 la Une, on va choisir une photo dans la biblioth\u00e8que d&rsquo;image d&rsquo;une taille suffisante pour remplir la zone des articles \u00e0 la une de la premi\u00e8re page.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/olivier.hoarau.org\/?attachment_id=2540\" rel=\"attachment wp-att-2540\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2540\" src=\"https:\/\/i0.wp.com\/olivier.hoarau.org\/wp-content\/uploads\/image-une.jpg?resize=291%2C265\" alt=\"image-une\" width=\"291\" height=\"265\" \/><\/a>maintenant au niveau de la configuration du th\u00e8me j&rsquo;ai choisi diaporama plut\u00f4t que grille.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/olivier.hoarau.org\/?attachment_id=2541\" rel=\"attachment wp-att-2541\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2541\" src=\"https:\/\/i0.wp.com\/olivier.hoarau.org\/wp-content\/uploads\/contenu-une.jpg?resize=294%2C478\" alt=\"contenu-une\" width=\"294\" height=\"478\" srcset=\"https:\/\/i0.wp.com\/olivier.hoarau.org\/wp-content\/uploads\/contenu-une.jpg?w=294&amp;ssl=1 294w, https:\/\/i0.wp.com\/olivier.hoarau.org\/wp-content\/uploads\/contenu-une.jpg?resize=185%2C300&amp;ssl=1 185w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/a>Il y a quand m\u00eame un petit d\u00e9faut dans le th\u00e8me, les pages avec un affichage plein \u00e9cran ne remplissent pas tout l&rsquo;\u00e9cran. Elles sont limit\u00e9es \u00e0 474 pixels. Pour rectifier cela, il faut \u00e9diter le fichier style.css qu&rsquo;on trouvera sous wp-content\/themes\/twentyfourteen. Au lieu de<\/p>\n<blockquote>\n<div>.site-content.entry-header,<br \/>\n.site-content .entry-content,<br \/>\n.site-content .entry-summary,<br \/>\n.site-content .entry-meta,<br \/>\n.page-content {<br \/>\nmargin: 0 auto;<br \/>\nmax-width: 80%;<br \/>\n}<\/div>\n<\/blockquote>\n<p style=\"text-align: justify;\">on \u00e9crit<\/p>\n<blockquote>\n<div>.site-content.entry-header,<br \/>\n.site-content .entry-content,<br \/>\n.site-content .entry-summary,<br \/>\n.site-content .entry-meta,<br \/>\n.page-content {<br \/>\nmargin: 0 auto;<br \/>\nmax-width: 474px;<br \/>\n}<\/div>\n<\/blockquote>\n<p>et le tour est jou\u00e9. Maintenant pour modifier les couleurs du th\u00e8me j&rsquo;ai install\u00e9 l&rsquo;extension<a href=\"https:\/\/fr.wordpress.org\/plugins\/fourteen-colors\/\"> fourteen colors<\/a>. La configuration se passe au niveau de la personnalisation de la couleur du th\u00e8me.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/olivier.hoarau.org\/?attachment_id=2542\" rel=\"attachment wp-att-2542\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2542\" src=\"https:\/\/i0.wp.com\/olivier.hoarau.org\/wp-content\/uploads\/fourteen-colors.jpg?resize=288%2C420\" alt=\"fourteen-colors\" width=\"288\" height=\"420\" srcset=\"https:\/\/i0.wp.com\/olivier.hoarau.org\/wp-content\/uploads\/fourteen-colors.jpg?w=288&amp;ssl=1 288w, https:\/\/i0.wp.com\/olivier.hoarau.org\/wp-content\/uploads\/fourteen-colors.jpg?resize=206%2C300&amp;ssl=1 206w\" sizes=\"auto, (max-width: 288px) 100vw, 288px\" \/><\/a>Dans la personnalisation du th\u00e8me j&rsquo;ai activ\u00e9 la barre lat\u00e9rale de contenu et j&rsquo;ai rajout\u00e9 un widget <a href=\"http:\/\/olivier.hoarau.org\/?p=2247\">nextcellent gallery<\/a> avec des photos en vignettes. Puis j&rsquo;ai mis des vid\u00e9os issues de <a href=\"https:\/\/www.youtube.com\/user\/funixOH\">ma page youtube<\/a> tout simplement en rajoutant le code d&rsquo;insertion des vid\u00e9os dans un widget texte HTML.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/olivier.hoarau.org\/?attachment_id=2545\" rel=\"attachment wp-att-2545\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2545\" src=\"https:\/\/i0.wp.com\/olivier.hoarau.org\/wp-content\/uploads\/widget-text.jpg?resize=273%2C597\" alt=\"widget-text\" width=\"273\" height=\"597\" srcset=\"https:\/\/i0.wp.com\/olivier.hoarau.org\/wp-content\/uploads\/widget-text.jpg?w=273&amp;ssl=1 273w, https:\/\/i0.wp.com\/olivier.hoarau.org\/wp-content\/uploads\/widget-text.jpg?resize=137%2C300&amp;ssl=1 137w\" sizes=\"auto, (max-width: 273px) 100vw, 273px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">\n","protected":false},"excerpt":{"rendered":"<p>Je suis pass\u00e9 au th\u00e8me wordpress twenty fourteen histoire de changer un petit peu le look de mon blog. J&rsquo;ai donc repris toutes mes banni\u00e8res qui sont issues des photos qu&rsquo;on peut trouver dans ma galerie photo. Pour activer les articles \u00e0 la une,\u00a0 il faut choisir et \u00e9diter l&rsquo;article, au niveau de la cartouche &hellip; <a href=\"https:\/\/olivier.hoarau.org\/?p=2538\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Th\u00e8me WordPress Twenty Fourteen<\/span>  <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false,"_share_on_mastodon":"0"},"categories":[5,11],"tags":[],"class_list":["post-2538","post","type-post","status-publish","format-standard","hentry","category-logiciels-libres","category-vie-de-ce-blog"],"share_on_mastodon":{"url":"","error":""},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/peOjJ-EW","jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/olivier.hoarau.org\/index.php?rest_route=\/wp\/v2\/posts\/2538","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/olivier.hoarau.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/olivier.hoarau.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/olivier.hoarau.org\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/olivier.hoarau.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2538"}],"version-history":[{"count":3,"href":"https:\/\/olivier.hoarau.org\/index.php?rest_route=\/wp\/v2\/posts\/2538\/revisions"}],"predecessor-version":[{"id":2546,"href":"https:\/\/olivier.hoarau.org\/index.php?rest_route=\/wp\/v2\/posts\/2538\/revisions\/2546"}],"wp:attachment":[{"href":"https:\/\/olivier.hoarau.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2538"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/olivier.hoarau.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2538"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/olivier.hoarau.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2538"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}