Using the Website Editor: Difference between revisions

mNo edit summary
 
(16 intermediate revisions by 3 users not shown)
Line 1: Line 1:
To access the website editor, simply click on the "Edit" button beside the website you want to edit within your [[Account Overview]] after you [[Logging into your Account | login to your account]]. Need step by step instructions? [[Creating your first Viviti site]] will get you on track right from the first step.
The area you are now viewing is the website editor. We encourage you to explore this area to see what is possible. The website editor areas will be identified and more information can be found on their respective pages.
Here is a breakdown of the website editor:
[[Image:Editor.PNG]]
[[Image:Editor.PNG]]
====Utility Bars:====
These bars can be used to perform almost every task available with Viviti, so it is a good idea to become familiar with them.




'''1. [[Toolbar]]'''
'''1. [[Toolbar]]'''


'''2. [[Status Bar]]'''
====Page Elements====


The elements that make up your website. Please note that these can be edited but not removed.


====Page Elements:====


The elements that make up your website. Please note that these can be edited but not removed.
'''2. [[Primary Navigation]]''' - this group of links is conveniently located on your page to link visitors to any of your other pages. Pages that are unpublished will not appear here.


''For further information, please see [[Managing Primary Navigation]].''


'''3. Primary Navigation''' - this group of links is conveniently located on your page to link visitors to any of your other pages. Pages that are unpublished will not appear here.


''For further information, please see the [[Toolbar]] section.''
'''3. [[Site Heading]]''' - The title of the current page. This will also display in your browsers title bar.


''A [[Site Sub-Heading]] element is also available below the heading, however it is empty by default.''


'''4. Heading''' - The title of the current page. This will also display in your browsers title bar.
<div id="styler">
You can easily style your website's title and subtitle without going in and editing your CSS by hovering over the heading or subheading to access it's toolbar, then clicking on the "'''style'''" button:
</div>
[[Image:Headerstyle.JPG]]


''A subheading element is also available below the heading, however it is empty by default.''
You can change the font size, letter spacing, line height, font color and font style. Everything is done with easy sliding and draging - no typing required! For theme header settings, please see [[Header Settings | Modifying Theme Header Settings]]. For theme header image settings, please see [[Choosing_a_New_Theme#header | Choosing a New Theme Header Image]].




'''5. Theme Image''' - Your main page image. This is set as the default image of the chosen Theme, however this can easily be changed. You can also [[Single Image | add additional images]].


'''4. Theme Image''' - Your main page image. This is set as the default image of the chosen Theme, however this can easily be changed. You can also [[Single Image | add additional images]].


'''9. Copyright''' - The copyright information for your website. You can modify this to include additional text.


'''8. [[Copyright]]''' - The copyright information for your website. You can modify this to include additional text.


====Default Components:====
====Default Components====


These [[Components]] are added here by default as a quick way to get started with some common and popular components, however these can easily be changed or removed via the [[Component Toolbar | Component Editor toolbar]]. If you would like to use any of them, the default text included within them will help you get started.
These [[Components]] are added here by default as a quick way to get started with some common and popular components, however these can easily be changed or removed via the [[Component Toolbar | Component Editor toolbar]]. If you would like to use any of them, the default text included within them will help you get started.




'''6. [[Blog Posts]]'''
'''5. [[Blog Posts]]'''
 
'''7. [[Image Gallery]]'''
 
'''8. [[Content Block]]'''
 
 
 
 
'''''Related links:'''''
 
* [[Creating your first Viviti site]]
* [[Accessing the Website Editor | How can I edit my website?]]<br>
* [[Logging into your Account | How can I login to my account?]]<br>
* [[Viewing your Account Overview | How can I see my account overview?]]<br>
* [[Publishing your Website | How can I publish my website?]]<br>
* [[Creating a New Page | How can I create a new page?]]<br>
* [[Deleting a Page | How can I delete a page?]]<br>
* [[Unpublishing a Page | How can I unpublish a page?]]<br>
* [[Toolbar | Using the Toolbar]]<br>
* [[Status Bar | Using the Status Bar]]


'''6. [[Image Gallery]]'''


[[Category:Introduction]]
'''7. [[TextorContentBlockComponent | Text or Content Block]]'''

Latest revision as of 16:11, 14 November 2011

Editor.PNG


1. Toolbar

Page Elements

The elements that make up your website. Please note that these can be edited but not removed.


2. Primary Navigation - this group of links is conveniently located on your page to link visitors to any of your other pages. Pages that are unpublished will not appear here.

For further information, please see Managing Primary Navigation.


3. Site Heading - The title of the current page. This will also display in your browsers title bar.

A Site Sub-Heading element is also available below the heading, however it is empty by default.

You can easily style your website's title and subtitle without going in and editing your CSS by hovering over the heading or subheading to access it's toolbar, then clicking on the "style" button:

Headerstyle.JPG

You can change the font size, letter spacing, line height, font color and font style. Everything is done with easy sliding and draging - no typing required! For theme header settings, please see Modifying Theme Header Settings. For theme header image settings, please see Choosing a New Theme Header Image.


4. Theme Image - Your main page image. This is set as the default image of the chosen Theme, however this can easily be changed. You can also add additional images.


8. Copyright - The copyright information for your website. You can modify this to include additional text.

Default Components

These Components are added here by default as a quick way to get started with some common and popular components, however these can easily be changed or removed via the Component Editor toolbar. If you would like to use any of them, the default text included within them will help you get started.


5. Blog Posts

6. Image Gallery

7. Text or Content Block

Retrieved from "http://wiki.jigsy.com/index.php?title=Using_the_Website_Editor&oldid=4051"