Website Builder - User contributions [en]

File:Navcomponent.PNG

2013-12-18T23:33:52Z

Ccroft: Ccroft uploaded a new version of "File:Navcomponent.PNG"

File:Gmaps.PNG

2013-12-18T23:33:02Z

Ccroft: Ccroft uploaded a new version of "File:Gmaps.PNG"

File:Flickr.PNG

2013-12-18T23:32:22Z

Ccroft: Ccroft uploaded a new version of "File:Flickr.PNG"

File:Ebay.PNG

2013-12-18T23:31:11Z

Ccroft: Ccroft uploaded a new version of "File:Ebay.PNG"

File:Delicious.PNG

2013-12-18T23:30:27Z

Ccroft: Ccroft uploaded a new version of "File:Delicious.PNG"

File:Blogarchive.PNG

2013-12-18T23:29:43Z

Ccroft: Ccroft uploaded a new version of "File:Blogarchive.PNG"

File:Blogcomments.PNG

2013-12-18T23:29:32Z

Ccroft: Ccroft uploaded a new version of "File:Blogcomments.PNG"

File:Gamercard.PNG

2013-12-18T23:27:06Z

Ccroft: Ccroft uploaded a new version of "File:Gamercard.PNG"

File:Addlastfm.PNG

2013-12-18T23:26:41Z

Ccroft: Ccroft uploaded a new version of "File:Addlastfm.PNG"

File:Customizehtml.PNG

2013-12-18T23:23:30Z

Ccroft: Ccroft uploaded a new version of "File:Customizehtml.PNG"

File:Carousel.image gallery.jpg

2013-12-18T23:18:28Z

Ccroft: Ccroft uploaded a new version of "File:Carousel.image gallery.jpg"

File:Carousel.theme.preview.jpg

2013-12-18T23:18:06Z

Ccroft: Ccroft uploaded a new version of "File:Carousel.theme.preview.jpg"

File:Carousel.image gallery.jpg

2013-12-18T23:15:58Z

Ccroft: Ccroft uploaded a new version of "File:Carousel.image gallery.jpg"

File:Carousel.theme.preview.jpg

2013-12-18T23:15:43Z

Ccroft: Ccroft uploaded a new version of "File:Carousel.theme.preview.jpg"

Using an Image Gallery as a header

2013-12-18T23:14:44Z

Ccroft: /* Extra Steps */

__NOTOC__

Here we'll help you through the process of using an [[ImageGalleryComponent|Image Gallery Component]] as your theme header image. This can be useful in the carousel view setting with an auto-rotate value set.

<div class='note'>
'''Note:'''<br />
For information about managing your site header settings, see the [[Header Settings]] page.
</div>

The first thing you need to do is create a location in your header, if one doesn't already exist. The location id should be unique from the others. If you're using a two-column layout, it's likely that you'll be creating a layout with an id of "location_2".

[[File:Carousel.theme.preview.jpg]]

Now we want to modify the HTML in our default.html file (see: [[Editing_Theme_Source_Code|Editing Theme Source Code]]). It will look like this when we start:

[[File:Carousel.code.original.jpg]]

And look like this with our modification:

[[File:Carousel.code.modified.jpg]]

We've added a new location in-place of the existing header image. Now we can add an image gallery to our new location (see: [[Adding_to_a_Page|Adding to a Page]]). Make sure you've added the images you want to use to a folder. That will make it easier for displaying on the the images you want to display in your header (see: [[File Folders]]).

[[File:Carousel.settings.jpg]]

Now you have an image rotator in your header! You may need to tweak the styling to have it align and display how you'd like. This will vary from theme-to-theme and by your preference.

[[File:Carousel.image_gallery.jpg]]

== Extra Steps ==

If you want to hide the previous and next buttons, you can very easily hide them with this code. You'll need to adjust the selector to use the correct id for your layout. You'll need to add this to your main CSS file. See: [[Editing_Theme_Source_Code|Editing Theme Source Code]].

<source lang="css">
#location_2 .image_gallery_component .carousel_controls { display: none; }
</source>

[[Category:Tips and Tricks]]
[[Category:Advanced Topics]]

File:Carousel.image gallery.jpg

2013-12-18T23:13:21Z

