SlideShare a Scribd company logo
1 of 7
Download to read offline
Create Content Template

The basics about creating new content for any web site.

 Choose a design to create a content




First, You need to choose the design you want to work on. Once you drop it to the middle panel, you
can start working on the design. You can create a content template by clicking the plus icon in the
content area in the website diagram you see on the right.




Create Content Template - 1
How to create content templates




By default Smanager will show you the base content template that is extracted from the main template
design. You can select this content template and modify it to create new ones. All of the content
templates you create are shown as options in your client's Control Center when they create a new page.




Create Content Template - 2
Create your own content template




You also can create your own custom content templates just by pasting the HTML and CSS code.
Once you paste the code and click "Save," you will be redirected to an work area where you can keep
working and editing your content template.




Create Content Template - 3
Easy editing & control of your HTML & CSS code




In the content template work area, you can use Design View, HTML View, CSS Style Sheet (to handle
all the CSS code for your design), and Wizard.

Design View: This is a WYSIWYG editor that allows you to edit and add images in a more visual way.
HTML View: This is an editor that allows you to handle all the HTML code.
CSS Style Sheet: This is an editor to edit your CSS code.
Wizard: This is editor that allows you to clone any HTML area; drag & drop to change structure; and
click to edit color, images and text.

Please note: In order to take full advantage of the Wizard, you have to set up your content by adding
this tag: <!--[SM]--> above any element you want to be editable. To learn more about it, please go to
Tips & Tricks in the Help Center.




Create Content Template - 4
Use sections in the content template




Just like you handle sections in your main template, you can also add custom sections to all your
content template. Select the space and then click on the section that you want to add. The main
difference between sections in the main template and the content template is that the a section in the
main template will show in the whole web site, while a section that is added to a content template will
only show in the pages that use that content template.




Create Content Template - 5
How your client sees the content templates




When your client creates a new page, they will see all of the content templates available for them. The
content template that they select with be shown under "Selected" and in their editor. Your client can
also use the Wizard to create their page.

Please note: If you edit a template after it is already in use in your client's website, the changes will not
appear in any pages already using this content template. They will only appear in any new pages that
are created with the new content template.




Create Content Template - 6
Control what areas your clients can edit in the content template




You can easily assign what your clients can edit in each of your content templates. For example, if you
client doesn't have much web experience or knowledge, you can easily use this feature to avoid any
problems with the website design. You will find this feature by selecting "Edit Content Template."

 Easy view of what is editable




When you click on "Selections" under the "Assign in Place Editing" (in the "Edit Content Template" work
area), you will have a easy view of what is editable. You can easily remove edit-ability by clicking on
"Remove."

Create Content Template - 7

More Related Content

What's hot

Build a Small Business Website Using Wix
Build a Small Business Website Using WixBuild a Small Business Website Using Wix
Build a Small Business Website Using WixTim Adkins
 
Build a Small Business Website Using Squarespace
Build a Small Business Website Using SquarespaceBuild a Small Business Website Using Squarespace
Build a Small Business Website Using SquarespaceTim Adkins
 
A2WPress Blogstrend Theme Documentation
A2WPress Blogstrend Theme DocumentationA2WPress Blogstrend Theme Documentation
A2WPress Blogstrend Theme DocumentationA2WPress
 
A2WPress Rethink Theme Documentation
A2WPress Rethink Theme DocumentationA2WPress Rethink Theme Documentation
A2WPress Rethink Theme DocumentationA2WPress
 
A2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme DocumentationA2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme DocumentationA2WPress
 
A2WPress Figero Theme Documentation
A2WPress Figero Theme DocumentationA2WPress Figero Theme Documentation
A2WPress Figero Theme DocumentationA2WPress
 
Insta builder 2
Insta builder 2Insta builder 2
Insta builder 2asadtawana
 
A2WPress Regal Theme Documentation
A2WPress Regal Theme DocumentationA2WPress Regal Theme Documentation
A2WPress Regal Theme DocumentationA2WPress
 
A2WPress Slice Theme Documentation
A2WPress Slice Theme DocumentationA2WPress Slice Theme Documentation
A2WPress Slice Theme DocumentationA2WPress
 
A2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme DocumentationA2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme DocumentationA2WPress
 
