Introduction to LiveEdit

Transcription

1 Introduction to LiveEdit Brenda Lundeen MicroNet, Inc. ChamberMaster and MemberZone are services of MicroNet, Inc. micronetonline.com chambermaster.com memberzone.com

2 Our session includes... Displaying the LiveEdit button on your toolbar Understanding the Edit mode Adding, deleting, and editing content Placing images and videos Managing pages and menus 1 hour

3 Remember... Please ask questions throughout! Send questions, comments, feedback on the GotoWebinar Questions area anytime Q&A time at the end If you are connected via voice line, you ll be able to ask question verbally Click Raise Hand; wait to be recognized; ask question; all participants will hear question May also converse privately through Q&A in Questions area

4 What is Live Edit? Content Management System (CMS) Allows you to create, edit and manage your own content Drag and drop interface; intuitive plus more.. Additional content tools and features include Photo gallery Blog Form creation

5 Logging in Access your domain name and add /login Add LiveEdit button to your toolbar Login to your database with Admin permissions Setup->General Options and Settings Add-on Manager Area Enter LiveEdit credentials

6 LiveEdit Screen layout

7 Maintaining your new website

8 LiveEdit Basic content editing Select Edit mode Navigate to desired page to edit content using displayed website menus/navigation Click View Options on area to edit Click Edit item Make changes to text Click Save and Publish

9 LiveEdit basic Content editing Do not Save as Draft when simply editing text or making simple changes to existing blocks LiveEdit will save the whole content block as Draft Drafts are not displayed on the live website

10 To Display your block saved as Draft If you do Save as Draft and want to get the block back on the site Click to select Draft mode Click View Options on the block that is in draft mode Select Toggle Draft Mode Click to turn off Draft mode

11 Selecting proper mode To view live website To edit live website To view live website and draft blocks To edit live website and draft blocks Recommendation: For most basic editing needs, edit the live website. Use draft blocks when adding new content so you can see how it looks or so you can work on the block over a period of time.

12 LiveEdit Big picture Content pages from the database are not edited by navigating to the page Business Directory Weather Events Contact Us Hot Deals News Releases Job Postings Membership Application Member to Member Info Request Deals Member Forum Public Group Sign-up Map The content on these pages come from the database. The only LiveEdit editing is of the template design.

13 Adding new content blocks Navigate to the page where content should be added Click +New in Click General Content (for basic text blocks) Type your text Click Save and Publish

14 Drag and Drop & Text Alignment Click and drag the block to desired location Click View Options and select align text left, right, or center

15 Add graphic to a block part 1 Upload file to File Manager first Click Options (or Dashboard) Click File Manager Click the desired Collection (or else it will load to All Files folder. Collection can be designated later). Click Upload New Files to Current Collection Click Select Files to Upload and locate your graphic Select the file to be uploaded. (press Ctrl-click to select multiple files at once)

16 Add graphic to a block part 2 Navigate back to the desired page Click View Options and Edit Item Click the Image tab Find and click the desired graphic Enter the desired size; click Resize Click Select Image Click Save and Publish

17 Change layout for a block Basic layouts are available for each General Content area Click View Options, Edit Item and click the Layout tab

18 Insert image within text Why use Insert Image icon vs. using Image tab? If needing more exact placement of image If needing to link the image View Options and click Edit Item Use the Insert/edit Image button

19 Placing videos Locally stored video Use +New in and select MultiMedia YouTube video link See instructions in Help/Info->LiveEdit->Place a Video

20 Other content to add Click +New in

21 Editing that should be left to a web designer Change title format Scrolling text Mini event calendar Home page header? Other CSS changes, buttons, website design

22 Creating and changing your website Adding pages and new menu selections

23 The Dashboard

24 Adding a new menu item Familiarize yourself with your own website i.e. the names of pages, menu names, and menu locations Two ways to add a new menu item Duplicate a current similar page/link and then modify it with your specifics Start from scratch Click New Page on Dashboard

25 Copy an existing menu item Locate the item to duplicate Click Dashboard Click the Copy icon Copies the page/link with no content blocks Copies the page and also the content blocks Click the Page Options icon on the new item Edit the copy with your specifics Change name of the page, page title Change the Link URL (if item is a link) Click Save and Publish

26 Create a new Pull-Down menu Click Manage Page Groups Type the name for the new page group and click Add Create a new page or copy a similar menu item in the desired page grouping where the new menu should exist Edit this new menu choice (see example to the right) In the new Page Group, create or copy in the pages and links

27 Turn off a menu item* Determine which menu item should be turned off or disabled Click Dashboard Click the yellow light bulb on the menu item to be disabled The light bulb will turn grey The menu selection is no longer available on the website Click the light bulb again to re-activate the selection *These steps also work to disable a page

28 Delete a Page or link Click the Dashboard Locate the desired page or link to be removed Click the Page Options icon Click the Advanced tab Click Delete this Menu Item

29 Photo slider - How to edit the Photo slider in LiveEdit 4/3/

30 Polaroids - How to edit the Polaroids and slider in LiveEdit 4/3/

31 Tabs and Accordian feature - How to edit the Tabs and Accordion in LiveEdit 4/3/

32 Search Help for responsive 4/3/

33 Questions or Assistance? Click Request Support