{"id":403,"date":"2024-06-25T17:06:45","date_gmt":"2024-06-25T15:06:45","guid":{"rendered":"https:\/\/wp-dsfr.fr\/demo\/?page_id=403"},"modified":"2024-09-02T13:27:02","modified_gmt":"2024-09-02T11:27:02","slug":"media-et-texte","status":"publish","type":"page","link":"https:\/\/wp-dsfr.fr\/demo\/liste-des-blocs-wordpress-du-dsfr\/media-et-texte\/","title":{"rendered":"M\u00e9dia et texte"},"content":{"rendered":"\n

M\u00e9dia et texte<\/h1>\n\n\n\n

Le bloc M\u00e9dia & texte<\/strong> vous permet de placer une image ou une vid\u00e9o c\u00f4te \u00e0 c\u00f4te avec des blocs contenant du texte (paragraphes, titres, listes, boutons, etc.). Ce bloc peut avoir trois largeurs diff\u00e9rentes : pleine, grande ou normale.<\/p>\n\n\n\n

Vous pouvez \u00e9galement aligner verticalement votre contenu en haut, au milieu ou en bas. Ainsi qu’afficher le m\u00e9dia \u00e0 gauche ou \u00e0 droite, et modifier la taille du m\u00e9dia en %.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Exemple de m\u00e9dia et texte<\/h2>\n\n\n\n
\"\"<\/figure>
\n

Largeur normale avec une image, texte align\u00e9 en haut<\/h2>\n\n\n\n
\n
Action \u00e0 faire<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
<\/div>\n\n\n\n
\n

Grande largeur avec une vid\u00e9o, texte align\u00e9 au centre<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/div>

<\/div>\n\n\n\n
\"\"<\/figure>
\n

Pleine largeur<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<\/p>\n<\/div><\/div>\n\n\n\n

<\/div>\n\n\n\n

Personnalisation de la taille du m\u00e9dia <\/h2>\n\n\n\n
\"\"<\/figure>
\n

M\u00e9dia \u00e0 66%<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.<\/p>\n\n\n\n

\n
Action \u00e0 faire<\/a><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n
\"\"<\/figure>
\n

M\u00e9dia \u00e0 50%<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.<\/p>\n<\/div><\/div>\n\n\n\n

\"\"<\/figure>
\n

M\u00e9dia \u00e0 40 %<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

M\u00e9dia et texte Le bloc M\u00e9dia & texte vous permet de placer une image ou une vid\u00e9o c\u00f4te \u00e0 c\u00f4te avec des blocs contenant du texte (paragraphes, titres, listes, boutons, etc.). Ce bloc peut avoir trois largeurs diff\u00e9rentes : pleine, grande ou normale. Vous pouvez \u00e9galement aligner verticalement votre contenu en haut, au milieu ou en bas. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":30,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/empty-page.php","meta":{"footnotes":""},"class_list":["post-403","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/403","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/comments?post=403"}],"version-history":[{"count":3,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/403\/revisions"}],"predecessor-version":[{"id":490,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/403\/revisions\/490"}],"up":[{"embeddable":true,"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/pages\/30"}],"wp:attachment":[{"href":"https:\/\/wp-dsfr.fr\/demo\/wp-json\/wp\/v2\/media?parent=403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}