{"id":7154,"date":"2024-04-14T16:51:19","date_gmt":"2024-04-14T08:51:19","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=7154"},"modified":"2024-04-14T16:51:19","modified_gmt":"2024-04-14T08:51:19","slug":"utilize-content-blocks-in-webflow","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/utilize-content-blocks-in-webflow\/","title":{"rendered":"Utilize content blocks in Webflow"},"content":{"rendered":"\n<div class=\"docs_rich-text w-richtext\">\n<p>A <strong>content block<\/strong> represents a generic text element, most suitable for text that doesn&#8217;t serve as a heading, paragraph, or link. An illustration of this concept would be a copyright notice.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b94a5b08852b7548f597a5_5e613220d2151390e3bb1f5a_5965e231f991a9631f720428_04252520-252520text252520block.png\" alt=\"Choosing the suitable text element when including text in Webflow\" title=\"64b94a5b08852b7548f597a5_5e613220d2151390e3bb1f5a_5965e231f991a9631f720428_04252520-252520text252520block\"><\/div><figcaption>Choose from Headings, Paragraphs, or Content Blocks to structure the text on your page.<\/figcaption><\/figure>\n<p>The rationale behind utilizing specific elements like <strong>headings<\/strong>, <strong>paragraphs<\/strong>, or <strong>content blocks<\/strong> is that browsers, screen readers, and search engines actively seek this type of content to comprehend the text organization and the type of information provided on your page.<\/p>\n<h2>Incorporating a Content Block<\/h2>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-center\" data-rt-type=\"image\" data-rt-align=\"center\" data-rt-max-width=\"81.5px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b94a5b08852b7548f597a1_5e613220e37ec36b7dde23cf_5965e373f991a9631f72042d_00252520-252520text252520block.png\" alt=\"Webflow Content Block\" title=\"64b94a5b08852b7548f597a1_5e613220e37ec36b7dde23cf_5965e373f991a9631f72042d_00252520-252520text252520block\"><\/div>\n<\/figure>\n<p>You can introduce a content block to your project just as you would add any other element from <a href=\"https:\/\/help.webflow.com\/article\/elements-panel\">Elements Panel \u2192 Typography<\/a> or using Quick find(CMD\/CTRL+E).<\/p>\n<figure class=\"w-richtext-figure-type-video w-richtext-align-center\" data-rt-type=\"video\" data-rt-align=\"center\" data-rt-max-width=\"80%\" data-rt-max-height=\"45%\" data-rt-dimensions=\"640:360\" data-page-url=\"https:\/\/vimeo.com\/224656664\">\n<div><iframe src=\"https:\/\/player.vimeo.com\/video\/224656664\" frameborder scrolling=\"no\"><\/iframe><\/div><figcaption>\u00a0<\/figcaption><\/figure>\n<p>A content block comprises a div block containing text directly within it. Here\u2019s an alternative method to include a <strong>content block<\/strong>:<\/p>\n<ul>\n<li>Insert a div block into your page<\/li>\n<li>Begin typing by double-clicking within the empty div block<\/li>\n<\/ul>\n<figure class=\"w-richtext-figure-type-video w-richtext-align-center\" data-rt-type=\"video\" data-rt-align=\"center\" data-rt-max-width=\"80%\" data-rt-max-height=\"45%\" data-rt-dimensions=\"640:360\" data-page-url=\"https:\/\/vimeo.com\/224656669\">\n<div><iframe src=\"https:\/\/player.vimeo.com\/video\/224656669\" frameborder scrolling=\"no\"><\/iframe><\/div><figcaption>\u00a0<\/figcaption><\/figure>\n<h3>Adjusting the content block<\/h3>\n<p>To modify the text, double-click on the element or select it and press enter. Then, choose the placeholder text and substitute it with your own content.<\/p>\n<h2>Designing the content block<\/h2>\n<p>You have the ability to design a content block similarly to other elements. The Text style properties can be accessed under the <strong>Typography<\/strong> section of the <strong>Styles<\/strong> panel.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"333px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b94a5b08852b7548f5979d_5e6132206f0e6860f692cfdd_5965dd0a647a9a26c5a4a382_00-252520typography.png\" alt=\"Designing Typography in Webflow\" title=\"64b94a5b08852b7548f5979d_5e6132206f0e6860f692cfdd_5965dd0a647a9a26c5a4a382_00-252520typography\"><\/div><figcaption>Style panel \u2192 Typography<\/figcaption><\/figure>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Add generic text using text blocks.","protected":false},"author":2,"featured_media":7155,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[290],"tags":[],"class_list":{"0":"post-7154","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-elements","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/7154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=7154"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/7154\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/7155"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=7154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=7154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=7154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}