What is a theme and how its different from the web templates
SOLVE
1 Accepted solution
What is a theme and how its different from the web templates
SOLVE
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
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
What is a theme and how its different from the web templates
SOLVE
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
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
