LN Webworks: Microsites: How to Create Them With Drupal
Microsites have emerged as an integral part of Drupal development services. Organizations worldwide leverage the power of microsites for multitudinous purposes. For the uninitiated, microsites are small-scale websites specifically dedicated to promoting a product, campaign, or event.
You can use them to create sections on your business website that look different from your main theme and attract the attention of visitors. These sites are highly centered on the product, service, or event they intend to promote and are free from any other types of content such as about us, and our team.
Here, we’ll explore the world of microsites and discuss the most effective way to execute them.
A Brief Introduction to Microsites and Their Characteristics
In simple terms, a microsite is a subsection of a website with a different look and feel. Its primary purpose is to promote a particular product, event, personality, or campaign. The following are some characteristics possessed by microsites.
Envato Tuts+: Top 20 Most Usable Content Management Systems
There are plenty of options when picking a content management system for a development project. Depending on how advanced you need the CMS to be, what language it's built in, and who is going to be using it, it can be a nightmare trying to find the "perfect" CMS for a project.
However, some examples of CMSs (or content management systems) have a slight edge over the rest of the competition because of the usability of the software. Some are just easier to install, use, and extend, thanks to some thoughtful planning by the lead developers.
Looking for web content management system examples? We have a number of themes and resources to support these top content management systems. If you're looking for WordPress themes, Drupal themes, or Joomla themes, we have you covered on Envato Market.
We also support additional popular CMS systems, CMS tools and a variety of WordPress plugins, Drupal plugins, Joomla plugins, and more. Visit our ThemeForest or CodeCanyon marketplaces to browse through a ton of professional options.
Here are the most usable CMSs on the web, so you can choose the one that fits your needs best.
1. WordPress
What is left to say about WordPress that hasn't already been said? The PHP blogging platform is far and away the most popular CMS for blogging, and probably the most popular CMS overall. It's a great platform for beginners, thanks to its excellent documentation and super-quick installation wizard. Five minutes to a running CMS is pretty good. Not to mention the fact that the newest versions auto-update the core and plugins from within the back end, without having to download a single file.
For those users not familiar with HTML or other markup languages, a WYSIWYG editor is provided straight out of the box. The back-end layout is streamlined and intuitive, and a new user should be able to easily find their way around the administration section. WordPress also comes with built-in image and multimedia uploading support.
For developers, the theming language and the Plugin API are fairly simple and straightforward.
The WordPress Community is a faithful and zealous bunch. WordPress probably has the widest base of plugins and themes to choose from. We also have thousands of professional WordPress themes and WordPress plugins available for sale on Envato Market, with a full suite of styles and options to choose from.
A great thing about the WordPress community is the amount of help and documentation online you can find on nearly every aspect of customizing WordPress. If you can dream it, chances are it's already been done with WordPress and documented somewhere.
2. Drupal
Drupal is another CMS that has a very large, active community. Instead of focusing on blogging as a platform, Drupal is more of a pure CMS. A plain installation comes with a ton of optional modules that can add lots of interesting features like forums, user blogs, OpenID, profiles, and more. It's easy to create a site with social features with a simple install of Drupal, and it offers some useful third-party modules.
One of Drupal's most popular features is the Taxonomy module, a feature that allows for multiple levels and types of categories for content types. And you can find plenty of professional Drupal themes, which are ready to be customized and worked with. You can also grab Drupal plugins.
Drupal also has a very active community powering it, and has excellent support for plugins and other general questions.
3. Joomla!
Joomla is a very advanced CMS in terms of functionality. That said, getting started with Joomla is fairly easy, thanks to its installer. Joomla's installer is meant to work on common shared hosting packages and is very straightforward considering how configurable the software is.
Joomla is very similar to Drupal in that it's a complete CMS, and it might be a bit much for a simple portfolio site. It comes with an attractive administration interface, complete with intuitive drop-down menus and other features. The CMS also has great support for access control protocols like LDAP, OpenID, and even Gmail.
The Joomla site hosts more than 3,200 extensions, so you know the developer community behind the popular CMS is alive and kicking. Like WordPress, you can add just about any needed functionality with an extension. However, the Joomla theme and extension community relies more on paid resources, so if you're looking for customizations, be ready to pull out your wallet. You can also grab Joomla plugins.
4. Shopify
You can use the Shopify eCommerce software to create a great website design and add products with images, titles, and descriptions. You can also set up a full checkout functionality, where customers can pay for your products.
Shopify has a great free store theme that you can use to customize your website images, fonts, and colors to your satisfaction with no design skills required, and the themes are fully responsive. With Shopify, you manage your products, inventory, payments, and shipping, and you can also sell your products on the web, mobile, social media, and marketplaces.
One of the unique features of Shopify is that you can accept credit cards instantly, without third-party accounts.
When dealing with other CMS systems, you'll have to upgrade your tool to the current version to obtain new features, but Shopify is cloud-based and hosted, so you won't have to worry about software or web servers being upgraded or maintained. This allows you to access and manage your business from practically any location, even on your mobile device.
5. Wix
Wix is a cloud-based content management system with web hosting and design capabilities. Wix makes it simple for users to create websites without needing to pay web experts or have specialized knowledge. Wix sites are mobile-friendly and can be quickly constructed, maintained, and managed through the Wix website. It also allows you complete control over how you create, design, manage, and develop your online presence.
Wix's distinguishing feature is its drag-and-drop editor, which allows you to create a great website without knowing a single line of code. Wix is perfect for anything from online personal portfolios to small company websites, and it is completely scalable.
6. Magento
Magento is an open-source content management system that includes all of the essential eCommerce features and allows users to create a one-of-a-kind online store from the ground up. Magento Open Source is a free version that you may download and install on your web hosting account.
There are so many reasons Magento is ideal:
- It is very easy to maintain and upgrade your site.
- Payment is easy and secure.
- It has a reliable and supportive community.
- Magento is very flexible and offers free services for users.
- You can easily integrate the Google Analytics service into your site, which will provide you with multiple reports.
7. Webflow
You have complete design freedom when using Webflow. It's a flexible content management system for building custom blogs, portfolios, and eCommerce stores. Webflow allows you to complete projects more quickly.
- For web design, Webflow offers a drag-and-drop page builder.
- It features a good, clean code quality that allows you to make changes on the page.
8. WooCommerce
WooCommerce is one of the best eCommerce platforms, and it's built on WordPress. It is a free tool for you to start up your eCommerce store. WooCommerce is flexible and easy to manage. However, it isn't quite a content management system (CMS). It is a WordPress plugin that runs on your site, so you'll have to integrate it into your WordPress site.
WooCommerce is by far the most popular eCommerce plugin for WordPress.
9. Ghost
Modern businesses want an eye-catching website that makes an impression on their target audience. Ghost helps you achieve that. It's a content management system (CMS) for blogging that comes in both self-hosted and hosted versions.
Ghost is used to power a wide range of websites, from individual bloggers just getting started to massive groups of editors and writers at some of the world's largest companies.
Ghost CMS is ideal for blogs that only require the publication and management of posts and pages. It can also effectively handle membership sites.
Benefits of Using Ghost
- It has a lot of SEO (search engine optimization) help built-in. This can be delivered without the need for any plugins.
- It features a variety of themes that are both responsive and attractive. They're simple and designed to keep you focused on your reading.
- It is very easy to create your theme in Ghost CMS, and these themes use handlebars to insert data, which is very easy to learn.
10. BigCommerce
BigCommerce is the most flexible and open SaaS platform, and it is leading a new era of eCommerce platforms. It not only hosts your site, but also provides the CMS platform. It also takes care of your security and backups.
It is one of the most popular eCommerce platforms and offers a high level of scalability for online shops. It has more sales tools built in than any of its competitors, and it combines these features with smart SEO and fantastic multi-channel connectivity.
11. PrestaShop
PrestaShop is a powerful and innovative eCommerce platform that includes all of the tools you'll need to set up an online store and expand your business. And you can also install it on any web hosting platform that supports it.
Why you should use PrestaShop:
- You can easily develop SEO-friendly URLs.
- With PrestaShop CMS, you can fully customize your online store.
- PrestaShop has different modules which provide security to your sites.
- You can manage your products, orders, and statistics.
12. Blogger
Blogger is a CMS platform that’s specifically geared up for blogging. It’s a free service provided by Google. You can use it to create and publish a blog, and you can get a free domain or buy your domain name. The platform is beginner-friendly, and you can earn money from the platform by using Google AdSense.
13. HubSpot CMS
So many marketers and business owners use HubSpot CMS because it provides metrics on your current content marketing strategy and where improvements can be made, such as indicating the need for more internal links, calls to action, or landing pages. With HubSpot CMS, you can track relevant traffic, page performance, and significant impact, among other things.
Why HubSpot?
- It aids businesses in attracting visitors.
- For each visitor, you may quickly develop and personalize your website pages.
- You can keep track of all of your stuff in one spot.
- You can create a site that is unified without having to worry about inappropriate designs, logos, or navigation.
14. TYPO3 CMS
The TYPO3 CMS is an open-source content management system with a big global community, backed by the TYPO3 Association's approximately 900 members. It combines open-source code, dependability, and genuine scalability in a single package.
This professional CMS offers services and solutions for the whole team across industries, organization sizes, and use cases.
Typo3 is excellent because it is powerful and has a lot of potential to fill in the gaps left by many other products. Because of its flexibility, TYPO3 is ideal for quickly producing online content across a wide range of formats. It can also be used for assistance, marketing, and in-house projects.
15. ExpressionEngine
ExpressionEngine (EE) is an elegant, flexible CMS solution for any type of project. Designed to be extensible and easy to modify, EE sets itself apart in how clean and intuitive its user administration area is. It takes only a matter of minutes to understand the layout of the back end and to start creating content or modifying the look. It's fantastic for creating websites for less-than-savvy clients who need to use the back end without getting confused.
ExpressionEngine is packed with helpful features like the ability to have multiple sites with one installation of software. For designers, EE has a powerful templating engine that has custom global variables, custom SQL queries, and a built-in versioning system. Template caching, query caching, and tag caching keep the site running quickly too.
One of my favorite features of EE is the global search and replace functionality. Anyone who's ever managed a site or blog knows how useful it is to change lots of data without having to manually search and open each page or post to modify it.
16. Textpattern
Textpattern is a popular choice for designers because of its simple elegance. Textpattern isn't a CMS that throws in every feature it can think of. The code base is svelte and minimal. The main goal of Textpattern is to provide an excellent CMS that creates well-structured, standards-compliant pages. Instead of providing a WYSIWYG editor, Textpattern uses textile markup in the text areas to create HTML elements within the pages. The pages that are generated are extremely lightweight and fast-loading.
Even though Textpattern is deliberately simple in design, the back end is surprisingly intuitive and easy to use. New users should be able to find their way around the administration section easily.
While Textpattern may be very minimal at the core level, you can always extend the functionality by using third-party extensions, mods, or plugins. Textpattern has an active developer community, with lots of help and resources at the Textpattern.org site.
17. Radiant CMS
The content management systems that we've listed so far are all PHP programs. PHP is the most popular language for web development, but that doesn't mean we should overlook other popular web languages like Ruby.
Radiant CMS is a fast, minimal CMS that might be compared to Textpattern. Radiant is built on the popular Ruby framework Rails, and the developers behind Radiant have done their best to make the software as simple and elegant as possible, with just the right amount of functionality. Like Textpattern, Radiant doesn't come with a WYSIWYG editor and relies on Textile markup to create rich HTML. To make it easier to create templates intuitively, Radiant also has its own templating language, Radius, which is very similar to HTML.
18. Cushy CMS
Cushy CMS is a different type of CMS altogether. Sure, it has all the basic functionality of a regular content management system, but it doesn't rely on a specific language. In fact, the CMS is a hosted solution. There are no downloads or future upgrades to worry about.
Cushy works by taking FTP info and uploading content to the server. The developer or the designer can then modify the layout, as well as the posting fields in the back end, just by changing the classes of the styles. Very, very simple.
Cushy CMS is free for anyone, even for professional use. There is an option to upgrade to a pro account to use your own logo and color scheme, as well as other fine-grain customizations in the way Cushy CMS functions.
19. SilverStripe
SilverStripe is another PHP CMS that behaves much like WordPress, except that it has many more configurable options and is tailored towards content management, not blogging. SilverStripe is unique because it was built upon its very own PHP framework, Saphire. It also provides its own templating language to help with the design process.
SilverStripe has some interesting features built into the base, like content version control and native SEO support. What's really unique with SilverStripe is that developers and designers can customize the administration area for their clients, if need be. While the development community isn't as large as other projects, there are some modules, themes, and widgets to add functionality. Also, you'll want to modify the theme for each site, as SilverStripe doesn't provide much in terms of style, to give the designer more freedom.
20. Contao
Contao seems to have the perfect balance of features built into the CMS. In terms of functionality, Contao ranks with Drupal and ExpressionEngine, and it even offers some unique bundled modules like newsletters and calendars. Developers can save time with the built-in CSS generator, and there are plenty of resources for learning more about the CMS.
If there is a downside to Contao, it's that it has so many features and configurable options. Even though the back end is thoughtfully organized, there are still a lot of options to consider. But if you want to build a site with advanced functionality and little extra programming, Contao could be a great fit.
Learn More
Now you've got enough CMS examples, types of CMSs, different CMS systems and CMS tools to get you started. If you want to expand your knowledge on content management system list or explore more examples of CMS, check out some related tutorials:
- WooCommerce vs. Shopify: Which One Is Right for You? Monty Shokeen 25 Feb 2022
- 33 Best WooCommerce Plugins (Free and Paid) Franc Lucas 29 Apr 2022
- 9 Best PHP Blog Scripts and Blogging Platforms Franc Lucas 11 Jul 2022
- Installing and Using PHPMyAdmin With WordPress Jeff Reifman 18 Jul 2022
Editorial Note: This post has been updated with contributions from Janila Castañeda. Janila is a staff writer with Envato Tuts+.
Envato Tuts+: New Course: Code a Custom Drupal Module
If you want an easy way to create engaging, content-driven websites for you and your customers, you should give Drupal 8 a try. And Drupal modules allow you to take things a step further and create highly customized functionality for your site.
In our new course, Code a Custom Drupal Module, Envato Tuts+ instructor Derek Jensen will get you up and running with modules in no time. You'll build a simple calculator module, and along the way you'll learn about creating routes, controllers, parameters, and more.
You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+.
Plus you now get unlimited downloads from the huge Envato Elements library of 200,000+ photos and 26,000+ design assets and templates. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.
Looking for a shortcut? Try downloading some of the ready-made Drupal themes on Envato Market.
Envato Tuts+: Drupal 8: Properly Injecting Dependencies Using DI
As I am sure you know by now, dependency injection (DI) and the Symfony service container are important new development features of Drupal 8. However, even though they are starting to be better understood in the Drupal development community, there is still some lack of clarity about how exactly to inject services into Drupal 8 classes.
Many examples talk about services, but most cover only the static way of loading them:
1 $service = \Drupal::service('service_name');This is understandable as the proper injection approach is more verbose, and if you know it already, rather boilerplate. However, the static approach in real life should only be used in two cases:
- in the
.module
file (outside of a class context) - those rare occasions within a class context where the class is being loaded without service container awareness
Other than that, injecting services is the best practice as it ensures decoupled code and eases testing.
In Drupal 8 there are some specificities about dependency injection that you will not be able to understand solely from a pure Symfony approach. So in this article we are going to look at some examples of proper constructor injection in Drupal 8. To this end, but also to cover all the basics, we will look at three types of examples, in order of complexity:
- injecting services into another of your own services
- injecting services into non-service classes
- injecting services into plugin classes
Going forward, the assumption is that you know already what DI is, what purpose it serves and how the service container supports it. If not, I recommend checking out this article first.
Services
Injecting services into your own service is very easy. Since you are the one defining the service, all you have to do is pass it as an argument to the service you want to inject. Imagine the following service definitions:
1 services: 2 demo.demo_service: 3 class: Drupal\demo\DemoService 4 demo.another_demo_service: 5 class: Drupal\demo\AnotherDemoService 6 arguments: ['@demo.demo_service']Here we define two services where the second one takes the first one as a constructor argument. So all we have to do now in the AnotherDemoService
class is store it as a local variable:
And that is pretty much it. It's also important to mention that this approach is exactly the same as in Symfony, so no change here.
Non-Service Classes
Now let's take a look at classes that we often interact with but that are not our own services. To understand how this injection takes place, you need to understand how the classes are resolved and how they are instantiated. But we will see that in practice soon.
Controllers
Controller classes are mostly used for mapping routing paths to business logic. They are supposed to stay thin and delegate heavier business logic to services. Many extend the ControllerBase
class and get some helper methods to retrieve common services from the container. However, these are returned statically.
When a controller object is being created (ControllerResolver::createController
), the ClassResolver
is used to get an instance of the controller class definition. The resolver is container aware and returns an instance of the controller if the container already has it. Conversely, it instantiates a new one and returns that.
And here is where our injection takes place: if the class being resolved implements the ContainerAwareInterface
, the instantiation takes place by using the static create()
method on that class which receives the entire container. And our ControllerBase
class also implements the ContainerAwareInterface
.
So let's take a look at an example controller which properly injects services using this approach (instead of requesting them statically):
1 /** 2 * Defines a controller to list blocks. 3 */ 4 class BlockListController extends EntityListController { 5 6 /** 7 * The theme handler. 8 * 9 * @var \Drupal\Core\Extension\ThemeHandlerInterface 10 */ 11 protected $themeHandler; 12 13 /** 14 * Constructs the BlockListController. 15 * 16 * @param \Drupal\Core\Extension\ThemeHandlerInterface $theme_handler 17 * The theme handler. 18 */ 19 public function __construct(ThemeHandlerInterface $theme_handler) { 20 $this->themeHandler = $theme_handler; 21 } 22 23 /** 24 * {@inheritdoc} 25 */ 26 public static function create(ContainerInterface $container) { 27 return new static( 28 $container->get('theme_handler') 29 ); 30 } 31 }The EntityListController
class doesn't do anything for our purposes here, so just imagine that BlockListController
directly extends the ControllerBase
class, which in turn implements the ContainerInjectionInterface
.
As we said, when this controller is instantiated, the static create()
method is called. Its purpose is to instantiate this class and pass whatever parameters it wants to the class constructor. And since the container is passed to create()
, it can choose which services to request and pass along to the constructor.
Then, the constructor simply has to receive the services and store them locally. Do keep in mind that it's bad practice to inject the entire container into your class, and you should always limit the services you inject to the ones you need. And if you need too many, you are likely doing something wrong.
We used this controller example to go a bit deeper into the Drupal dependency injection approach and understand how constructor injection works. There are also setter injection possibilities by making classes container aware, but we won't cover that here. Let's instead look at other examples of classes you may interact with and in which you should inject services.
Forms
Forms are another great example of classes where you need to inject services. Usually you either extend the FormBase
or ConfigFormBase
classes which already implement the ContainerInjectionInterface
. In this case, if you override the create()
and constructor methods, you can inject whatever you want. If you don't want to extend these classes, all you have to do is implement this interface yourself and follow the same steps we saw above with the controller.
As an example, let's take a look at the SiteInformationForm
which extends the ConfigFormBase
and see how it injects services on top of the config.factory
its parent needs:
As before, the create()
method is used for the instantiation, which passes to the constructor the service required by the parent class as well as some extra ones it needs on top.
And this is pretty much how the basic constructor injection works in Drupal 8. It's available in almost all class contexts, save for a few in which the instantiation part was not yet solved in this manner (e.g. FieldType plugins). Additionally, there is an important subsystem which has some differences but is crucially important to understand: plugins.
Plugins
The plugin system is a very important Drupal 8 component that powers a lot of functionality. So let's see how dependency injection works with plugin classes.
The most important difference in how injection is handled with plugins is the interface plugin classes need to implement: ContainerFactoryPluginInterface
. The reason is that plugins are not resolved but are managed by a plugin manager. So when this manager needs to instantiate one of its plugins, it will do so using a factory. And usually, this factory is the ContainerFactory
(or a similar variation of it).
So if we look at ContainerFactory::createInstance()
, we see that aside from the container being passed to the usual create()
method, the $configuration
, $plugin_id
, and $plugin_definition
variables are passed as well (which are the three basic parameters each plugin comes with).
So let's see two examples of such plugins that inject services. First, the core UserLoginBlock
plugin (@Block
):
As you can see, it implements the ContainerFactoryPluginInterface
and the create()
method receives those three extra parameters. These are then passed in the right order to the class constructor, and from the container a service is requested and passed as well. This is the most basic, yet commonly used, example of injecting services into plugin classes.
Another interesting example is the FileWidget
plugin (@FieldWidget
):
As you can see, the create()
method receives the same parameters, but the class constructor expects extra ones that are specific to this plugin type. This is not a problem. They can usually be found inside the $configuration
array of that particular plugin and passed from there.
So these are the main differences when it comes to injecting services into plugin classes. There's a different interface to implement and some extra parameters in the create()
method.
Conclusion
As we've seen in this article, there are a number of ways we can get our hands on services in Drupal 8. Sometimes we have to statically request them. However, most of the time we shouldn't. And we've seen some typical examples of when and how we should inject them into our classes instead. We've also seen the two main interfaces the classes need to implement in order to be instantiated with the container and be ready for injection, as well as the difference between them.
If you are working in a class context and you are unsure of how to inject services, start looking at other classes of that type. If they are plugins, check if any of the parents implement the ContainerFactoryPluginInterface
. If not, do it yourself for your class and make sure the constructor receives what it expects. Also check out the plugin manager class responsible and see what factory it uses.
In other cases, such as with TypedData classes like the FieldType
, take a look at other examples in core. If you see others using statically loaded services, it's most likely not yet ready for injection so you'll have to do the same. But keep an eye out, because this might change in the future.