picoCMS Client Training
Contents
1. Don t Forget You can always go to http pico cms com user manual with questions or if you need guidance Itoffers tutorials amp Frequently Asked Questions Bite Sized Instructions Wa MAINTENANCE User Manual Contents ALSO Use http supportsisarina com if you need submit a ticket for help Directly connects you to our developer Provides time stamps showing when a projectis being worked on Domain example com PIN Em GET BRANDED 72. Username Password 6 Characters Confer E mail Address User Access Administrator Optional Information Fist Nome Last Name Profile Information User Group Pro ile User Access Level of Responsibility lt Administrator Moderator Author Registered User ng User 1 User Manage Current Users 2 Select User click Green arrow Red arrow to delete current user 3 Fill Out passwords are case sensitive Add New User Required Information Username Password Characters Confirm E mail Address User Access Administrator Optional Information Fist Nome Last Name Profile Information User Group Pro ile User Access Level of Responsibility GET BRANDED 5 Ill Content Editing Interior Pages Pcontent Gages Users 1 Content Edit Content Select Edit Content again to get out of editing mode 2 Click on gray striped area of editable box Always select stripes amp not links Basic Toolbar Contant Ed Deney amore IM Source computer code Cut must use short hand Copy must use short hand Paste must use short hand Paste as Plain Text Paste from Word Search Replace Select All Remove Format Insert Image Insert Table Insert horizontal line Special characters Undo redo Bold Italics Underline Strikethrough Numbers Bullets Inde
3. blog summary Bottom Right Navigation Preview to show appearance of post before publishing Save Save amp Publish Back to All Posts Blog Right Side of Page Content gt Edit Content Under Recent Posts to select number of entries Content gt Edit Content on Search to change order or hide what appears Notes ermo 240 170 0715 i sisanina picoCMS Client Training Checklist Here is the link for your site while on our development server 1 lhave been told about using Firefox or chrome and NOT using Internet Explore as my browser 2 __I have been told about clearing my cache 3 ___I was told about updating PICO and the importance of doing this on a regular basis _1 have been setup as an Admin user in picoCMS Username Password case sensitive feel comfortable setting up additional users if needed feel comfortable navigating through the Basic Toolbar 7 lam capable of creating a link within my website lam aware of the size requirements when uploading images and the problems that can occur if these requirements are not followed i Images should be no larger then 800 pixels 1MB l understand and feel comfortable creating tables 10 lam comfortable cloning pages 11 __ I have setup my account for using support sisarina com services and feel comfortable with starting a support ticket if whe
4. name Tab out of window Click Clone Page Create internal links to this new page where desired a Reference training Document 1 if you need help None o ADDING A PAGE TO THE NAVIGATION Gages Users 1 Content Edit Content Click on the Navigation bar but do not click on a link Your Site Hierarchy will appear eT Be E ELM wewene BOD wie 29 oe carey GO Du ICON KEY Up amp Down Arrows adjust order Red X Deletes from navigation only not from Site Green Adding a Sub navigation Side Arrow Hides or Shows pages within Navigation Buy Doors 8 P uniink xs Howto DIY E P unlink ADDING A PAGE TO THE NAVIGATION cont d 2 Select Heading your adding a sub navigation to the lighter gray area 3 Select desired page from List on Right Click Add It will now appear in the darker gray area You DO NOT NEED TO FILL OUT Name amp URL Site Heirarchy Adding Video Adding a link to a video is the same as creating any other link on your site Pcontent LL Users 1 Content gt edit content 2 Click content box you are adding link to stripped boxed area 3 In editing window Highlight text you want to link 4 Clink Link Icon on the toolbar Bee rhaajauez umen Brus eet 298 de roy E 7 Click target tab and select New Window when finished click OK
5. 2 Step Process Step 1 1 Click image button on toolbar 2 Image Properties Window Appears Image Properties x Imageint une Advances un Browse Sener lemotie Text wman prevew Lorem ipsum dolor Samal ener feugia consequat diam Maecenas is diam purus cursis a commode rae nuta Aenean Nunc tacui non acuis aliguam ori Borner le neque ornare massa mauris sed et Nulla pream niet ra Fusce ml pede empor cursus ulamcorper noc anim Sed Space loner Curabitur moleste Duis vel augue oncimemum at ultices a are Donec petentesque egestas eras Integer mus augue in eight space ursus tauebus eros poda binendum an in eios aso Aigner eme 18 Browse server takes you to images already on your server Click Browse agajmto upload a new image MAI 9 Create folders for categories of images example blog images Open to the desired folder before you upload new images To check and adjust image properties click camera on upper right Options to resize or manually enter dimensions Click resize save and add Rename image accordingly Click on name of image to add to page Step 2 To Upload a new image Open to the appropriate folder Click Browse Click Open Alternative text important to add 1 SEO if image is broken people see text and still linked 2 Google searches based on words not images 3 Blind peopl
6. e using readers Sizing alignment Link to add ur set target Advanced to add advisory title Can type in URL but recommend upload images to server for more control Make sure not to have any spaces in image name Notes 10 Linking PDFs 1 Highlight the text you want to link 2 Select the link 2 v sj s sie 2 lle 5 3 click Browse Server cancel 4 a new box appears click Browse Server again ree 5 select correct PDF 6 it will now appear in the AY images select it 4328 ELMO AVE BETHESDA MD 20914 24p a79 o7es sisanma cdd 7 the URL will now be filled in nk Target Advences ere fu A Protocol URL Browse Sener 8 click on the tab that says Target and select New Window from drop B e Target snotset gt trame popup windaw gt down Topmost Window top Same Window _setf Parent Window _parent c 9 click OK content LL Users 1 Content Edit Content 2 Opens Blog Editing Window All Posts ades Starta new post Festo Te 3 Click green arrow next to existing post OR Start new post 4 Same editing window as regular content boxes oi Jarina GET BRANDED 13 Advanced add author categories tags Saves to restore to previously saved versions Image to add a thumbnail image to the
7. n needed Domain Name Pin Siaina iid Sign picoCMS Client Training 2 pico cms com Tables 1 Click on table icon Bor ADRESSES m J brusene Co oe o E ere 2 Set number of columns and rows h Height adjustable 4 Headers 5 Border size 0 Borders become invisible Table Properties x Propertes Rows Wa 3 500 Columns 2 Headers Celi spacing None 1 Galipaatina 1 1 Alignment lt notsct Capion Summary cma Once Table is created 1 Right click table properties a Add cells add rows add columns 1 Pages Edit This Page Edit This Page Filled out for every page Theme mers p Net Nea Deseigton meed Croup cs Page Name Change Add Page Name URL Alias What appears in the search plane title tag What appears on the window tab on the browser Meta Keywords Helps with SEO Meta Description not SEO Snippet of text that appears under URL in a Google search Reminders Ignore everything below Meta Description Remember to Click Edit Page to save changes o Creating a New Page DO NOT SELECT Add New Page Only clone interior pages Cloning pages with modules blog page breaks them 1 Go to Inner page Log Out Pico Settings gt Pico Updates 2 Click Clone This Page Add page
8. nt Un indent Block Quote Right justify Center Left justify Justify Link Unlink Anchors Styles don t need to change Format Heading 2 to change fonts Size 20 Font size Adding Text Clipboard Options B source m 1 Type directly into box It will automatically set the correct font size Header set to H1 keep uniform on every page Other use H2 H3 and Normal 2 Paste as plain text Removes styling amp outside code SAFEST WAY 3 Paste from Word Removes excess coding that word documents carry but keep most of the formatting Font styles colors often different from website settings 4 Copy and paste directly into content box Clear formatting using remove format icon This takes out the styling elements but keeps basic structure and links Links prom Braces Users 1 Content gt edit content 2 Click content box you are adding link to stripped boxed area 3 In editing window Highlight text you want to link 4 Clink Link Icon on the toolbar amx ee aolas Lams erus 22e 2m 8 ES COM Link to address outside site Type in or copy and paste the URL Select Target Choose from drop down menu usually new window in this case Seet Advanced to put advisory title if desired Link within site Type name of page on site example about team sisarina Protocol will automatically switch to other Images
9. picoCMS Client Training A pico cms com Find Our User Manual at http pico cms com user manual Login URL domain name login Layout to training 1 Overview about pico ll Users a Adding a User b Edit Existing User Ml Content Edit Interior Pages Basic Toolbar Adding text Links Images Linking PDFs Blog IV Pages V Support amp Help GET BRANDED Overview about pico Toolbar is at the bottom of the page Three Main Areas Navigate dropdown to quickly go to page pico is made of boxes Boxes components Content striped areas Example Add New Content New content box to page green lines around striped boxes Edit Content Edit current content blue lines around striped boxes Remove Content Removes a content box itself not the content inside red lines around striped boxes Add Existing Content Adds new existing content box to page green lines around striped boxes Move Content Move boxes around the page yellow lines around striped boxes ICON KEY Up amp Down Arrows adjust order Red X Deletes from navigation only not from Site Green Adding a Sub navigation Side Arrow Hides or Shows pages within Navigation sz Buy Doors SEE P unlink aF Howto DIY 99 D unlink Il Users Adding a User 1 User Add New User 2 Fill Out passwords are case sensitive Required Information
Download Pdf Manuals
Related Search