Using the Website Editor: Difference between revisions

mNo edit summary
 
(14 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====
 
 
====Page Elements:====


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




'''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.
'''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]].''
''For further information, please see [[Managing Primary Navigation]].''




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


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


<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]]


'''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]].
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]].




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


'''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]].


====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.
'''6. [[Blog Posts]]'''
'''7. [[Image Gallery]]'''
'''8. [[TextorContentBlockComponent | Text or Content Block]]'''


'''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 Toolbar | Component Editor toolbar]]. If you would like to use any of them, the default text included within them will help you get started.


'''''Related links:'''''


* [[Creating your first Viviti site]]
'''5. [[Blog Posts]]'''
* [[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 17: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://websitebuilderkb.com/index.php?title=Using_the_Website_Editor&oldid=4051"