A2WPress Andrina Theme Documentation
A2WPress Andrina Theme DocumentationA2WPress Andrina Theme Documentation
A2WPress Andrina Theme DocumentationA2WPress
 
A2 w presseliteprodocs
A2 w presseliteprodocsA2 w presseliteprodocs
A2 w presseliteprodocsA2WPress
 
A2WPress Roadfighter Theme Documentation
A2WPress Roadfighter Theme DocumentationA2WPress Roadfighter Theme Documentation
A2WPress Roadfighter Theme DocumentationA2WPress
 
A2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme DocumentationA2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme DocumentationA2WPress
 
A2WPress Toomorel Theme Documentation
A2WPress Toomorel Theme DocumentationA2WPress Toomorel Theme Documentation
A2WPress Toomorel Theme DocumentationA2WPress
 
How to modify and manage user name on office 365 or share point online
How to modify and manage user name on office 365 or share point onlineHow to modify and manage user name on office 365 or share point online
How to modify and manage user name on office 365 or share point onlinePrashant Kumar Singh
 
A2 w pressbizwaydocs
A2 w pressbizwaydocsA2 w pressbizwaydocs
A2 w pressbizwaydocsFelix Ekpa
 

What's hot (19)

Build a Small Business Website Using Wix
Build a Small Business Website Using WixBuild a Small Business Website Using Wix
Build a Small Business Website Using Wix
 
Build a Small Business Website Using Squarespace
Build a Small Business Website Using SquarespaceBuild a Small Business Website Using Squarespace
Build a Small Business Website Using Squarespace
 
A2WPress Blogstrend Theme Documentation
A2WPress Blogstrend Theme DocumentationA2WPress Blogstrend Theme Documentation
A2WPress Blogstrend Theme Documentation
 
A2WPress Rethink Theme Documentation
A2WPress Rethink Theme DocumentationA2WPress Rethink Theme Documentation
A2WPress Rethink Theme Documentation
 
A2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme DocumentationA2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme Documentation
 
A2WPress Figero Theme Documentation
A2WPress Figero Theme DocumentationA2WPress Figero Theme Documentation
A2WPress Figero Theme Documentation
 
NWDS Print Management
NWDS Print ManagementNWDS Print Management
NWDS Print Management
 
Insta builder 2
Insta builder 2Insta builder 2
Insta builder 2
 
A2WPress Regal Theme Documentation
A2WPress Regal Theme DocumentationA2WPress Regal Theme Documentation
A2WPress Regal Theme Documentation
 
Wordpress Page Editing
Wordpress Page EditingWordpress Page Editing
Wordpress Page Editing
 
A2WPress Slice Theme Documentation
A2WPress Slice Theme DocumentationA2WPress Slice Theme Documentation
A2WPress Slice Theme Documentation
 
A2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme DocumentationA2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme Documentation
 
A2WPress Andrina Theme Documentation
A2WPress Andrina Theme DocumentationA2WPress Andrina Theme Documentation
A2WPress Andrina Theme Documentation
 
A2 w presseliteprodocs
A2 w presseliteprodocsA2 w presseliteprodocs
A2 w presseliteprodocs
 
A2WPress Roadfighter Theme Documentation
A2WPress Roadfighter Theme DocumentationA2WPress Roadfighter Theme Documentation
A2WPress Roadfighter Theme Documentation
 
A2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme DocumentationA2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme Documentation
 
A2WPress Toomorel Theme Documentation
A2WPress Toomorel Theme DocumentationA2WPress Toomorel Theme Documentation
A2WPress Toomorel Theme Documentation
 
How to modify and manage user name on office 365 or share point online
How to modify and manage user name on office 365 or share point onlineHow to modify and manage user name on office 365 or share point online
How to modify and manage user name on office 365 or share point online
 
A2 w pressbizwaydocs
A2 w pressbizwaydocsA2 w pressbizwaydocs
A2 w pressbizwaydocs
 

Viewers also liked

Current Grades and Microscopes
Current Grades and MicroscopesCurrent Grades and Microscopes
Current Grades and MicroscopesJosephine Adviento
 
Josephine ed tech presentation
Josephine ed tech presentationJosephine ed tech presentation
Josephine ed tech presentationJosephine Adviento
 
Presentation1.
Presentation1.Presentation1.
Presentation1.maricar
 
