Umbraco: Best CMS to Implement Blog Section – Easy Steps

Umbraco 7 comprises multiple extensions. One such extension has to be Articulate for implementing blogs. It is mostly a blog package, which is a relative newcomer to the current Umbraco environment. You can procure its current version from the Github repository. A larger upgrade is quite due and you have to gain more information about it.

In layman’s term, articulate is an open course package for the Umbraco 7 version and created by the core team. It comprises of some of the notable features. There are multiple well-rounded themes available in the package, to be switched easily in the admin section. You can procure categories and tags for posts, which are searchable and with separate feeds like Tags, Blogging, Category and more. The posts are mostly written in Rich Text Format and there is a commenting system support for Discus or any other services. You can import or even export for the BlogML Format for migrating between other blog platforms.

Check on the steps:

Once you are sure of the articulate option for implementing a blog in Umbraco 7, it is time to follow the steps. It is quite easy to install and also powerful to use. After installing, you will receive preinstalled themes, automatically enlisted for you. But, if you want, you can further customize for procuring blog themes and templates to work with some of the existing Umbraco templates. So, for making the service easier for all, some steps might successfully help you to implement blogs in Umbraco 7 website.



Step 1: Get started:

For the first step, you are just getting started by installing the package. You will come across some new files and folders under the directory, named as “\App_Plugins\Articulate\Themes\.” You will find all the articulate theme file within that set directory and it is where you need to focus on.

Step 2: Start with creating a theme:

Under “Themes” Directory, you can try creating a new folder with a name of them. After that, you have to create “Views” folder under that new section. As a result, you will end up with “\App_Plugins\Articulate\Themes\ExampleTheme\Views\.” Here, the theme name is going to be “Example Theme” in a demonstration.

Later, you have to create two files under the “Views” section, called Post.cshtml and List.cshtml. For the last section in this regard, you have to use a new theme within Blog node, right from “Content” Tab. For that, you have to select top-level “Blog” content and navigate well through the “Style” tab. Within a short time, you can see the new theme adding automatically as an option. After that, save it and publish with proper “Theme” property to use in this step.

Step 3: Adding compatibility with Umbraco views:

For having an articulate view referencing any existing shared layout successfully, you need to work on the “Model” object across all Articulate and Umbraco views. This object needs to be used proficiently and with a proper form of type. You have to ensure that all the referenced Umbraco views, like partials and shared will utilize this proficient and new inheritance.

Step 4: Establishing a connection between articulate theme and Shared Umbraco 7 layout:

Just like the points mentioned above, your articulate views will require the proper inheritance and even types. The List.cshtml needs to look like” var articulateModel = (Articulate.Models.ListModel)Model;” On the other hand, the Post.cshtml view needs to create a model like “var articulateModel = (Articulate.Models.PostModel)Model;”. Check out the inheritance statement and also casted object namely “articulateModel.” This model is casted depending on the articulate view model. Right from this stage, a project can be used as “Model.”

Step 5: Usage value:

Depending on the pints already learnt, the syntax for retrieving blog post’s name within Post.cshtml will be @articulateModel.Name.


These simple 5 steps will help you to successfully share your blog on Umbraco 7 website.  If you want, you can always use partials as per the needs and anytime.

Author: Roger Mate

Roger is a marketing manager in Digiwhiz – Full-Service Digital agency, evaluate your business with the digital identity. He is love to share information about Web design development, Graphic Design, and internet marketing services things.

You may also like

Leave a Reply

Your email address will not be published. Required fields are marked *