In light of the recent COVID-19 pandemic - OPTASY would like to offer DRUPAL website support for any Healthcare, Government, Education and Non-Profit Organization(s) with critical crisis communication websites or organizations directly providing relief. Stay Safe and Stay Well.

Modular Content Components: How Do They Work? Why Use Them?

Modular Content Components: How Do They Work? Why Use Them?

by Adrian Ababei on Jun 15 2017

Let's start by imagining the “bad” scenario! The one where you don't implement modular content components in the creation/editing process on your website! It will only lead to a poor editorial experience, where editors/content authors:

 

  1. depend on your technical team for every little tweak that they need to apply to content on your Drupal site; which will obviously slow down the processes of updating content and sending it to your various distribution partners    

     
  2. are forced to learn HTML and thus to focus less on creating and polishing content and rather on acquiring some sort of technical “expertise”

     

Granting your editorial team (even more) flexibility will benefit:

 

  1. you, as an organization, since they'll be empowered to run all the necessary updates, in due time, with great ease

     
  2. your site builders and Drupal developers who will then win more time to focus on their own tasks (no one wants to get interrupted from his/her work each time there's content to be added or to be edited on the website).

     

So, it's a sort of win-win-win type of situation ( where you, as an organization, your content authors, and your team of developers gets to win)! 

And now let's detail the concept of “flexible modular content components”, and point out why they shape the future of content creation:

 

1. How Should The Content Creation Process “of The Future” Be Like?

First of all, it should definitely go beyond:

 

  1. the "box body" concept

     
  2. the content management framework that your Drupal development team can program to do anything by using just the proper custom site-building techniques

     

The future of content creation lies in a redefinition of content in CMS and in putting the spotlight on the creation experience itself! It's that improved creation experience that will easily lead to a unique, easy to personalize user experience.

And there's more:

 

  • content of the future should be a “cluster” of modular content components of rich media

     
  • creating and editing content should be a simple, few-steps process with no technical “burden” involved

     
  • content of the future should be exchangeable across platforms and to support multiple forms of media

     
  • content of the future should easily adjust to the requirements of a multi-channel publishing context

     

Needless to add that a weakened creation experience, where the content writer/editor/publisher is fully dependent on the technical team, will only lead to slow site updates. And you definitely don't want to fall behind with your updates!

 

2. The Content Creation Process of the Present 

Now, before we highlight for you the benefits that you can reap from adopting a structured modular content on your Drupal site, let's take a look at the “current” issues that modular content components come to solve:

 

  • the “one and only WYSIWYG” standard

     
  • content writers aren't granted as much “independence” as they should in order to create/edit content without any technical support from the development team

     
  • leaving content creators no option but to put together layouts within the WYSIWYG editor and to learn HTML

     

3. But What Is Modular Content After All?

Making your content modular means switching from the practice where you edit a page, on your site, as a whole, to that where it gets automatically generated from other content items. For instance, an example of “content item” could be the “recipes” one on a farmers market website.

The key benefit of adopting modular content is that you're granted consistency across the content on your site and that the entire editing process gets automated.

For instance, once a piece of vendor information gets changed, all the pieces of content on your website that display that particular information gets instantly updated.

Step into the future of automated content updating and leave behind the irksome manual updating process!

Moreover, you get to leverage the power of modular content for putting together page sections and composite web pages, too!

 

4. What About Modular Content Components? What Are They?

You could see them as “tools” empowering your content creation and editing team to:

 

  1. easily add new sections without the help of the technical department in your organization

     
  2. send their pieces of content to several distribution channels (sending them, each, specifically those content formats that meet their requirements).

     

And all this in just one single step!

 

5. “Should I Be Integrating Modular Content Components in My Content Creation Process, too?”

It depends!

It depends on whether it's crucial for the whole workflow within your team that your content editors should be able to update content on the fly and to send it to your network of distribution partners “in the blink of an eye”.

If it's the case, then you should definitely leverage the modular content components' functionality on your Drupal site, too!

This way, you'll be empowering your editorial team with a simple, yet highly effective drag-and-top tool that they can use for adding new content components quick and easy. 

The next step is to send it to your content distribution partners, whether it's Facebook, AOL, or Apple News, or none of these three.

 

6. Key Modular Content Functionalities Worth Your Attention

5.1. Consistency Across Your Website 

And you can't underestimate the advantage of keeping a consistent branding throughout your Drupal site!

This is precisely what you can achieve using modular content components:

 

  • you'll eliminate those situations where your team uses inconsistent layouts when publishing content, taken from legacy website designs

     
  • re-branding your website will turn into a streamlined process with a solid and scalable architecture as its foundation; it will be a lot easier to “implement” the new look and feel across your website and to achieve a consistent branding

     
  • the current situations where content authors just drop “slices” of HTML into the WYSIWYG editor will become “history” on your new future platform, a highly maintainable and nicely structured one; a modular content components-powered one!

     

5.2. Easily Adjustable Content According to Your Distribution Partners' Restrictions

It will be far easier for your content editing team to tailor it to their specific restrictions! Since with modular content components they get to edit and update content with such ease! 

Whether it's:

 

  • links that they need to remove in order to comply with your distribution channels' requirements

     
  • certain formats that they should stick to

     
  • any other special requests that they need to meet while creating or editing their articles

     

… with Modular Content components integrated into their article creation process, it all gets much more streamlined!

 

5.3. Marketing Power 

And you surely can't afford to underestimate digital marketing-oriented tools that help you build targeted and ideally creative advertising campaigns:

 

  • you have the Double Click for Publishers module

     
  • you have flexible ad tags that you get to use for implementing your campaigns

     
  • you have built-in identifiers helping you achieve your “smart targeting” goals through your campaigns

     

Need we add any more reasons that modular content components make the future of content creation? Are you ready to embrace the future?

Development

We do Web development

Go to our Web development page!

Visit page!

Recommended Stories

4 Reasons Why You Need Drupal Maintenance Services
  Entering the world of Drupal web development can feel like diving into the unknown for many business owners. Once they've figured it out with the help of a developer or a Drupal development agency, the business runs smoothly for a little while.  However, building and optimizing a website is like buying a new house—it's functional at first, but things break down and need repairing and regular care in time.  Since spring is just over the corner, what better moment to start cleaning, improving, optimizing, and refreshing your website? Whether you do it in-house or hire an agency that offers Drupal maintenance services, it will work wonders and could actually double your potential market value. But first, it's essential to understand why a regular maintenance plan is critical, how to tell when you need Drupal maintenance, and what does Drupal maintenance include. This article will answer these questions.   Why you should stick to a regular Drupal maintenance plan  If you've already entered the world of digital marketing, you know that the journey towards attracting and retaining customers doesn't end with web development and deployment. Change is a permanent constant in life, and businesses have to adapt to this ever-changing dynamic.  Security  A few years ago, website maintenance was optional. Building a static website that you could leave unattended for the entire year was perfectly normal.  Today, as the digital landscape has expanded and become more prone to security vulnerabilities, Drupal support is imperative for maintaining a healthy security posture.  Although Drupal is known for being the most secure CMS, this only applies if your Drupal website is regularly optimized with security updates and patches. The Drupal community and Drupal security team continuously build security patches, fixes, and upgrades, and Drupal users need to be in the loop about these updates. In other words, keeping up with the news and module updates in Drupal security is vital in order to avoid breaches.  Constant Drupal core module updates can boost website protection and secure it against cyberattacks and threats.  Fixing errors To ensure that your website performs well and meets the needs for speed and agility that the modern digital user demands, fixing bugs and errors is a top priority. These malfunctions may happen for multiple reasons—rushed coding and deployment, inadequate testing, or miscommunication. They may affect your site's performance and loading speed or even alter your Drupal website’s functionality.  And since users don't want to spend more than four seconds waiting for websites to load, not paying attention to repairing bugs could cost you customers.  This price is too big to pay, and it's worth considering Drupal maintenance services as part of your website strategies.  Keep your content fresh with new features Another reason why Drupal maintenance matters is related to scalability. Drupal websites can grow together with your business goals. Constant feature and module updates allow Drupal users a high level of customizing capabilities that helps businesses keep up with the changing needs of the customer.  With Drupal 8, integration is much more affordable, so if you haven't migrated yet, you might want to contact a Drupal agency to help you decide whether an upgrade is the right choice for your business.  The user behavior has dramatically shifted in the last year, which is why content optimization, new features, and enhancements allow brands to stay fresh and align to this changing environment.  SEO optimization Ranking high on Google and other search engines is crucial for your website to stay relevant. An excellent Drupal maintenance team has SEO experts that provide Drupal SEO audits and optimization.  “Good SEO work only gets better over time. It’s only search engine tricks that need to keep changing when the ranking algorithms change.” – Jill Whalen   How to tell when you need Drupal maintenance If you're not yet convinced that you need Drupal support and maintenance services for your website, here are some indicators that you can't postpone it any longer without hurting your business: Your website is slow, and you have received complaints about its loading speed. Your web traffic has dropped considerably. You experience more security breaches. Your content and design are outdated. Links, buttons, or forms are not working.   These are some of the red flags of poorly maintained websites. If you recognize these warning signs as part of your website, it's definitely time to start planning your maintenance strategy. What do Drupal maintenance services and support include? A useful maintenance model covers: Security and module updates Third-party integration support Regression testing  Bug diagnosing, fixing, and testing Hosting infrastructure maintenance Hack, malware, down recovery   Partner with the right Drupal maintenance and support agency When thinking about hiring a Drupal maintenance team, you need to consider your needs. At Optasy, we cover a wide range of website maintenance requirements and can create a customized maintenance and support plan to support your website's specific needs.  How does this sound to you? Have you made up your mind whether it is worth investing in Drupal maintenance services or not? If yes, then contact a reliable, dedicated support partner like Optasy and see how our Drupal maintenance services can keep your website up and running.  Photo credit: geralt on Pixabay.     ... Read more
Raluca Olariu / Mar 02'2021
4 Key Things to Know When Optimizing Your Drupal Website for Mobile
  Approaching a mobile-first strategy for your Drupal website is imperative. Since 52% of all website traffic comes from mobile devices, businesses that want to strive must ensure that they optimize their site for mobile.  Why is mobile optimization important? A website designed for desktop use can be non-functional on a phone or tablet. Building a mobile-friendly site that looks good regardless of how users access it is no longer optional for companies that want to deliver high-quality digital experiences.  "If I were to start Drupal from scratch today, I'd build it for mobile experiences first and desktop experience second." - Dries Buytaert, founder and lead developer of the Drupal CMS There are plenty of benefits and competitive advantages of implementing a mobile-first approach to your Drupal website. We'll name a few: Positively impacts search ranking Improves loading times Increases visibility across all devices Enhancing mobile performance for Drupal websites is not rocket science, but if you're a rookie in web development, hiring a Drupal developer to help you implement some of the steps highlighted in this article may be the safest strategy.  Without further ado, let's start to learn how you can optimize your Drupal website for mobile use.   1. First things first: you need a mobile menu.  Start your mobile optimization journey by installing a mobile menu that enables navigation links to be displayed accurately on narrow screens.  A popular style for mobile menus is the 'hamburger' icon. This type of menu is substituted by a symbol with three horizontal lines when the screen narrows to a particular width. When clicked on, the icon displays the mobile-friendly main menu of the Drupal website. Want to use this type of menu? Start by installing the Responsive Menus module and download the tar.gz.file.  In your dashboard, open the Extend tab and select the Install New Module button.  Lastly, use the file browser to upload the tar.gz file. You should now be ready to use the module to customize and style your website's menu.  Remember that you can also hire Drupal developers at any stage of your optimization process to help you streamline your operations.    2. Don't ignore code minification.  One of the top priorities for mobile site functionality is quick loading times. As CSS or HTML files can get bulky, removing unnecessary elements from your website's code can help it render more fastly.  There are a few steps for successfully minifying your code: Install the Minify module  Download the tar.gz file and unarchive it Move the resulting folder into your website's Drupal modules section.  Enable the module from your dashboard You also have the option to enable the minify module to start working automatically. This will assist your Drupal website in loading quicker on mobile devices and thus improving the user experience.    3. Browser cache implementation for mobile-friendly Drupal websites. The next step in optimizing your Drupal site for mobile is to implement browser caching, which allows a user's browser to store data, so it doesn't have to repeatedly download the same files.  This reduces latency if, for example, your site has an extensive background image. The browser caching allows the picture to be stored on each visitor's device, so it doesn't have to be downloaded every time the user visits your site.  Browser caching is a built-in tool in Drupal, and although you can configure it in your control panel, we recommend that you consult the official guide before doing it or hire a Drupal developer to help you.    4. Consider image optimization.  Websites that contain many large image files can have longer loading times on mobiles. You don't want that if your goal is to provide high-quality experiences for your mobile users. Therefore, you can start optimizing your images to accelerate your site's performance. How can you reduce the size of your photos without jeopardizing their quality? It's actually easy. Drupal's ImageAPI Optimize module helps you manage your images before uploading them onto the website.  You only have to download the module's tar.gz file, install, and enable it in your dashboard. To automatically optimize your images for mobile devices, make sure to select ImageAPI Optimize as the default toolkit.  When creating responsive images, the amount of space an image fills on the screen is significant. Drupal lets you use @media rules to modify images depending on each user's screen size. This high level of personalization is allowed by the Breakpoint and Responsive Images modules.    Why Drupal 9 might be the best option for a mobile-first approach The latest version of Drupal provides optimized modules and features for mobile devices that enhance the user experience and address modern customers' needs.  Among the key benefits of Drupal 9 for mobile optimization are: Improved speed of content delivery Responsive design for various screen's widths  Editing content on mobile is easier  In conclusion, if you want to deliver high-quality, personalized user web experiences in the modern era, optimizing your website for mobile devices is a must. Optasy can help you build a mobile-first approach that satisfies the need for speed and high functionality that today's mobile users expect.  Image credit: deeptuts on Pixabay... Read more
Raluca Olariu / Feb 22'2021
10 Best Headless CMS in 2020, That Cover Most of Your Requirements (Part 2)
Ready to compare the features of 5 other best headless CMS in 2020? We've got them ready for you to just dive in and: survey the key reasons why you'd choose one over the other discover each one's main use cases narrow down your options … and pick the one that matches your requirements. What Is the Best Headless CMS in 2020? 5.6. Directus An open source tool for managing and delivering content across an entire network of platforms and devices. And here are some of the top reasons for choosing Directus: it provides your editorial team with an easy to use admin app for managing content it can be in the cloud or self-hosted it provides API for your development team to fetch content 5.7. Netlify CMS  One of your top 10 headless CMS options, an open source one, that you get to add to any static site generator of your choice. A React single-page application that provides you with an easy to use UI, playing the role of a… wrapper for your Git Workflow. Basically, when using Netlify CMS your content gets stored in your web app's git repository (as markdown files), close to your codebase.   "How does a Netlify CMS Gatsby setup work?"   It's pretty straightforward: You enter your content via that user-friendly interface, then Gatsby uses it to come up with the right pages for your web app. Why would you use it? it fits both large and small-sized projects, with fewer pages to create, to add content to, to edit, and to manage you get to review/preview your content and make changes in real-time, and even control entries status in editorial workflow mode it provides you with an easy-to-use UI, with just 3 tabs: workflow, media, and content you're free to use it with any static site generator you get to extend its functionality: add your own UI widgets, editor plugins, customized previews, etc. 5.8. GraphCMS     An API-first content management system, a GraphQL-native one, that allows you to distribute content across multiple digital platforms. And not just anyhow, but… within minutes. Your developer team gets to create content APIs in no time, whereas your content team gets all the tools they need for a smooth editor experience.   Source: capterra.com GraphCMS vs Contentful: Main Differences GraphCMS works best for enterprise and mid-market companies, enabling them to build highly scalable applications GraphQL is its underlying technology: an open source query language for APIs, that's been growing more and more popular among developers Contentful targets top global brands, helping them distribute digital content experiences across complex networks of markets and channels REST is its underlying technology: a programming paradigm for distributed systems And here are 2 good reasons for choosing GraphCMS as your go-to headless content management system:  you get a CMS that's client-side and JAMstack compatible you get to tap into the benefits of a JAMstack approach to development (JavaScript & Markup & API) 5.9. Cosmic A cloud-hosted headless content management system that provides you with both GraphQL and REST APIs. But what makes Cosmic one of the best headless CMS in 2020? Why choose the Cosmic Headless CMS?  it ships with features like content modeling, media management, localization, and webhooks it grants you a smooth editor experience with its WYSIWYG  editor, that you can use to incorporate (by embedding code) third-party services like Typeform and GitHub. it integrates smoothly with AWS, Slack, Algolia, Stripe, HubSpot 5.10. Kentico Kontent A cloud-based content delivery API that turns your structured content into content that's easy to be "consumed" by any device or digital platform that you might use as a front-end delivery layer.  Why would you choose it over other great options of headless CMS? you get an AI chatbot when using Kentico Kontent it provides webhooks and custom elements that make third-party integrations a lot smoother you get content management API enabling content consumption And we've come to… the END of the list of 10 best headless CMS in 2020. Which one checks the most features off your list? Now, if you're facing a "Headless Drupal 8 vs Contentful" dilemma, we're here to: help you identify the one that works best for your business and your requirements make your headless CMS-based project work Just drop us a line!   Image by tdfugere from Pixabay   ... Read more
Adriana Cacoveanu / Sep 26'2020