{"id":37,"date":"2021-12-15T12:48:58","date_gmt":"2021-12-15T12:48:58","guid":{"rendered":"https:\/\/itu-app42363.pagelyhosting.com\/how\/?page_id=37"},"modified":"2024-04-11T09:44:22","modified_gmt":"2024-04-11T09:44:22","slug":"elements-wordpress","status":"publish","type":"page","link":"https:\/\/itu-app42363.pagelyhosting.com\/how\/elements-wordpress\/","title":{"rendered":"Elements &#038; Blocks"},"content":{"rendered":"    <div class=\"ituContainer grid\">\n        <div data-span=\"12\">\n                            <div class=\"ituContainer\">\n<div class=\"wp-block-columns eplus-wrapper is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\"><div class=\"ituContainer\">\n<div class=\"wp-block-column eplus-wrapper is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><div class=\"ituContainer\">\n<h2 class=\"wp-block-heading eplus-wrapper\" id=\"itu-wordpress-elements-and-build-procedure\">ITU &amp; WordPress elements and build procedure: <\/h2>\n<\/div>\n\n<div class=\"ituContainer\">\n<p class=\"eplus-wrapper wp-block-paragraph\">To be aligned with other ITU sites: <strong>1 &#8211;<\/strong> Banner <span class=\"eplus-icon\"><span data-style=\"{&quot;enabled&quot;:false,&quot;color&quot;:&quot;rgb(6, 147, 227)&quot;,&quot;iconBackground&quot;:false,&quot;activeIcon&quot;:&quot;&quot;,&quot;iconBackgroundColor&quot;:&quot;&quot;,&quot;iconBorder&quot;:false,&quot;iconBorderColor&quot;:&quot;&quot;,&quot;iconBorderRadius&quot;:0}\" class=\"eplus-icon eplusicon-chevron-right\" style=\"color:rgb(6, 147, 227);border-radius:0px;\"><\/span><\/span> <strong> 2 &#8211;<\/strong> Section <strong>3 &#8211; <\/strong>Grouped elements and WordPress default tools <\/p>\n<\/div>\n\n<div class=\"ituContainer\">\n<p class=\"eplus-wrapper wp-block-paragraph\"><strong>These different elements and tools are located in the + button in the edit mode<\/strong><\/p>\n<\/div><\/div>\n<\/div><\/div>\n<\/div>                            \n<div class=\"wp-block-uagb-tabs uagb-block-21f71b26 uagb-tabs__wrap uagb-tabs__hstyle1-desktop uagb-tabs__vstyle6-tablet uagb-tabs__vstyle6-mobile\" data-tab-active=\"0\"><ul class=\"uagb-tabs__panel uagb-tabs__align-left\" role=\"tablist\"><li class=\"uagb-tab uagb-tabs__active\" role=\"none\"><a href=\"#uagb-tabs__tab0\" class=\"uagb-tabs-list uagb-tabs__icon-position-left\" data-tab=\"0\" role=\"tab\"><div>Banners<\/div><\/a><\/li><li class=\"uagb-tab \" role=\"none\"><a href=\"#uagb-tabs__tab1\" class=\"uagb-tabs-list uagb-tabs__icon-position-left\" data-tab=\"1\" role=\"tab\"><div>Sections \/ Cards \/ Columns<\/div><\/a><\/li><li class=\"uagb-tab \" role=\"none\"><a href=\"#uagb-tabs__tab2\" class=\"uagb-tabs-list uagb-tabs__icon-position-left\" data-tab=\"2\" role=\"tab\"><div>Grouped elements<\/div><\/a><\/li><li class=\"uagb-tab \" role=\"none\"><a href=\"#uagb-tabs__tab3\" class=\"uagb-tabs-list uagb-tabs__icon-position-left\" data-tab=\"3\" role=\"tab\"><div>WP Default elements<\/div><\/a><\/li><\/ul><div class=\"uagb-tabs__body-wrap\">\n<div class=\"wp-block-uagb-tabs-child uagb-tabs__body-container uagb-inner-tab-0\" aria-labelledby=\"uagb-tabs__tab0\"><div class=\"ituContainer\">\n<figure id=\"banners\" class=\"wp-block-table\"><table><thead><tr><th>Preview<\/th><th>Element<\/th><th>Description<\/th><th>Links<\/th><\/tr><\/thead><tbody><tr><td><img decoding=\"async\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2021\/12\/banner-home-exemple.png\" alt=\"\" style=\"width: 120px;\"><\/td><td><strong>Banner Homepage<\/strong><\/td><td>Banner with background image and built-in countdown<\/td><td><a href=\"\/how\/banner-homepage\/\">Documentation<\/a><\/td><\/tr><tr><td><img decoding=\"async\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2021\/12\/banner-mainpage-exemple.png\" alt=\"\" style=\"width: 120px;\"><\/td><td><strong>Banner Mainpage<\/strong><\/td><td><strong>*<\/strong> Banner with background image and title<\/td><td><a href=\"\/how\/elements-wordpress\/banner\/\">Documentation<\/a><\/td><\/tr><tr><td><img decoding=\"async\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2021\/12\/Banner-information-exemple.png\" alt=\"\" style=\"width: 120px;\"><\/td><td><strong>Banner Information<\/strong><\/td><td><strong>*<\/strong> Banner with background image, title, description, and button<\/td><td>Documentation<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"32\" class=\"wp-image-410\" style=\"width: 120px;\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-5.png\" alt=\"\" srcset=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-5.png 1198w, https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-5-300x81.png 300w, https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-5-1024x277.png 1024w, https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-5-768x208.png 768w, https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-5-50x14.png 50w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/td><td><strong>Banner <\/strong><br><strong>Event<\/strong><\/td><td>Banner with background image, event image, title, description, date, location. add to calendar button, live webcast button and Announcement zone<\/td><td>Documentation<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"29\" class=\"wp-image-411\" style=\"width: 120px;\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-6.png\" alt=\"\" srcset=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-6.png 1197w, https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-6-300x71.png 300w, https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-6-1024x244.png 1024w, https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-6-768x183.png 768w, https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-6-50x12.png 50w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/td><td><strong>Banner<br>Parallaxe<\/strong><\/td><td>Banner with background image, title and button<\/td><td>Documentation<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"37\" class=\"wp-image-412\" style=\"width: 120px;\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-7.png\" alt=\"\" srcset=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-7.png 1267w, https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-7-300x93.png 300w, https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-7-1024x318.png 1024w, https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-7-768x238.png 768w, https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2024\/04\/image-7-50x16.png 50w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/td><td><strong>Banner<br>Elected<\/strong><\/td><td>Banner with background image, title, description,<\/td><td>Documentation<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\"><strong>* <em>no longer used since ITU Theme 2.0<\/em><\/strong><\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-tabs-child uagb-tabs__body-container uagb-inner-tab-1\" aria-labelledby=\"uagb-tabs__tab1\"><div class=\"ituContainer\">\n<figure id=\"sections\" class=\"wp-block-table\"><table><thead><tr><th>Preview<\/th><th>Element<\/th><th>Description<\/th><th>Links<\/th><\/tr><\/thead><tbody><tr><td><img decoding=\"async\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2021\/12\/image-6.png\" alt=\"\" style=\"width: 120px;\"><\/td><td><strong>ITU Section<\/strong><\/td><td>This element defines the margins.<br>It also allows you to group other elements.<\/td><td>Documentation<\/td><\/tr><tr><td><img decoding=\"async\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2021\/12\/image-7.png\" alt=\"\" style=\"width: 120px;\"><\/td><td><strong>Cards Group<\/strong><\/td><td>This element allows you to group elements like : cards icone, timeline, highlights, links<\/td><td>Documentation<\/td><\/tr><tr><td><img decoding=\"async\" style=\"width: 120px;\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2022\/11\/image-6.png\" alt=\"\"><\/td><td><strong>ITU Columns<\/strong><\/td><td>This element allows you to create columns aligned on a grid of 12<\/td><td>Documentation<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-tabs-child uagb-tabs__body-container uagb-inner-tab-2\" aria-labelledby=\"uagb-tabs__tab2\"><div class=\"ituContainer\">\n<figure id=\"grouped_elements\" class=\"wp-block-table\"><table><thead><tr><th>Preview<\/th><th>Element<\/th><th>Description<\/th><th>Links<\/th><\/tr><\/thead><tbody><tr><td><img decoding=\"async\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2021\/12\/image-8.png\" alt=\"\" style=\"width: 120px;\"><\/td><td><strong>Cards group &gt; Cards icon<\/strong><\/td><td>This element contains a title, a brief description, an image location (usually used for an icon) and a link field.<\/td><td>Documentation<\/td><\/tr><tr><td><img decoding=\"async\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2021\/12\/Banner-information-exemple.png\" alt=\"\" style=\"width: 120px;\"><\/td><td><strong>Cards group &gt; Cards Internal Link<\/strong><\/td><td>This element contains a background image, title, description, and button link<\/td><td>Documentation<\/td><\/tr><tr><td><img decoding=\"async\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2021\/12\/image-9.png\" alt=\"\" style=\"width: 120px;\"><\/td><td><strong>Cards group &gt; Cards External Link<\/strong><\/td><td>This element contains an image, a title, and a description.<\/td><td>Documentation<\/td><\/tr><tr><td><img decoding=\"async\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2021\/12\/image-10.png\" alt=\"\" style=\"width: 120px;\"><\/td><td><strong>Cards group &gt; Internal Link<\/strong><\/td><td>this element contains an image, a title, a description and a link button<\/td><td>Documentation<\/td><\/tr><tr><td><img decoding=\"async\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2021\/12\/image-11.png\" alt=\"\" style=\"width: 120px;\"><\/td><td><strong>Cards group &gt; Timeline<\/strong><\/td><td>This element contains a conductive line between the frames.<\/td><td>Documentation<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-tabs-child uagb-tabs__body-container uagb-inner-tab-3\" aria-labelledby=\"uagb-tabs__tab3\"><div class=\"ituContainer\">\n<figure id=\"wp_elements\" class=\"wp-block-table\"><table><thead><tr><th>Preview<\/th><th>Element<\/th><th>Description<\/th><th>Links<\/th><\/tr><\/thead><tbody><tr><td><img decoding=\"async\" src=\"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-content\/uploads\/sites\/16\/2021\/12\/image-12.png\" alt=\"\" style=\"width: 120px;\"><\/td><td><strong>Text Elements<\/strong><\/td><td>These familiar tools are part of WordPress. they allow you to edit text as in an editor.<\/td><td>Documentation<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div><\/div>\n<\/div><\/div>\n                    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-banner-blue.php","meta":{"_uag_custom_page_level_css":"","footnotes":""},"folder":[8],"class_list":["post-37","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"gs-tiny":false,"xl":false,"xxl":false,"xxxl":false,"xxxxl":false,"xxxxxl":false,"gform-image-choice-sm":false,"gform-image-choice-md":false,"gform-image-choice-lg":false},"uagb_author_info":{"display_name":"mgaillard","author_link":"https:\/\/itu-app42363.pagelyhosting.com\/how\/author\/mgaillard\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":0,"href":"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"wp:attachment":[{"href":"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-json\/wp\/v2\/media?parent=37"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/itu-app42363.pagelyhosting.com\/how\/wp-json\/wp\/v2\/folder?post=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}