Components: Difference between revisions
mNo edit summary |
No edit summary |
||
(41 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
<center> | <center> | ||
{| class="wikitable" border=1 cellspacing=0 cellpadding=3 | |||
{| class="wikitable | !colspan="6"|<font size=3>Content Components</font> | ||
! | |||
|- | |- | ||
| [[Image:Customicon. | | [[Image:Customicon.PNG|link=TextorContentBlockComponent]] | ||
| Text or Content Block | | Text or Content Block | ||
| Add text and images using a visual editor | | Add text and images using a visual editor | ||
|- | |- | ||
| [[Image: | | [[Image:HeaderIcon.png|link=HeadingComponent]] | ||
| | | Heading | ||
| Add a customizable text heading using a visual editor | |||
| Add a | |||
|- | |- | ||
| [[Image:Htmlicon. | | [[Image:Htmlicon.PNG|link=HTMLComponent]] | ||
| HTML/Javascript | | HTML/Javascript | ||
| Embed third party widgets or write your own code | | Embed third party widgets or write your own code | ||
|- | |- | ||
| [[Image: | | [[Image:spacericon.png|link=SpacerComponent]] | ||
| | | Spacer | ||
| | | Adds a spacer between components | ||
|- | |||
| [[Image:Imageicon.PNG|link=ImageComponent]] | |||
| Single Image | |||
| Place a single image on your page | |||
|- | |||
| [[Image:Imageslideshowicon.PNG|link=ImageSlideshowComponent]] | |||
| Image Slideshow | |||
| Add a slideshow from all of the images in a folder | |||
|- | |- | ||
| [[Image:Imagegalleryicon. | | [[Image:Imagegalleryicon.PNG|link=ImageGalleryComponent]] | ||
| Image Gallery | | Image Gallery | ||
| Add a number of images to your site in a variety of ways | |||
|- | |||
| [[Image:Formicon.PNG|link=FormComponent]] | |||
| Contact Form | |||
| Display a simple form on your site that e-mails you submissions | |||
|- | |||
| [[Image:Feedicon.PNG|link=FeedComponent]] | |||
| Web Feed | |||
| Add content from websites that publish feeds of their content | | Add content from websites that publish feeds of their content | ||
|- | |- | ||
| [[Image: | | [[Image:Googlemapsicon.PNG|link=GoogleMapComponent]] | ||
| | | Google Maps | ||
| Display | | Display a map with a location on it | ||
|- | |- | ||
| [[Image:Navigationicon. | | [[Image:Navigationicon.PNG|link=NavigationComponent]] | ||
| Navigation | | Navigation | ||
| Create an extra navigation menu | | Create an extra navigation menu | ||
|- | |- | ||
| [[Image: | | [[Image:WorldMapicon.png|link=WorldMapComponent]] | ||
| | | Interactive World Map | ||
| Display | | Display an interactive map with custom markers | ||
|- | |||
| [[Image:Bnetappsicon.PNG|link=BravenetComponent]] | |||
| Bravenet Web Apps | |||
| Add A Bravenet Web App to your site | |||
|- | |||
| [[Image:Guestbookicon.PNG|link=GuestbookComponent]] | |||
| Guestbook | |||
| Allow your visitors to write a message to you! | |||
|- | |||
| [[Image:Pagecountericon.PNG|link=PageCounterComponent]] | |||
| Page Counter | |||
| Display your number of unique visits or page views on your website | |||
|- | |||
!colspan="6"|<font size=3>Blogging Components</font> | |||
|- | |||
| [[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: | | [[Image:Blogsearchicon.PNG|link=BlogSearchComponent]] | ||
| | | Blog Search | ||
| Display | | Display a search box so that your blog can be searched | ||
|- | |- | ||
| [[Image: | | [[Image:Blogarchiveicon.PNG|link=BlogArchiveComponent]] | ||
| | | Blog Archive | ||
| | | Show links to your old blog posts by dates, categories or tags | ||
|- | |- | ||
| | !colspan="6"|<font size=3>Multimedia Components</font> | ||
|- | |- | ||
| [[Image: | | [[Image:beforeaftericon.png|link=BeforeAfterComponent]] | ||
| | | Before After | ||
| Show | | Show a before and after image | ||
|- | |- | ||
| [[Image: | | [[Image:html5videoicon.png|link=HTML5VideoComponent]] | ||
| | | HTML5 Video | ||
| Display | | Display an HTML5 Video on your website | ||
|- | |- | ||
| [[Image:Youtubeicon. | | [[Image:Youtubeicon.PNG|link=YoutubeComponent]] | ||
| Youtube Video | | Youtube Video | ||
| Display a YouTube video on your site | | Display a YouTube video on your site | ||
|- | |- | ||
| [[Image: | | [[Image:GDocsicon.PNG|link=GoogleDocsViewerComponent]] | ||
| | | Google Docs Viewer | ||
| Display a | | Display a document on your website | ||
|- | |- | ||
| [[Image:Flickricon.PNG|link=FlickrGalleryComponent]] | |||
| [[Image:Flickricon. | |||
| Flickr Gallery | | Flickr Gallery | ||
| Display a collection of images from Flickr in a customizable gallery | | Display a collection of images from Flickr in a customizable gallery | ||
|- | |- | ||
| [[Image: | | [[Image:Videoplayericon.PNG|link=VideoPlayerComponent]] | ||
| | | Video Player | ||
| Display your | | Display a video on your website. | ||
|- | |||
| [[Image:Flashicon.PNG|link=FlashComponent]] | |||
| Embed Flash | |||
| Embed a Flash SWF on your website | |||
|- | |||
| [[Image:Vimeoicon.PNG|link=VimeoComponent]] | |||
| Vimeo | |||
| Display a Vimeo video on your site | |||
|- | |||
| [[Image:Audioplayericon.PNG|link=AudioPlayerComponent]] | |||
| Audio Player | |||
| Let your visitors listen to music on your website | |||
|- | |||
!colspan="6"|<font size=3>Social Components</font> | |||
|- | |||
| [[Image:Sociabuttonsicon.PNG|link=ShareButtonsComponent]] | |||
| Social Sharing Buttons | |||
| Add icons that allow visitors to share your webpages through a variety of social networks. | |||
|- | |||
| [[Image:Lastfmicon.PNG|link=LastfmComponent]] | |||
| Last.FM | |||
| Display music that you listen to through your Last.FM account | |||
|- | |- | ||
| [[Image:Followersicon.PNG|link=TwitterFollowerComponent]] | | [[Image:Followersicon.PNG|link=TwitterFollowerComponent]] | ||
Line 91: | Line 133: | ||
| Display the icons of people following you, or people you're following | | Display the icons of people following you, or people you're following | ||
|- | |- | ||
| [[Image: | | [[Image:Twittericon.PNG|link=TwitterComponent]] | ||
| | | Twitter Timeline | ||
| | | Display your recent Twitter updates on your page | ||
|- | |||
| [[Image:Githubicon.PNG|link=GitHubRepositoriesComponent]] | |||
| GitHub Repositories | |||
| This component will display a list of recent GitHub repositories for a GitHub user | |||
|- | |||
| [[Image:Tweetbuttonicon.PNG|link=TweetButtonComponent]] | |||
| Tweet Button | |||
| Allow users to share your site on Twitter | |||
|- | |||
| [[Image:facesiteicon.PNG|link=FacebookActivityComponent]] | |||
| Facebook Site Activity | |||
| Show the recent Facebook activity on your site | |||
|- | |- | ||
| [[Image: | | [[Image:facelikeicon.PNG|link=FacebookLikeComponent]] | ||
| | | Facebook Like Button | ||
| | | Allow users to like a page or item on Facebook | ||
|- | |- | ||
| [[Image: | | [[Image:facestaticon.PNG|link=FacebookStatusComponent]] | ||
| | | Facebook Status Updates | ||
| Display | | Display your recent Facebook Status updates on your page | ||
|- | |- | ||
| [[Image: | | [[Image:Redditicon.PNG|link=RedditComponent]] | ||
| | | Reddit | ||
| | | Display stories from reddit.com on your website | ||
|- | |||
| [[Image:Blogrollicon.PNG|link=BlogrollComponent]] | |||
| Blogroll | |||
| Display a list of your favorite blogs | |||
|- | |- | ||
| [[Image:Friendfeedicon. | | [[Image:Friendfeedicon.PNG|link=FriendfeedComponent]] | ||
| Friendfeed | | Friendfeed | ||
| Display your recent online activity from a variety of other websites | | Display your recent online activity from a variety of other websites | ||
|- | |- | ||
| [[Image:Deliciousicon. | | [[Image:Deliciousicon.PNG|link=DeliciousComponent]] | ||
| Del.icio.us | | Del.icio.us | ||
| Display your recently bookmarked websites | | Display your recently bookmarked websites | ||
|- | |- | ||
| [[Image: | | [[Image:Friendicon.PNG|link=FriendComponent]] | ||
| | | Friend List | ||
| Display | | Add a list of friends to your site | ||
|- | |||
| [[Image:Gamercardicon.PNG|link=GamercardComponent]] | |||
| Xbox GamerCard | |||
| Show off your scores by entering your XBOX GamerTag | |||
|- | |||
!colspan="6"|<font size=3>eCommerce Components</font> | |||
|- | |||
| [[Image:Paypalicon.PNG|link=PaypalComponent]] | |||
| Paypal | |||
| Display a Paypal "buy now" button on your site | |||
|- | |- | ||
| [[Image: | | [[Image:Ecwidsbicon.PNG|link=EcwidShoppingBagComponent]] | ||
| | | Ecwid Shopping Bag | ||
| | | Create a digital shopping bag for your website | ||
|- | |- | ||
| [[Image: | | [[Image:Ecwidpsicon.PNG|link=EcwidProductSearchComponent]] | ||
| | | Ecwid Product Search | ||
| | | Create a search box for the products you sell | ||
|- | |- | ||
| [[Image: | | [[Image:Ecwidplicon.PNG|link=EcwidProductListingComponent]] | ||
| | | Ecwid Product Listing | ||
| Display | | Display products from your Ecwid.com online store | ||
|- | |- | ||
| [[Image: | | [[Image:Bookfreshicon.PNG|link=BookFreshComponent]] | ||
| | | BookFresh Online Scheduling | ||
| | | Let new and existing clients schedule with your business online | ||
|- | |- | ||
| [[Image: | | [[Image:Ebayitemsicon.PNG|link=ebayItemsComponent]] | ||
| | | eBay Listings | ||
| | | Display a list of the items you're selling on eBay | ||
|- | |- | ||
|} | |} | ||
Line 144: | Line 212: | ||
Although your | 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 | |||
Latest revision as of 03:02, 18 October 2017
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