Ccroft: Ccroft uploaded a new version of "File:Carousel.image gallery.jpg"

File:Carousel.settings.jpg

2013-12-18T23:06:23Z

Ccroft: Ccroft uploaded a new version of "File:Carousel.settings.jpg"

Using an Image Gallery as a header

2013-12-18T22:52:34Z

Ccroft:

__NOTOC__

Here we'll help you through the process of using an [[ImageGalleryComponent|Image Gallery Component]] as your theme header image. This can be useful in the carousel view setting with an auto-rotate value set.

<div class='note'>
'''Note:'''<br />
For information about managing your site header settings, see the [[Header Settings]] page.
</div>

The first thing you need to do is create a location in your header, if one doesn't already exist. The location id should be unique from the others. If you're using a two-column layout, it's likely that you'll be creating a layout with an id of "location_2".

[[File:Carousel.theme.preview.jpg]]

Now we want to modify the HTML in our default.html file (see: [[Editing_Theme_Source_Code|Editing Theme Source Code]]). It will look like this when we start:

[[File:Carousel.code.original.jpg]]

And look like this with our modification:

[[File:Carousel.code.modified.jpg]]

We've added a new location in-place of the existing header image. Now we can add an image gallery to our new location (see: [[Adding_to_a_Page|Adding to a Page]]). Make sure you've added the images you want to use to a folder. That will make it easier for displaying on the the images you want to display in your header (see: [[File Folders]]).

[[File:Carousel.settings.jpg]]

Now you have an image rotator in your header! You may need to tweak the styling to have it align and display how you'd like. This will vary from theme-to-theme and by your preference.

[[File:Carousel.image_gallery.jpg]]

== Extra Steps ==

If you want to hide the previous and next buttons, you can very easily hide them with this code. You'll need to adjust the selector to use the correct id for your layout. You'll need to add this to your main CSS file. See: [[Editing_Theme_Source_Code|Editing Theme Source Code]].

<source lang="css">
#location_2 .image_gallery_component .carousel_controls { display: none; }
</source>

[[File:Carousel.tweaked.jpg]]

[[Category:Tips and Tricks]]
[[Category:Advanced Topics]]

File:Carousel.theme.preview.jpg

2013-12-18T22:51:17Z

Ccroft: Ccroft uploaded a new version of "File:Carousel.theme.preview.jpg"

File:Carousel.code.original.jpg

2013-12-18T22:51:06Z

Ccroft: Ccroft uploaded a new version of "File:Carousel.code.original.jpg"

File:Carousel.code.modified.jpg

2013-12-18T22:50:54Z

Ccroft: Ccroft uploaded a new version of "File:Carousel.code.modified.jpg"

File:Tweetbutton.PNG

2013-12-18T22:45:55Z

Ccroft: Ccroft uploaded a new version of "File:Tweetbutton.PNG"

File:Vivitiupdates2.PNG

2013-12-18T22:44:26Z

Ccroft: Ccroft uploaded a new version of "File:Vivitiupdates2.PNG"

File:Blogsearch.PNG

2013-12-18T22:44:01Z

Ccroft: Ccroft uploaded a new version of "File:Blogsearch.PNG"

File:Vivitiupdates.PNG

2013-12-18T22:42:58Z

Ccroft: Ccroft uploaded a new version of "File:Vivitiupdates.PNG"

File:Googledocs.PNG

2013-12-18T22:41:48Z

Ccroft: Ccroft uploaded a new version of "File:Googledocs.PNG"

File:Gmaps2.PNG

2013-12-18T22:40:26Z

Ccroft: Ccroft uploaded a new version of "File:Gmaps2.PNG"

File:Ecwidps1.PNG

2013-12-18T22:38:10Z

Ccroft: Ccroft uploaded a new version of "File:Ecwidps1.PNG"

File:Filemanager.PNG

2013-12-18T22:34:58Z

Ccroft: Ccroft uploaded a new version of "File:Filemanager.PNG"

File:Ecwidsb.PNG

2013-12-18T22:33:33Z

Ccroft: Ccroft uploaded a new version of "File:Ecwidsb.PNG"

File:Ecwidps2.PNG

2013-12-18T22:33:23Z