my presentation (GMO)
my presentation (GMO)my presentation (GMO)
my presentation (GMO)maricar
 
Gmo presentation
Gmo presentationGmo presentation
Gmo presentationAlex Houfek
 
GMO presentation
GMO presentationGMO presentation
GMO presentationtangeld
 
Genetically modified food powerpoint
Genetically modified food powerpointGenetically modified food powerpoint
Genetically modified food powerpointkylemoe2
 

Viewers also liked (8)

GMO Presentation
GMO PresentationGMO Presentation
GMO Presentation
 
Current Grades and Microscopes
Current Grades and MicroscopesCurrent Grades and Microscopes
Current Grades and Microscopes
 
Josephine ed tech presentation
Josephine ed tech presentationJosephine ed tech presentation
Josephine ed tech presentation
 
Presentation1.
Presentation1.Presentation1.
Presentation1.
 
my presentation (GMO)
my presentation (GMO)my presentation (GMO)
my presentation (GMO)
 
Gmo presentation
Gmo presentationGmo presentation
Gmo presentation
 
GMO presentation
GMO presentationGMO presentation
GMO presentation
 
Genetically modified food powerpoint
Genetically modified food powerpointGenetically modified food powerpoint
Genetically modified food powerpoint
 

Similar to Create content template

Edit design
Edit designEdit design
Edit designvokeron
 
Behance prosite beginners guide
Behance prosite beginners guideBehance prosite beginners guide
Behance prosite beginners guideMicrosoft
 
Net4’s EasySite Builder Step by Step Guide
Net4’s EasySite Builder Step by Step GuideNet4’s EasySite Builder Step by Step Guide
Net4’s EasySite Builder Step by Step GuidePallavi Vyas
 
Net4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step By Step Guide to Create Business WebsiteNet4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step By Step Guide to Create Business WebsiteNet4 India Ltd.
 
Modernize Microsoft Power Pages with OOTB Styles and Custom Styles.docx
Modernize Microsoft Power Pages with OOTB Styles and Custom Styles.docxModernize Microsoft Power Pages with OOTB Styles and Custom Styles.docx
Modernize Microsoft Power Pages with OOTB Styles and Custom Styles.docxSharepoint Designs
 
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog TemplateBP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog TemplateSean Burgess
 
How to migrate to the New Blogger safely… and edit your template easily
How to migrate to the New Blogger safely… and edit your template easilyHow to migrate to the New Blogger safely… and edit your template easily
How to migrate to the New Blogger safely… and edit your template easilyClaudiaB
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.docbutest
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.docbutest
 
A2WPress Appointway Theme Documentation
A2WPress Appointway Theme DocumentationA2WPress Appointway Theme Documentation
A2WPress Appointway Theme DocumentationA2WPress
 
Website now guide client edition
Website now guide client editionWebsite now guide client edition
Website now guide client editionVWHOM
 
Basic tutorial dreamweaver_cs5
Basic tutorial dreamweaver_cs5Basic tutorial dreamweaver_cs5
Basic tutorial dreamweaver_cs5seanoiii
 
Mondo Guide V02 - WORD
Mondo Guide V02 - WORDMondo Guide V02 - WORD
Mondo Guide V02 - WORDMondoexplorer
 
Creating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in MindCreating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in MindNadya Rodionenko
 

Similar to Create content template (20)

Edit design
Edit designEdit design
Edit design
 
Behance prosite beginners guide
Behance prosite beginners guideBehance prosite beginners guide
Behance prosite beginners guide
 
Theme guide
Theme guideTheme guide
Theme guide
 
Net4’s EasySite Builder Step by Step Guide
Net4’s EasySite Builder Step by Step GuideNet4’s EasySite Builder Step by Step Guide
Net4’s EasySite Builder Step by Step Guide
 
Net4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step By Step Guide to Create Business WebsiteNet4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step By Step Guide to Create Business Website
 
Modernize Microsoft Power Pages with OOTB Styles and Custom Styles.docx
Modernize Microsoft Power Pages with OOTB Styles and Custom Styles.docxModernize Microsoft Power Pages with OOTB Styles and Custom Styles.docx
Modernize Microsoft Power Pages with OOTB Styles and Custom Styles.docx
 
