{"id":204,"date":"2024-06-25T13:39:47","date_gmt":"2024-06-25T11:39:47","guid":{"rendered":"https:\/\/qala.shop\/documentation\/?page_id=204"},"modified":"2024-06-25T14:26:32","modified_gmt":"2024-06-25T12:26:32","slug":"qala-template-parts","status":"publish","type":"page","link":"https:\/\/qala.shop\/documentation\/gutenberg\/qala-template-parts\/","title":{"rendered":"Qala Template Parts"},"content":{"rendered":"\n

Qala Template Parts<\/h1>\n\n\n\n

Leverage the block editor in more places than just your pages and posts.<\/h2>\n\n\n\n
\n
\n <\/iframe>\n<\/div>\n<\/div>\n\n\n\n

Transcript<\/h2>\n\n\n\n

Welcome to this tutorial. Today we’re diving into an exciting feature in Qala known as Block Template Parts, or simply theme parts as we like to call them. This powerful tool leverages the block editor, allowing you to edit content on sections of your site that are typically beyond the reach of the standard block editor.<\/p>\n\n\n\n

For instance, you can use the Block Template Parts to customize the header above your product archive pages, create a global section above or below your site footer, or add a unique element at the bottom of every blog post. As Qala continues to update and evolve, the number of available block template parts will grow with new additions. This means even more flexibility and creative control for you.<\/p>\n\n\n\n

Let’s dive in. To begin, we’ll access the template parts by navigating to the Qala menu and selecting the Theme Parts submenu. This will bring up a list of all the template parts available in our current version of Qala. For this tutorial, we’ll be editing the global before footer template part. This template part is added by Qala, but if you have additional plugins installed on your site, it’s possible that they also add new template parts to use.<\/p>\n\n\n\n

To begin editing the content, we simply click the template part we want to edit. This will open up a preview of the template part which is currently empty, and clicking that opens up the familiar block editor. Here you can edit content just as you would in a regular page block editor.<\/p>\n\n\n\n

The first step we like to do is add a Group block. The Group block enables us to align our content and ensures that we can add the necessary white space such as padding and margins. Once we have our Group block in place, we can start creating our content. For this example, we are just going to create a simple call-to-action button for a campaign on T-shirts.<\/p>\n\n\n\n

You’ll find that you have the same access to all the blocks and all the block controls that you have in a regular block template part. Once we are happy with our edits, we can now save our block template part.<\/p>\n\n\n\n

Now let’s look at our block template part on the front end of our site. Since we added the content to the global above footer section, it will render on all pages. We can simply scroll down, and there is our new content. If we are unhappy with our changes, we can simply go back and edit the content. If we want to remove it, it can be done by either deleting all of the block template contents that are within it, or we can go back to the list, click the three dots to the far right, and clear all customizations.<\/p>\n\n\n\n

This is how you can create, edit, and remove content on your site using the power of the block template parts in Qala.<\/p>\n","protected":false},"excerpt":{"rendered":"

Qala Template Parts. Leverage the block editor in more places than just your pages and posts<\/p>\n","protected":false},"author":184,"featured_media":0,"parent":44,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_trash_the_other_posts":false,"editor_notices":[],"footnotes":""},"class_list":["post-204","page","type-page","status-publish","hentry"],"acf":[],"parents":[{"permalink":"https:\/\/qala.shop\/documentation","title":"Home"},{"permalink":"https:\/\/qala.shop\/documentation\/gutenberg\/","title":"Gutenberg"},{"permalink":false,"title":"Qala Template Parts"}],"_links":{"self":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/users\/184"}],"replies":[{"embeddable":true,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/comments?post=204"}],"version-history":[{"count":5,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/204\/revisions"}],"predecessor-version":[{"id":227,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/204\/revisions\/227"}],"up":[{"embeddable":true,"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/pages\/44"}],"wp:attachment":[{"href":"https:\/\/qala.shop\/documentation\/wp-json\/wp\/v2\/media?parent=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}