Ccroft: Ccroft uploaded a new version of "File:Ecwidps2.PNG"

File:Filemanager3.PNG

2013-12-18T22:32:20Z

Ccroft: Ccroft uploaded a new version of "File:Filemanager3.PNG"

File:Redirects.PNG

2013-12-18T22:25:10Z

Ccroft: Ccroft uploaded a new version of "File:Redirects.PNG"

Managing Redirects

2013-12-18T22:23:49Z

Ccroft: /* Where to Find */

__NOTOC__
From here you can redirect any of your website pages to one of your other website pages. You can also choose from a few different redirection options.

==Where to Find==

This area can be found under pages in the "Manage Website" section of the [[Toolbar]]. Click on the "Page/URL Redirects" tab.

==Managing Redirects==

To get started, click on the "new redirect" button.

[[Image:Redirects.PNG]]

Enter the page name you want to be redirected into the box at the top of the screen. Then simply use the drop down boxes below to choose where to redirect the page and which redirect type is appropriate in this situation.

[[Category:Using The Website Builder]]
[[Category:Toolbar]]
[[Category:Pages]]

File:Vimeo.PNG

2013-12-18T22:22:30Z

Ccroft: Ccroft uploaded a new version of "File:Vimeo.PNG"

File:Github.PNG

2013-12-18T22:21:35Z

Ccroft: Ccroft uploaded a new version of "File:Github.PNG"

File:Imageslideshow.PNG

2013-12-18T21:32:23Z

Ccroft: Ccroft uploaded a new version of "File:Imageslideshow.PNG"

File:Imageslideshow2.PNG

2013-12-18T21:26:59Z

Ccroft: Ccroft uploaded a new version of "File:Imageslideshow2.PNG"

File:Quicksizes.PNG

2013-12-18T20:05:49Z

Ccroft: Ccroft uploaded a new version of "File:Quicksizes.PNG"

File:Imagegallery2.PNG

2013-12-18T20:04:52Z

Ccroft: Ccroft uploaded a new version of "File:Imagegallery2.PNG"

File:ImageCropper.PNG

2013-12-18T20:04:44Z

Ccroft: Ccroft uploaded a new version of "File:ImageCropper.PNG"

File:Guestbook2.PNG

2013-12-18T20:01:50Z

Ccroft: Ccroft uploaded a new version of "File:Guestbook2.PNG"

File:Guestbook3.PNG

2013-12-18T20:01:19Z

Ccroft: Ccroft uploaded a new version of "File:Guestbook3.PNG"

File:Guestbook.PNG

2013-12-18T20:00:12Z

Ccroft: Ccroft uploaded a new version of "File:Guestbook.PNG"

File:Bnetapps.PNG

2013-12-18T19:58:04Z

Ccroft: Ccroft uploaded a new version of "File:Bnetapps.PNG"

File:ShareButtons.PNG

2013-12-18T19:54:14Z

Ccroft: Ccroft uploaded a new version of "File:ShareButtons.PNG"

File:Ecwidpl.PNG

2013-12-18T19:53:33Z

Ccroft: Ccroft uploaded a new version of "File:Ecwidpl.PNG"

Sitemap

2013-12-18T19:50:56Z

Ccroft: /* Where to Find */

__NOTOC__
A sitemap allows search engines to index your site more effectively.

==Where to Find==

This area can be found under "Site-wide SEO" in the "Manage Website" section of the [[Toolbar]].

==Sitemap Settings==

You can choose from a few different options to match your Sitemap XML to the style you prefer. Options are:

* Disabled
* Only Pages in Navigation
* All Pages
* Custom Sitemap

[[Image:Sitemap.PNG]]

Please note that you can't customize the code in any of these options as they are optimized for those selections. If you want a custom sitemap, please choose that option.

==Related Help==

* [[Header Settings]]
* [[Advanced Website Settings]]
* [[Linked Accounts]]
* [[Metatags]]

[[Category:Toolbar]]

File:Sitemap.PNG

2013-12-18T19:47:07Z

Ccroft: Ccroft uploaded a new version of "File:Sitemap.PNG"

File:Websitesettings.PNG

2013-12-18T19:45:20Z

Ccroft: Ccroft uploaded a new version of "File:Websitesettings.PNG"