microsoft-power-pages.docx
microsoft-power-pages.docxmicrosoft-power-pages.docx
microsoft-power-pages.docx
 
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog TemplateBP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
 
Intro to CSS Presentation
Intro to CSS PresentationIntro to CSS Presentation
Intro to CSS Presentation
 
How to migrate to the New Blogger safely… and edit your template easily
How to migrate to the New Blogger safely… and edit your template easilyHow to migrate to the New Blogger safely… and edit your template easily
How to migrate to the New Blogger safely… and edit your template easily
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.doc
 
Intermediate Web Design.doc
Intermediate Web Design.docIntermediate Web Design.doc
Intermediate Web Design.doc
 
A2WPress Appointway Theme Documentation
A2WPress Appointway Theme DocumentationA2WPress Appointway Theme Documentation
A2WPress Appointway Theme Documentation
 
Website now guide client edition
Website now guide client editionWebsite now guide client edition
Website now guide client edition
 
Basic tutorial dreamweaver_cs5
Basic tutorial dreamweaver_cs5Basic tutorial dreamweaver_cs5
Basic tutorial dreamweaver_cs5
 
Mondo Guide V02 - WORD
Mondo Guide V02 - WORDMondo Guide V02 - WORD
Mondo Guide V02 - WORD
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Webexpration2007 ii
Webexpration2007 iiWebexpration2007 ii
Webexpration2007 ii
 
Working with the Latest Tendenci Modules
Working with the Latest Tendenci ModulesWorking with the Latest Tendenci Modules
Working with the Latest Tendenci Modules
 
Creating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in MindCreating Style Guides with Modularity in Mind
Creating Style Guides with Modularity in Mind
 

Recently uploaded

办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 

Recently uploaded (20)

办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 

Create content template

  • 1. Create Content Template The basics about creating new content for any web site. Choose a design to create a content First, You need to choose the design you want to work on. Once you drop it to the middle panel, you can start working on the design. You can create a content template by clicking the plus icon in the content area in the website diagram you see on the right. Create Content Template - 1
  • 2. How to create content templates By default Smanager will show you the base content template that is extracted from the main template design. You can select this content template and modify it to create new ones. All of the content templates you create are shown as options in your client's Control Center when they create a new page. Create Content Template - 2
  • 3. Create your own content template You also can create your own custom content templates just by pasting the HTML and CSS code. Once you paste the code and click "Save," you will be redirected to an work area where you can keep working and editing your content template. Create Content Template - 3
  • 4. Easy editing & control of your HTML & CSS code In the content template work area, you can use Design View, HTML View, CSS Style Sheet (to handle all the CSS code for your design), and Wizard. Design View: This is a WYSIWYG editor that allows you to edit and add images in a more visual way. HTML View: This is an editor that allows you to handle all the HTML code. CSS Style Sheet: This is an editor to edit your CSS code. Wizard: This is editor that allows you to clone any HTML area; drag & drop to change structure; and click to edit color, images and text. Please note: In order to take full advantage of the Wizard, you have to set up your content by adding this tag: <!--[SM]--> above any element you want to be editable. To learn more about it, please go to Tips & Tricks in the Help Center. Create Content Template - 4
  • 5. Use sections in the content template Just like you handle sections in your main template, you can also add custom sections to all your content template. Select the space and then click on the section that you want to add. The main difference between sections in the main template and the content template is that the a section in the main template will show in the whole web site, while a section that is added to a content template will only show in the pages that use that content template. Create Content Template - 5
  • 6. How your client sees the content templates When your client creates a new page, they will see all of the content templates available for them. The content template that they select with be shown under "Selected" and in their editor. Your client can also use the Wizard to create their page. Please note: If you edit a template after it is already in use in your client's website, the changes will not appear in any pages already using this content template. They will only appear in any new pages that are created with the new content template. Create Content Template - 6
  • 7. Control what areas your clients can edit in the content template You can easily assign what your clients can edit in each of your content templates. For example, if you client doesn't have much web experience or knowledge, you can easily use this feature to avoid any problems with the website design. You will find this feature by selecting "Edit Content Template." Easy view of what is editable When you click on "Selections" under the "Assign in Place Editing" (in the "Edit Content Template" work area), you will have a easy view of what is editable. You can easily remove edit-ability by clicking on "Remove." Create Content Template - 7