Tag: toolset blocks

Toolset Blocks Quick Review

Have you ever thought of something you’d always wanted to do but gave up on it because it was too difficult? Many people at some point will think of a website that they would love to create but are concerned they do not have the experience or ability to create it.

The good news is that is no longer a problem thanks to Toolset Blocks and Gutenberg. The new WordPress Block Editor, Gutenberg, makes designing your own website much easier and more intuitive thanks to the creation of blocks.

In addition, Toolset Blocks is the perfect compliment to Gutenberg as you can turn a basic website into something far more complex and professional thanks to a number of features such as dynamic content.

Gutenberg

Why Gutenberg is a great option for building websites

Gutenberg has been around for just over a year and has improved significantly making it an ideal platform to build websites on. Below is a list of advantages for using Gutenberg:

Over the past year, a number of great blocks extensions have emerged which enhance Gutenberg and your ability to build custom websites.Excellent functionality for changing content on mobile.Easy to add page content that all websites need including a call to action, headings, testimonials and columns.Easy to reuse components across different pages and sections.

Ability to structure the content in whatever order you like by using the drag-and-drop interface to move blocks around.Gutenberg did have some teething problems when it was first launched but the good news is that many of those concerns have been overcome. There are still some features which are missing but they are all due to arrive in the near future. Even so, you can use Gutenberg and Toolset Blocks together to build everything you could need in a website.

Wordpress

How Toolset Blocks makes it easier to build custom websites

While Gutenberg serves as the body of a great, fully functional WordPress website, Toolset Blocks provides the engine which drives it to become a professional, custom website. Below you can find some of the advantages of using Toolset Blocks.

Dynamic content. Toolset Blocks offers the easiest route to adding dynamic content to your website without coding. Instead of static content, you can make it dynamic which means WordPress will pull the correct content from the database depending on which post type you click. No coding needed. You can build complex, custom websites without even using CSS or HTML. A much simpler website building workflow. Previously, building a website if you did not know how to code would have been far more complicated and costly. You would have had to design your website on one platform and asked a developer to implement it. Now you can add everything yourself to WordPress saving you time and money.

Spend less time reading the documentation. The simplicity of Gutenberg and Toolset Blocks means you do not need to read as much documentation as before to understand it.Fewer third-party plugins on your website. As you can build entire complex websites using Gutenberg, Toolset Blocks and other Gutenberg plugins you need to install fewer third-party plugins to handle the website building side of things. This will reduce bloat and make it far easier to manage your website.A simple interface for website building. With Gutenberg and Toolset Blocks, you will be able to see exactly how everything will look on the front-end as you build it on the back-end.

Wordpress

Why Toolset decided to integrate with Gutenberg

Toolset is closely integrated with all of the major page builders but its developers have now decided to rewrite Toolset so that it runs seamlessly inside the WordPress Block Editor. But why did Toolset make the move to blocks?

Since the launch of Gutenberg many page builders have increased their rate of updates making it harder and harder for plugins such as Toolset to remain completely compatible with them. The simple question is what is more effective? To invest time in playing catch-up with multiple third parties or to improve the current product? 

The result is that clients will be happier with an improved product in Toolset Blocks which will work perfectly with the primary editor for WordPress.

Wordpress

What about the users who prefer to stick to other page builders?

The good news is that Toolset will still be completely integrated with third-party page builders in the near future, however, as each page builder continues to release new features and API changes it can be challenging to keep track of all of the developments. It remains to be seen how long Toolset can continue to improve its product and stay 100% integrated with every third-party page builder out there. You can get more info on Toolset from here! Also, this post on Dynamic Content might clear the air a little!

If you are not a fan of Gutenberg and Page Builders we’ve got that covered, see this post on ClassicPress, the pared down fork of Wordpress which uses just the TinyMCE editor and zero plugins.

Filed under: Trends, WordpressTagged with: , ,

Build Your WordPress Site with Dynamic Content

Professional Wordpress Sites

How can I make my website look professional? It is a question many aspiring website builders ask themselves when they are planning their latest work of digital art! The obvious answers will include improving the design or adding lots of fancy features. But in fact, one of the most effective ways to truly enhance your basic website and make it a professional, custom one is by adding dynamic content. Dynamic content will give your users a much more fulfilling experience on your website. So for DIY Wordpress Builders, we run through a couple of ways to achieve this below.

What Is Dynamic Content?

Dynamic content refers to interactive web content that changes depending on the time, location and the user. When a user navigates a dynamic website WordPress will pull the correct information from the database to display to the user depending on what page they are on. With static content, what you see on the front-end will not change. In fact, you will more than likely need the help of a developer if you want to make any changes to it. However, with dynamic content website owners can edit everything on the back-end instantly without coding.

It means that the information can change according to what the user is looking at, providing a much more interactive experience. To illustrate, if you are on a gym website you might want to look at the different gyms available. Of course, each gym will have different information such as its own name, address, and list of facilities. Therefore, when you click on each gym you will see different content related to it that you will not find on the other pages.

Dynamic

The Advantages of Dynamic Content

Dynamic content brings many advantages to your website that static content cannot offer.
A better user experience. Users will be able to see content which is adapted to them such as different offers which will change according to their behaviour.

Improve your KPIs

With dynamic content you can improve conversions and reduce bounce rates on your website by creating tailored content.

Smooth navigation

Dynamic content provides a seamless experience through a website compared with static content as you can easily find the content you are looking for.

Easy to update

You can simply edit your page on the WordPress back-end without needing to hire an expert developer.
Responds to screen sizes. A dynamic website easily adapts to various screen sizes compared with a static one.

There are two ways we recommend that you create dynamic content. Below we will show you the two options and exactly how you can create your websites with both.

1. Create Dynamic Content with Toolset Blocks & Gutenberg

The launch of Toolset Blocks offers a new way to create dynamic content on WordPress using its block editor, Gutenberg. Since its launch a year ago, Gutenberg has improved significantly to offer a simple and intuitive way for you to design and implement your websites. The best part is that non-coders can now easily build exactly what they had in mind by using Gutenberg and integrated plugins.

Gutenberg

This includes dynamic content which website builders can create with Gutenberg thanks to Toolset Blocks.

How Does Toolset Blocks Work?

Toolset Blocks is a new plugin which you can use on two fronts:

Creates custom, advanced features such as content templates, archives and Views.

Support dynamic sources for blocks which makes your custom fields and taxonomies available to be displayed on your pages.

Consequentially, you can use Toolset Blocks to add dynamic content easily to any posts, pages or templates without any coding.

There are two main sources from which you can draw dynamic content using Toolset Blocks. You can either use a source from the current post or from a custom field. Below we will go through both options to show when you might need to use them.

Displaying Dynamic Content from a Current Post

Head to Toolset > Dashboard and click the Create Content Template option next to the post type you want to create a content template for.

We can now start adding our blocks to create our content template. Let’s imagine I want to add an image. First you select the + option on the top left to add a block.

Scroll down until you find Toolset’s list of blocks and add the Image block.

Blocks

You will now see a question prompting you if you want to use Dynamic Sources or not. Click Yes.

Select the source for your image. This determines what content WordPress will pull up depending on what option you select. I want to display the featured images of each gym within the block so I will select the Featured Image Data option.

On the right-hand sidebar you can adjust your image further if you want to change the source of the dynamic content or style the image, for example.

Displaying Dynamic Content from a Custom Field

We can use the same content template as before to create blocks with dynamic content from a custom field. This time I will add the custom field for the ratings of each gym as dynamic content.

Head to the list of Toolset blocks and add the Single Field block.

On the sidebar on the right under Field Source, select the Custom Field field type.
Under the Custom Field Groups dropdown choose the Gyms post type. Note this will be whichever custom post type you want to pull the custom field from.

Under the Custom Field dropdown select the custom field you want to display.

If you switch between the different gym posts on the front-end you will see that each post displays the correct price for that gym thanks to dynamic content. Notice how we did not need to use any coding at all to create our dynamic content.

Wordpress

2. Creating Dynamic Content with Total

Another equally effective way to create dynamic content is by using the Total theme to create dynamic post templates built-in.

What Features Does Total Offer?

Total is one of the most popular themes on WordPress and comes packed with a number of features which you can set up easily without having to download multiple plugins to perform these tasks.

Easy demo importer – Turn your empty site into a fully functional website packed with content in one click when you select to import one of Total’s 40+ pre-built demos.

Drag & drop page builder – Total is integrated with the popular WPBakery page builder to provide you with an intuitive drag & drop builder so you can build your website with ease.

100s of page builder elements – Take advantage of Total’s hundreds of page builder elements to customize your pages.

Easily customizable – Use the live customizer settings to change a number of elements on your site including colors, fonts, widths and much more.

Developer friendly – Total comes with a number of built-in hooks and filters making it easy for you to modify your theme with 450+ snippets available from the online documentation.

And, of course, you can create dynamic content using Total. Below let’s show you an example of what you can achieve by making a simple portfolio item dynamic.

How to Create a Dynamic Content Template with Total

Head to Visual Composer > Templates and click Add New. Next give your template a name.

First add the Post Media element which will display whatever media you add to your posts. For portfolios, this could be the featured image, gallery, video etc.

Next, include the Post Content module which will display any content which is added to the posts in the editor.

With Total you can include a number of post elements in your dynamic template. Add post title, meta data, related items, tags, social links, and more. When finished click Publish.

We now need to assign the dynamic template to our portfolio custom post type. To do this navigate to the WordPress Customizer, then head to Portfolio and select the template you just created under Dynamic template (Advanced).

You can now see your media in action. Click Save & Publish and your dynamic content should be ready.

Creating dynamic templates is a particularly great option if you are building websites for clients. By using them you can create a template once and assign it to all of your portfolio items instantly. Not only that but if you need to change a layout all you need to do is edit the template and all of your portfolio items will also be updated.

What is your experience of creating dynamic content? You now have two methods for creating dynamic content. You can either download Toolset Blocks or Total Theme today and get started with taking your website from basic to custom.

Have you used either tool to add dynamic content to your website? Let us know how it worked out for you in the comments below! If you enjoyed this post, why not check out this one on 10 places to get free website images?

Post by Xhostcom Wordpress & Digital Services, subscribe to newsletter for more!

Filed under: WordpressTagged with: , , ,