What is a theme and how its different from the web templates

SOLVE
Highlighted
Regular Contributor

Recently I heared hubspot is not at all accepting drag and drop templates for the asset market place and they are only accepting themes. What are the new updates, Let me know more about this.
Kindly help me out what are all the new updates to be followed for submitting our assests on the market place.

0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Solution
Advisor | Diamond Partner
Hi @Venki,
Yes, you're right. HubSpot isn't accepting the "old" drag&drop templates as new entries for the marketplace. New templates-packs are called themes now and the have to be build with the new so-called "DND areas"(drag&drop areas). And since HubSpot recommends to build them locally with their own CLI I would call them cli-themes so it won't be confusing for now.

The main difference between templates and cli-themes is that templates are/were build most likely with the build in drag&drop editor. You had the ability to do this locally too but it was quite stressful. The new cli-themes are very "user-friendly" but you have to
a) rethink a lot of you have worked with (static)drag&drop templates in the past.
If you're familiar with flex-columns then it's something similar but coded.
b) write them in HTML+hubl by hand.

Also: it gives you the ability to define color, fonts, spacings so that the content editor (the person who build a site with the theme) can easily modify those theme-wide. And you can be as detailed as you want.

Example: of you're familiar with the atomic-design principal( https://bradfrost.com/blog/post/atomic-web-design/ ) you can use it. So you have many different small pieces which become a bigger part of the whole. And if you invest a lot of time on planning and creating those pieces it will boost the time which is needed to do side-wide changes.

To learn more about the cli-themes here some links:

Initial setup: https://developers.hubspot.com/docs/cms/developer-reference/local-development-cms-cli

Theme layout: https://developers.hubspot.com/docs/cms/building-blocks/templates/html-hubl-templates#template-annot...

Modules: https://developers.hubspot.com/docs/cms/building-blocks/modules


Hope this helps

Best,
Anton







check Did my post help answer your query? Help the Community by marking it as a solution

View solution in original post

2 Replies 2
Highlighted
Solution
Advisor | Diamond Partner
Hi @Venki,
Yes, you're right. HubSpot isn't accepting the "old" drag&drop templates as new entries for the marketplace. New templates-packs are called themes now and the have to be build with the new so-called "DND areas"(drag&drop areas). And since HubSpot recommends to build them locally with their own CLI I would call them cli-themes so it won't be confusing for now.

The main difference between templates and cli-themes is that templates are/were build most likely with the build in drag&drop editor. You had the ability to do this locally too but it was quite stressful. The new cli-themes are very "user-friendly" but you have to
a) rethink a lot of you have worked with (static)drag&drop templates in the past.
If you're familiar with flex-columns then it's something similar but coded.
b) write them in HTML+hubl by hand.

Also: it gives you the ability to define color, fonts, spacings so that the content editor (the person who build a site with the theme) can easily modify those theme-wide. And you can be as detailed as you want.

Example: of you're familiar with the atomic-design principal( https://bradfrost.com/blog/post/atomic-web-design/ ) you can use it. So you have many different small pieces which become a bigger part of the whole. And if you invest a lot of time on planning and creating those pieces it will boost the time which is needed to do side-wide changes.

To learn more about the cli-themes here some links:

Initial setup: https://developers.hubspot.com/docs/cms/developer-reference/local-development-cms-cli

Theme layout: https://developers.hubspot.com/docs/cms/building-blocks/templates/html-hubl-templates#template-annot...

Modules: https://developers.hubspot.com/docs/cms/building-blocks/modules


Hope this helps

Best,
Anton







check Did my post help answer your query? Help the Community by marking it as a solution

View solution in original post

Highlighted
Regular Contributor

Thanks Anton!!

0 Upvotes