How To Create A Content Builder In Craft CMS
It is easy to create a content builder in Craft CMS. You can choose and define different fields for different needs. For example, to create a simple article you’d need feature image, title text, body text, quotes, and other media.
Here’s your step-by-step guide to creating a content builder in Craft CMS.
For this, you’ll have to go in Craft CMS control panel & create a Matrix field type. You can then populate that field with the text, image, pull quote blocks. These blocks let you define the recurring structure of the content you’re going to post.
Create a matrix field with desired content blocks
Roses are red, Matrix is neat. Craft has tons of Blocks, which ones do you need?
Rich text is better when it is used with some constraints. The text field in Craft does just that by providing you with only necessary formatting options.
Images make the content comprehensible & if you want your content to be consumable then image blocks are a necessity.
This block can be used to highlight the crucial part of any information or for simply quoting your favourite author.
Code block is not a necessity but if at some point you plan to upload some technical content on your website then addition of this block in the matrix will help.
The fields are created to define the content layout of the page. The sections are defined by what fields are they going to have. You just have to include the created fields in the desired section.
Go to settings and drop the blocks of fields inside the section/page for which you defined the content layout for.
Tweak the template for content variables
Tetris is fun, but it ends here. Templating is also fun, but only trickier.
For every block type you create in control panel, a twig template partial needs to be created to enable it. The names of the block types should be the same when you include it in the twig template partial.
Defining the content type in the Template
You will have to define the types of images that are going to be used in your content. These are commonly used images, you can add more according to your needs:
1. Normal Images
2. Full Width Images
3. Infographic Images
Defining Text Type
You can use a full fledged Rich text block if you want. But, if you need uniformity in your content then a constrained approach to Rich text block is the way to go. It gives you the absolute necessary editing options.
Additionally, you can always use plugins if you desire a particular look and feel.
Defining Quote Type
You can define the basic formatting of the quote and how it differs from the body text. And if you’re willing to go an extra mile, Typogriphy plugin helps a lot to make your quotes stand out.
Defining Code Type
You can decide how the code will look like with Twig. Codes are a crucial part of technical content and here in the template they can be formatted to look less complex.
After when you’re done with creating fields, adding it to the sections and defining the field variables in the template, edit your content with live preview. Open the control panel to make final changes if needed. Save the changes and proceed.
Your minimalistic Craft content builder is ready
Craft’s content builder is the result of their ‘Content First’ philosophy. It equips you with an impressive level of control over different fields of the content. It also eliminates your dependency on themed layouts which control what and how you can post.
We have been building websites for small to medium enterprises and are absolutely in love with Craft’s ‘Content First’ approach.
If you are looking for development partners who can help you with everything Craft, hit us up here!
By Evnisha Malani
About Galaxy WeblinksWe specialize in human-centric user experience design services to our clients across the globe. Our innovative ideas, creative designs, industry best practices, and processes help us improve user satisfaction and solve complex design problems. Contact us for a free consultation!
Craft is a mature and tested content management system. Airbnb, W3C, Netflix, PBS, Salesforce, Moz, and countless other brands switched to Craft CMS for redesigning…CMS Frontend Website Development
At Galaxy Weblinks, we build high-performing software solutions that help teams scale. And write about it in the process. You may have spotted us on…Best Practices Design Ecommerce Web
This article is an assessment and comparison of the popular content management systems WordPress, Drupal, and Craft. We’ll dig into each CMS platform’s features, ease…CMS
Developers use Text Editors, also known as code editors, for editing programming code. These editors basically contain features like quick navigation, syntax highlighting, automatic indenting,…App Developement Web
Your business is growing and your team is doing their best to meet the tight deadlines and increased workload. You may be exploring the idea…App Developement Web
Voice search is at its peak in popularity among millions of users. According to an OC&C Strategy Consultants market research, Voice Shopping is projected grow…Ecommerce Web
Hello (Inserts your First name), All of us have received emails/ sms notifications, social media ads, that are sharing offers and discounts on the products…Ecommerce Web
The recently released WordPress 5.4 ‘Adderley’ update has got a lot to look forward to! Since this highly popular CMS ditched its classic editor for…CMS Web
Today, websites are more than just a ‘set-it-and-forget-it’ proposition. They are marketing machines that help you get new customers and leads. You might be planning…CMS
Modern technology has two problems: Devices have too many integrated features and everything is smaller. A good implementation of more-than-what’s-necessary features can give some users…App Developement Others Web
What is common between Pinterest, Tinder, Uber, Trivago, and Airbnb? All these companies experienced a surge in their product’s performance, user-engagement, and conversions by going…Mobile PWA Web
Kotlin has emerged as both substitute and supplement to C++ and Java. In 2018, the language had over 96,000 repositories on GitHub and had already…App Developement Galaxy Apps Others Web
When you think of hotspots for tech, don’t zero in on Silicon Valley just yet. According to Expert Market, Boston is one of the top…Galaxy Apps Internet Marketing Others Web
The experience of Disneyland is always an awe-inspiring one. No matter how many miles you have walked, you are always up for another Pirates of…Galaxy Apps Others Product Development Web
Google Play set out many criteria in their app guidelines that you need to follow. These changes may cause some issues as you try to…Galaxy Apps Mobile Others Web
Leading the AR revolution, industrial enterprises are experiencing improved ROI through AR-optimized supply chain. Enterprise sector is using AR across other functions such as product design…AR Galaxy Apps Others Web
Apple in its annual WWDC made some game changing announcements like a new Mac Pro, an exclusive OS for iPad, iOS 13 release, new Apple…Apple Galaxy Apps Others Web
At the time of an unsuccessful product deployment, you might ask yourself. “What went wrong with the product delivery?” The simple answer lies in configuration…Galaxy Apps Others Product Development Web
You might be familiar with Murphy’s law which says ‘Anything that can go wrong, will go wrong’. Software isn’t immune to that. But that’s often…Galaxy Apps Others QA Web
When you look at the respective market share of both the CMSs, WordPress has a clear edge over Craft CMS with 81.9% market share to a…CMS Galaxy Apps Others Web
Angular 6, released earlier in May 2018 didn’t offer much improvements on the performance part. It was mainly focused on making Angular migration-friendly. Google dropped…Frontend Galaxy Apps Others Web
Magento announced that it is pulling the plug on Magento 1 in April 2017 at the ‘Meet Magento’ conference in Prague. The announcement caused a…Ecommerce Galaxy Apps Others Web
Building a WordPress website? The WordPress community provides you with plenty of options. You can either make an easy one using WordPress themes or a…Galaxy Apps Others Web Website Development
Facebook has finally decided to monetize WhatsApp. Earlier this month, on August 1, Facebook rolled its long-in-development WhatsApp Business API for medium to large businesses.…Galaxy Apps Others Web
Craft CMS’s consistency can be seen in its regular updates & latest features. Matrix is one of those early features that helped Craft dominate the…CMS Galaxy Apps Others Web
Before introducing the Debug Tool in Craft 3, Craft CMS made you install a separate web-based application, Web-Console. You could run shell commands on your…CMS Galaxy Apps Others Web
Investors have the money, you have the idea, and the right pitch is the only thing that stands between you and them. But, pitches are…Galaxy Apps Others Product Development Web
“Personal data shall be processed in a manner that ensures appropriate security of the personal data, including protection against unauthorized or unlawful processing and against…Galaxy Apps Others Web
Google recently announced Mobile-First Indexing after a year and half of extensive experimenting and testing. The search engine giant will start migrating sites that follow…App Developement Galaxy Apps Others Web
Social media networks are mode of social interaction. It is a platform of sharing and discussing information among human beings. Social media can include text,…Internet Marketing Social Media Web