Website Builder - User contributions [en]

Managing Pages

2013-06-18T21:05:57Z

Shanker:

__NOTOC__
From here you can add, delete and manage your pages and groups as well as URL redirects. You can also [[create a new page]] and set your home page here. Your home page is the first page visitors will see when they visit your website address.

[[Image:Pages.PNG]]

==Where to Find==

This area can be found in the "Manage Website" section of the [[Toolbar]] as '''Pages'''.

==Managing Pages==

* Clicking on a page name will allow you to edit the [[page settings]] you used when the page was created in the [[Creating a New Page]] area. You can '''unpublish''' a page in this area.

* Clicking the [[Image:Viewicon.PNG]] icon will take you directly to the associated page.

* Clicking on "Make default" will set the selected page as the page that is loaded by default when you edit your pages and will be the first page seen when someone visits your website. Your default page cannot be deleted and this option will not be available unless another default page is chosen. Your home page will always display at the top of your [[Toolbar | page navigation dropdown]].

* Clicking the [[Image:Trashicon.PNG]] icon will allow you to delete the page. You will be prompted to confirm deletion first, which will prevent accidentally deleted pages.

==Managing Folders==

Folders are useful for grouping similar pages together to be managed as a group to avoid complication and confusion where there are many pages. It can also be used to password protect only the pages in a folder and leave all others open to the public.

To create a new folder, simply click "New Page". You will be able to create a new page here and all all of the details that can be later managed in the [[Page Settings]] area.

[[Image:Managepages2.PNG]]

The screenshot above shows the settings that are needed to create the '''pageinfolder''' page in the ''/foldername/'' folder as shown in the screenshot at the top of the page. Note the '''foldername/''' in the '''Page URL''' field.

Clicking the [[Image:Trashicon.PNG]] icon will bring up a confirmation box allowing you to confirm your choice before the folder is deleted.

''Note: This will also remove the pages inside this folder.''

<div id="password">
==Locking/Unlocking==
</div>
If you'd like to password protect a page or group, click on the [[Image:Lockicon.PNG]] icon to the right of the page name or group name. You will then be able to set a password for that page or group.

To unlock a protected page or group, or to change the password associated with it, simply click on the [[Image:Lockedicon.PNG]] icon.

''Please note that the desired actions will be applied automatically and closing this box when finished will confirm this.''

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

File:Lockedicon.PNG

2013-06-18T21:05:51Z

Shanker: Shanker uploaded a new version of "File:Lockedicon.PNG"

File:Lockicon.PNG

2013-06-18T21:04:43Z

Shanker: Shanker uploaded a new version of "File:Lockicon.PNG"

File:Managepages2.PNG

2013-06-18T21:01:24Z

Shanker: Shanker uploaded a new version of "File:Managepages2.PNG"

Managing Pages

2013-06-18T20:58:27Z

Shanker:

__NOTOC__
From here you can add, delete and manage your pages and groups as well as URL redirects. You can also [[create a new page]] and set your home page here. Your home page is the first page visitors will see when they visit your website address.

[[Image:Pages.PNG]]

==Where to Find==

This area can be found in the "Manage Website" section of the [[Toolbar]] as '''Pages'''.

==Managing Pages==

* Clicking on a page name will allow you to edit the [[page settings]] you used when the page was created in the [[Creating a New Page]] area. You can '''unpublish''' a page in this area.

* Clicking the [[Image:Viewicon.PNG]] icon will take you directly to the associated page.

* Clicking on "Make default" will set the selected page as the page that is loaded by default when you edit your pages and will be the first page seen when someone visits your website. Your default page cannot be deleted and this option will not be available unless another default page is chosen. Your home page will always display at the top of your [[Toolbar | page navigation dropdown]].

* Clicking the [[Image:Trashicon.PNG]] icon will allow you to delete the page. You will be prompted to confirm deletion first, which will prevent accidentally deleted pages.

==Managing Folders==

Folders are useful for grouping similar pages together to be managed as a group to avoid complication and confusion where there are many pages. It can also be used to password protect only the pages in a folder and leave all others open to the public.

To create a new folder, simply click "New Page". You will be able to create a new page here and all all of the details that can be later managed in the [[Page Settings]] area.

