SlideShare a Scribd company logo
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

PDF
What are sections
PDF
Top 8 hidden handy features of word press
PDF
A2WPress Localbusiness Theme Documentation
PDF
hd_sample - FAQ
PDF
A2WPress Themia Documentation
PPTX
Add milestone for projects
PDF
A2WPress Swiftray Theme Documentation
PDF
Build a Small Business Website Using Wordpress
What are sections
Top 8 hidden handy features of word press
A2WPress Localbusiness Theme Documentation
hd_sample - FAQ
A2WPress Themia Documentation
Add milestone for projects
A2WPress Swiftray Theme Documentation
Build a Small Business Website Using Wordpress

What's hot (19)

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

Viewers also liked (8)

PPTX
GMO Presentation
ODP
Current Grades and Microscopes
PPT
Josephine ed tech presentation
PPTX
Presentation1.
PPTX
my presentation (GMO)
PPTX
Gmo presentation
PPTX
GMO presentation
PPTX
Genetically modified food powerpoint
GMO Presentation
Current Grades and Microscopes
Josephine ed tech presentation
Presentation1.
my presentation (GMO)
Gmo presentation
GMO presentation
Genetically modified food powerpoint
Ad

Similar to Create content template (20)

PDF
Edit design
PDF
Behance prosite beginners guide
DOC
Theme guide
PDF
Net4’s EasySite Builder Step By Step Guide to Create Business Website
PDF
Net4’s EasySite Builder Step by Step Guide
DOCX
Modernize Microsoft Power Pages with OOTB Styles and Custom Styles.docx
DOCX
microsoft-power-pages.docx
PPT
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
PDF
Intro to CSS Presentation
PPT
How to migrate to the New Blogger safely… and edit your template easily
DOC
Intermediate Web Design.doc
DOC
Intermediate Web Design.doc
PDF
A2WPress Appointway Theme Documentation
PDF
Website now guide client edition
PDF
Basic tutorial dreamweaver_cs5
DOCX
Mondo Guide V02 - WORD
PDF
Dreamweaver
PPT
Webexpration2007 ii
PPTX
PDF
Creating Style Guides with Modularity in Mind
Edit design
Behance prosite beginners guide
Theme guide
Net4’s EasySite Builder Step By Step Guide to Create Business Website
Net4’s EasySite Builder Step by Step Guide
Modernize Microsoft Power Pages with OOTB Styles and Custom Styles.docx
microsoft-power-pages.docx
BP304 - Blog It Up, Baby! Extending the new IBM Lotus Domino Blog Template
Intro to CSS Presentation
How to migrate to the New Blogger safely… and edit your template easily
Intermediate Web Design.doc
Intermediate Web Design.doc
A2WPress Appointway Theme Documentation
Website now guide client edition
Basic tutorial dreamweaver_cs5
Mondo Guide V02 - WORD
Dreamweaver
Webexpration2007 ii
Creating Style Guides with Modularity in Mind

Recently uploaded (20)

DOCX
actividad 20% informatica microsoft project
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
SEVA- Fashion designing-Presentation.pdf
PDF
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PDF
Phone away, tabs closed: No multitasking
PPTX
Media And Information Literacy for Grade 12
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
Special finishes, classification and types, explanation
PPTX
12. Community Pharmacy and How to organize it
PPT
Machine printing techniques and plangi dyeing
DOCX
The story of the first moon landing.docx
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPTX
joggers park landscape assignment bandra
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
actividad 20% informatica microsoft project
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
SEVA- Fashion designing-Presentation.pdf
Emailing DDDX-MBCaEiB.pdf DDD_Europe_2022_Intro_to_Context_Mapping_pdf-165590...
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
BRANDBOOK-Presidential Award Scheme-Kenya-2023
Phone away, tabs closed: No multitasking
Media And Information Literacy for Grade 12
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
Special finishes, classification and types, explanation
12. Community Pharmacy and How to organize it
Machine printing techniques and plangi dyeing
The story of the first moon landing.docx
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
joggers park landscape assignment bandra
Tenders & Contracts Works _ Services Afzal.pptx
YOW2022-BNE-MinimalViableArchitecture.pdf
Facade & Landscape Lighting Techniques and Trends.pptx.pdf

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