{"id":21047,"date":"2026-08-09T11:31:10","date_gmt":"2026-08-09T11:31:10","guid":{"rendered":"https:\/\/bricksfly.com\/?post_type=docs&p=21047"},"modified":"2026-08-09T11:31:11","modified_gmt":"2026-08-09T11:31:11","slug":"how-to-add-post-meta-using-bricksfly","status":"publish","type":"docs","link":"https:\/\/bricksfly.com\/docs\/dynamic-widgets\/how-to-add-post-meta-using-bricksfly\/","title":{"rendered":"How to Add Post Meta in Bricks Builder Using BricksFly"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">BricksFly Post Meta Element allows you to display post-related information within your Bricks Builder layout. Follow the steps below to activate the element and configure its available settings.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Requirement&nbsp;<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Make sure you have installed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bricks Theme&nbsp;<\/strong><\/li>\n\n\n\n<li><strong>BricksFly Pro<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1919\" height=\"812\" src=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/07\/Add-Bricks-Theme-1.webp\" alt=\"Add bricks theme \" class=\"wp-image-20777\" srcset=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/07\/Add-Bricks-Theme-1.webp 1919w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/07\/Add-Bricks-Theme-1-300x127.webp 300w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/07\/Add-Bricks-Theme-1-1024x433.webp 1024w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/07\/Add-Bricks-Theme-1-768x325.webp 768w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/07\/Add-Bricks-Theme-1-1536x650.webp 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" \/><\/figure>\n<\/div>\n\n\n<div style=\"height:28px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"1919\" height=\"732\" src=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/07\/Adding-BricksFly-Pro-1.webp\" alt=\"Adding bricksfly pro \" class=\"wp-image-20778\" srcset=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/07\/Adding-BricksFly-Pro-1.webp 1919w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/07\/Adding-BricksFly-Pro-1-300x114.webp 300w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/07\/Adding-BricksFly-Pro-1-1024x391.webp 1024w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/07\/Adding-BricksFly-Pro-1-768x293.webp 768w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/07\/Adding-BricksFly-Pro-1-1536x586.webp 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Activate Post Meta\u00a0in BricksFly<\/strong><\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to your&nbsp;<strong>WordPress Dashboard.&nbsp;<\/strong><\/li>\n\n\n\n<li>Click on<strong>&nbsp;BricksFly.&nbsp;<\/strong><\/li>\n\n\n\n<li>Head to the&nbsp;<strong>Elements<\/strong>&nbsp;tab.&nbsp;<\/li>\n\n\n\n<li>Under\u00a0<strong>Dynamic,\u00a0<\/strong>toggle on\u00a0<strong>Post Meta.<\/strong><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"412\" src=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Activate-Post-Meta-1024x412.webp\" alt=\"Activate post meta\" class=\"wp-image-21050\" srcset=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Activate-Post-Meta-1024x412.webp 1024w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Activate-Post-Meta-300x121.webp 300w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Activate-Post-Meta-768x309.webp 768w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Activate-Post-Meta-1536x619.webp 1536w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Activate-Post-Meta.webp 1887w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1: Configure the Layout<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Layout Style:<\/strong> Selects the visual layout used to display the post meta information. Different styles change how the meta items are arranged and presented. Available layout style options include One and Two. For this example, One is selected.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"441\" height=\"822\" src=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Layout-style-configuration.webp\" alt=\"Layout style configuration\" class=\"wp-image-21053\" srcset=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Layout-style-configuration.webp 441w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Layout-style-configuration-161x300.webp 161w\" sizes=\"(max-width: 441px) 100vw, 441px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Alignment:<\/strong> Controls the horizontal alignment of the post meta content, such as left, center, or right. Available options include Start, Center, End, Space Between, Space Around, and Space Evenly. For this example, Center is selected, but you can choose any option based on your layout needs.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"836\" src=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Alignement-options-configuration.webp\" alt=\"Alignement options configuration\" class=\"wp-image-21055\" srcset=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Alignement-options-configuration.webp 440w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Alignement-options-configuration-158x300.webp 158w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Share Separator:<\/strong> Displays or hides a separator between the post meta items to keep each piece of information visually separated. In this example, the option is disabled.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Show Title:<\/strong> Displays or hides the title or label associated with the Post Meta Element. For this example, the Show Title option is disabled, but you can enable it based on your preference.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"848\" src=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Share-separator-show-title-option-is-disable.webp\" alt=\"Share separator show title option is disable\" class=\"wp-image-21056\" srcset=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Share-separator-show-title-option-is-disable.webp 440w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Share-separator-show-title-option-is-disable-156x300.webp 156w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Step 2: Add Post Meta Content<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Meta List:<\/strong> Allows you to add, remove, duplicate, reorder, and manage the post meta items displayed on the page. For this example, three items are added, but you can add as many as needed.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"429\" height=\"677\" src=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Meta-list-configuration.webp\" alt=\"Meta list configuration\" class=\"wp-image-21058\" srcset=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Meta-list-configuration.webp 429w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Meta-list-configuration-190x300.webp 190w\" sizes=\"(max-width: 429px) 100vw, 429px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>+ Add Item:<\/strong> Adds a new meta item to the list. After adding an item, click it to configure the type of post information you want to display, such as the author, published date, category, comments, or other available meta data.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"434\" height=\"796\" src=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Under-add-item-confguration.webp\" alt=\"Under add item confguration\" class=\"wp-image-21059\" srcset=\"https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Under-add-item-confguration.webp 434w, https:\/\/bricksfly.com\/docs\/wp-content\/uploads\/2026\/08\/Under-add-item-confguration-164x300.webp 164w\" sizes=\"(max-width: 434px) 100vw, 434px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Done! You have successfully added post meta to your post layout. If you encounter any issues while configuring the element, contact our support team for assistance.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>BricksFly Post Meta Element allows you to display post-related information within your Bricks Builder layout. Follow the steps below to activate the element and configure its available settings. Requirement&nbsp; Make sure you have installed: Activate Post Meta\u00a0in BricksFly Step 1: Configure the Layout Layout Style: Selects the visual layout used to display the post meta [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":19722,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-21047","docs","type-docs","status-publish","hentry","no-post-thumbnail"],"acf":[],"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/0f038df3bc60da556be64d3ba44b6ffdd6d13c4b411e58e68fbd35029c0b0b00?s=96&d=mm&r=g","author_name":"Elias","_links":{"self":[{"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/docs\/21047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/comments?post=21047"}],"version-history":[{"count":6,"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/docs\/21047\/revisions"}],"predecessor-version":[{"id":21061,"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/docs\/21047\/revisions\/21061"}],"up":[{"embeddable":true,"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/docs\/19722"}],"wp:attachment":[{"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/media?parent=21047"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=21047"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/bricksfly.com\/docs\/wp-json\/wp\/v2\/doc_badge?post=21047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}