[[Image:Managepages2.PNG]]

The screenshot above shows the settings that are needed to create the '''Contact''' page in the ''/about/'' folder as shown in the screenshot at the top of the page. Note the '''about/''' in the '''Page Location''' field.

Clicking the [[Image:Deletegroup.PNG]] icon will bring up a confirmation box allowing you to confirm your choice before the folder is deleted.

''Note: This will also remove the pages inside this folder.''

<div id="password">
==Locking/Unlocking==
</div>
If you'd like to password protect a page or group, click on the [[Image:Lockicon.PNG]] icon to the right of the page name or group name. You will then be able to set a password for that page or group.

To unlock a protected page or group, or to change the password associated with it, simply click on the [[Image:Lockedicon.PNG]] icon.

''Please note that the desired actions will be applied automatically and closing this box when finished will confirm this.''

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

File:Viewicon.PNG

2013-06-18T20:57:33Z

Shanker: Shanker uploaded a new version of "File:Viewicon.PNG"

File:Viewicon.PNG

2013-06-18T20:57:01Z

Shanker:

2013-05-17T18:26:55Z

Shanker:

<center>
{| class="wikitable sortable" border=1 cellspacing=0 cellpadding=3
|-
! style="background:#C0C0C0" | Logo
! style="background:#C0C0C0" | Title
! style="background:#C0C0C0" | Description
|-
| [[Image:Customicon.PNG|link=TextorContentBlockComponent]]
| Text or Content Block
| Add text and images using a visual editor
|-
| [[Image:Feedicon.PNG|link=FeedComponent]]
| Web Feed
| Add content from websites that publish feeds of their content
|-
| [[Image:Friendicon.PNG|link=FriendComponent]]
| Friend List
| Add a list of friends to your site
|-
| [[Image:Htmlicon.PNG|link=HTMLComponent]]
| HTML/Javascript
| Embed third party widgets or write your own code
|-
| [[Image:Pagecountericon.PNG|link=PageCounterComponent]]
| Page Counter
| Display your number of unique visits or page views on your website
|-
| [[Image:Imagegalleryicon.PNG|link=ImageGalleryComponent]]
| Image Gallery
| Add a number of images to your site in a variety of ways
|-
| [[Image:Imageslideshowicon.PNG|link=ImageSlideshowComponent]]
| Image Slideshow
| Add a slideshow from all of the images in a folder
|-
| [[Image:Lastfmicon.PNG|link=LastfmComponent]]
| Last.FM
| Display music that you listen to through your Last.FM account
|-
| [[Image:Navigationicon.PNG|link=NavigationComponent]]
| Navigation
| Create an extra navigation menu
|-
| [[Image:Sociabuttonsicon.PNG|link=ShareButtonsComponent]]
| Social Sharing Buttons
| Add icons that allow visitors to share your webpages through a variety of social networks.
|-
| [[Image:Bnetappsicon.PNG|link=BravenetComponent]]
| Bravenet Web Apps
| Add A Bravenet Web App to your site
|-
| [[Image:Redditicon.PNG|link=RedditComponent]]
| Reddit
| Display stories from reddit.com on your website
|-
| [[Image:GDocsicon.PNG|link=GoogleDocsViewerComponent]]
| Google Docs Viewer
| Display a document on your website
|-
| [[Image:Videoplayericon.PNG|link=VideoPlayerComponent]]
| Video Player
| Display a video on your website.
|-
| [[Image:Flashicon.PNG|link=FlashComponent]]
| Embed Flash
| Embed a Flash SWF on your website
|-
| [[Image:facesiteicon.PNG|link=FacebookActivityComponent]]
| Facebook Site Activity
| Show the recent Facebook activity on your site
|-
| [[Image:facelikeicon.PNG|link=FacebookLikeComponent]]
| Facebook Like Button
| Allow users to like a page or item on Facebook
|-
| [[Image:facestaticon.PNG|link=FacebookStatusComponent]]
| Facebook Status Updates
| Display your recent Facebook Status updates on your page
|-
| [[Image:Gamercardicon.PNG|link=GamercardComponent]]
| Xbox GamerCard
| Show off your scores by entering your XBOX GamerTag
|-
| [[Image:Paypalicon.PNG|link=PaypalComponent]]
| Paypal
| Display a Paypal "buy now" button on your site
|-
| [[Image:Ecwidsbicon.PNG|link=EcwidShoppingBagComponent]]
| Ecwid Shopping Bag
| Create a digital shopping bag for your website
|-
| [[Image:Ecwidpsicon.PNG|link=EcwidProductSearchComponent]]
| Ecwid Product Search
| Create a search box for the products you sell
|-
| [[Image:Ecwidplicon.PNG|link=EcwidProductListingComponent]]
| Ecwid Product Listing
| Display products from your Ecwid.com online store
|-
| [[Image:Youtubeicon.PNG|link=YoutubeComponent]]
| Youtube Video
| Display a YouTube video on your site
|-
| [[Image:Vimeoicon.PNG|link=VimeoComponent]]
| Vimeo
| Display a Vimeo video on your site
|-
| [[Image:Githubicon.PNG|link=GitHubRepositoriesComponent]]
| GitHub Repositories
| This component will display a list of recent GitHub repositories for a GitHub user.
|-
| [[Image:Formicon.PNG|link=FormComponent]]
| Form
| Display a simple form on your site that e-mails you submissions
|-
| [[Image:Guestbookicon.PNG|link=GuestbookComponent]]
| Guestbook
| Allow your visitors to write a message to you!
|-
| [[Image:Googlemapsicon.PNG|link=GoogleMapComponent]]
| Google Maps
| Display a map with a location on it
|-
| [[Image:Flickricon.PNG|link=FlickrGalleryComponent]]
| Flickr Gallery
| Display a collection of images from Flickr in a customizable gallery
|-
| [[Image:Tweetbuttonicon.PNG|link=TweetButtonComponent]]
| Tweet Button
| Allow users to share your site on Twitter
|-
| [[Image:Twittericon.PNG|link=TwitterComponent]]
| Twitter Timeline
| Display your recent Twitter updates on your page
|-
| [[Image:Followersicon.PNG|link=TwitterFollowerComponent]]
| Twitter Followers
| Display the icons of people following you, or people you're following
|-
| [[Image:Imageicon.PNG|link=ImageComponent]]
| Single Image
| Place a single image on your page
|-
| [[Image:Ebayitemsicon.PNG|link=ebayItemsComponent]]
| eBay Listings
| Display a list of the items you're selling on eBay
|-
| [[Image:Bookfreshicon.PNG|link=BookFreshComponent]]
| BookFresh Online Scheduling
| Let new and existing clients schedule with your business online
|-
| [[Image:Friendfeedicon.PNG|link=FriendfeedComponent]]
| Friendfeed
| Display your recent online activity from a variety of other websites
|-
| [[Image:Deliciousicon.PNG|link=DeliciousComponent]]
| Del.icio.us
| Display your recently bookmarked websites
|-
| [[Image:Blogicon.PNG|link=BlogComponent]]
| Blog Posts
| Display blog posts you have written as a list, summary or full posts
|-
| [[Image:Blogcommenticon.PNG|link=BlogCommentComponent]]
| Blog Comments
| Display recent comments made on your blog posts
|-
| [[Image:Blogsearchicon.PNG|link=BlogSearchComponent]]
| Blog Search
| Display a search box so that your blog can be searched
|-
| [[Image:Blogrollicon.PNG|link=BlogrollComponent]]
| Blogroll
| Display a list of your favorite blogs
|-
| [[Image:Blogarchiveicon.PNG|link=BlogArchiveComponent]]
| Blog Archive
| Show links to your old blog posts by dates, categories or tags
|-
| [[Image:Audioplayericon.PNG|link=AudioPlayerComponent]]
| Audio Player
| Let your visitors listen to music on your website
|-
|}

</center>

Although your Website Builder theme will work if you do not apply any css styles to the html for the optional content components, you will need to style them if you want to give them a unique design rather than the default style that is applied.

Want to see these components at work? An example site has been set up to display them all at http://builderexample.com

File:Friendicon.PNG

2013-05-17T18:17:43Z

Shanker: Shanker uploaded a new version of "File:Friendicon.PNG"

Components

2013-05-17T18:15:55Z

2013-05-17T17:48:42Z

Shanker: