Table of Contents
Contents
1. modern day Culver City to Pico Blvd in Santa Monica Itis believed that the creek and wetlands are named for the Machado ranch La Ballona Paso de las Carretas although the origin and meaning of Ballona remains a mystery One theory 1s that the intended name was Ballena which means whale m Snanich harance at the mnanth nf Rallona Creek nne ran waterh whales micrate Annther thanrvy ic that This is a text window 1 When working within the Text editor window place the cursor in the text where you would like the photo to be placed 2 Insert photo using Add Media icon at top left of edit box 3 Click Add Media and drag your photo into box 4 Once the photo uploads scroll down in the photo edit screen and click the option for full size and then click Insert into Post 5 Once you re back in the edit screen you can click a corner of the image and drag it to your desired size Tip Drag the corner inward to make the photo smaller not larger or it will become blurry 6 To wrap the text around the image click the image and two icons will appear at the top left of the image 7 Click the photo icon with mountains and an image edit screen will appear 8 Below the photo in the image screen you will see options None Left Center and Right Click which option you would like for wrapping the text 9 Then below the Link to url click Link to Image 10 Click on Update 11 The edit screen will l2. user Click on Publish when complete 11 All Categories MostUsed E Contests a E Blog E Facebook E YouTube Documents WW Events IM kide Meoan Maw Add New Category 7 When complete click on Publish List of Category Types Type B All Educational Materials Event Flyers Forms Guidelines Handbooks Legislation Maps News Releases Photos Plans Presentations Reports Studies Miscellaneous Tips When adding documents consider if there is an internal page that could use a reference to the document For example because LID is a popular topic if an LID document is being uploaded to the Library there is a LID documents page within Green LA LID that should be updated with this information While most topics don t necessarily need a documents page there are some pages that could use the double reference For example the BMP pages under Practice Good Housekeeping all point to PDF materials within their specific pages for the user s convenience 12 Other Library documents can certainly only live in the Library User your discretion when linking from other pages to Library documents Disregard the Permalink noted at the top of the Library document editing page as it is NOT the URL you should use to refer to the document Always use the hard link assigned to each document after you have uploaded it How To Add A News Release And Its Photos To The Library Provider of the news
3. Table of Contents LA Stormwater Website User Manual ccc cec cece ceccneceeceecceecees 2 GELLING Started cctaxocscieuecostenusdeutasweass wenesueescencsosteenedeagcsusarenenneucsessesnceus 2 HOWTO Se TAS LIC vs 52ch hdc orien chee he reece aichaa dea eden aA a 2 HS Tg NA az sree cb ease ae aces caps cores E A TE A VE EE E erie Sake as ao ecole 2 Adding A Page How To Add New Pages cccecceccceccecceccecceeceeeeeecescecceecees 4 Main Menu Mega Menu How To Add A Page To The Menu Or Remove It 4 Sidebar Menu Modifications How To Create A Menu Add A New Page To The Menu Or Make Minor Menu Modifications ssesessesseseesessesoesseseecessessessesesseoe 5 Images And Photos How To Add To And Pull Images From Media Library 6 Images and photos How to add an image or photo to a page in the Text Window 6 Text Edits How To Make Minor Text Edits esoesseseesesseseesessessesseseesecseo 8 Broken Links How To Fix A Broken Link ccccecccecccecceeccecceseceecceccenecees 8 Redirects How To Redirect Old Pages cc cescecccncceccescesceeccecceccescescescens 9 Landing Page How To Edit A Landing Page cc ccc cece nec ee cee ceecenecececceecens 9 Homepage How To Make Edits To The Homepage ccceccecccecceccecceeceecs 10 Slideshow How To Add A Slide To The Homepage ccceccceccecceccecceeces 10 HOw To Upaate Popular NMS siiaewitauus cide
4. age by choosing one of the main menu topics About Us Sub Take Action Sub or Green LA Sub Click on Add New Enter the Title Review the Permalink below to ensure the title appears correctly in the URL 0 Choose a Layout Option refer to layout samples for reference 1 If the page requires a submenu or sidebar menu click on the box and enter the EXACT name of the submenu below If a submenu hasn t been created you may continue creating the page and return to editing this area at a later time 12 Choose the user more than one can be marked to which the page applies 13 Complete the necessary fields below 14 To add multiple elements like Thumbnails click on the button Add Another Thumbnail SSO RPN AUR Add Another 15 Under Page Attributes select a Parent A Parent is a page that is hierarchically above the page you are creating For example Take Action is the parent of Help Stop Pollution 16 All other fields under Page Attributes can be left at the default setting 17 Under Publish click on Preview Changes 18 If all is good click on Publish Tips When adding text to the Text box keep custom styling to a minimum as the goal is to ensure the layout and design elements are consistent throughout the website If a page title is edited or changed after the original date of publishing the URL under permalink retains the original title Ensure that the permalink URL is updated after the title has been e
5. dited Tips for Homeowners Permalink http164 173 222 1 75 lastormtake action practice good housekeepingtips forhomeowners Edit View Page For a summary of the Wordpress text WYSIWYG editor visit http www thinkoomph com thinking 2011 11 how to use the wordpress wysiwyg editor Main Menu Mega Menu How To Add A Page To The Menu Or Remove It 1 Log on to WP 2 Click on Appearance Click on Menus K to the menu tab you would like to edit and click on it About Us Menu Name Abputlls M Au To add a link under Pages click on Search and search for the page you d like to include on the list Fases Most Recent View All Search M Tips for Pet Owners E Library Tools Checklist for Rain Barrel Mi Installation M Learn the Grade of a Local Beach Take Our Survey Check the box when the correct page is displayed You will see it appear on the list To remove a link click on the Page with arrow down icon to expand the window and select Remove When done making changes click on Save Menu Sidebar Menu Modifications How To Create A Menu Add A New Page To The Menu Or Make Minor Menu Modifications 1 2 J e Log on to WP Hover over Appearance and click on Menus To add a menu scroll to the far right of the list of tabs until you reach the sign and click on it Save Menu Follow the instructions on the window that appears Once you ve created a menu and you d like to
6. edit it find its tab by scrolling left to right Select the one you want to work on To add a new page link to it find the page under Pages filter by Most Recent View All or Search Click on the box and click Add to Menu ction Utomatically add new top level pages 9 Once it has been added to the menu you can re order the list by clicking and dragging 10 If the page is a subpage link drag the page link to the right causing an indented effect 11 When complete click Save Menu Tips If you wish to add more than 3 subpage links to an existing sidebar menu create a separate menu for that topic Always check the live site immediately after making changes to ensure changes were activated properly Images And Photos How To Add To And Pull Images From Media Library 1 Log on to WP 2 Find the Media tab on the Control Panel 3 If you would like to peruse the Library for images to use for pages or posts review the thumbnails until you find one you like 4 Click on the thumbnail Copy the File URL 6 Paste the URL in the URL field of the post or page you are working on UI 7 If you would like to add an image to the Library click on Add New 8 Edit the Title so that it s descriptive and accurate 9 You may use this image immediately by copying the URL and pasting it onto the URL field of the post or page you are working on 10 If you are not ready to use it you may simply add it to the Library f
7. er org wp content themes stormwater images greenla_megabgalt png and replace the large pelican image with the small one by transferring the file from your local drive to the folder on the server Be sure to give it the same name highlighted so that it replaces the image Next begin adding pages to the menu titled Mega Green LA Column 3 Through FTP in the header php you ll want to look for the attached bit of code and take out the comment pieces the beginning lt and ending gt 13 lt ul id greenla col3 gt lt li gt lt Tphp wo_nav_menu array menu gt Mega Green LA Column 3 J lt Li gt lt ful gt pas o Website Background If you would like to replace the current background with a new background recommend the background not change more than once a quarter Use the designs provided to match pixel size You may overwrite the following files use same filenames http www lastormwater org wp content themes stormwater images mainheader jpg http www lastormwater org wp content themes stormwater images mainfooter jpg Note the blue background that appears between and top and bottom pages will remain hex color 164174 o eNewsletter signup graphic If you would like to replace the graphic please use the provided file to use as a template You may overwrite the following file use same filename http www lastormwater org wp content themes stormwater images mlist png Tip W
8. h the Tools tab on the Control Panel 1 To fix a broken link using the tool review the page in question If it is indeed broken find the appropriate page on the live site and take note of the URL 2 Fix it within the tool by clicking on Edit URL pasting the new URL and clicking on Update URL Select not broken This removes it from the list ia Tools Available Tools Import Export Regen Thumbnails 3 Settings Redirects How To Redirect Old Pages Because not every page on the old website made its way to the new website make sure to set up a 301 Redirect so that old URLs that are still in use can continue to point users to the correct page 1 Log on to WP 2 Hover over Settings and click on 301 Redirects 3 Scroll to the bottom of the list and enter the old URL on the left side and the new URL on the right Tip To find the new URL of a page visit the page on the live site on a separate browser and copy it directly from the URL field maneng Page How To Edit A Landing Page Log on to WP Click on Landing Pages on the Control Panel Click on Manage Hover over the landing page you would like to edit and click on Edit Under Featured Box upload image file and add title text and hyperlink URL This is the large area with photo and caption at the top of the page UAWN 6 Under Lower Box upload image file and add title text and hyperlink URL 7 If you would like to add an additional Lower Box clic
9. hen designing these graphics for the website keep the program s design guidelines in mind and use the guide as reference prior to publishing the art files referred to above 14 Support and Resources 1 LAStormwater org website manual o Access an electronic version of the manual here http www lastormwater org manuals and enter assigned password 2 Playground version of the website o Access this identical version of the website here URL http staging lastormwater org URL to access Wordpress backend http staging lastormwater org wp login php Username Use the username assigned to you Password Use the password assigned to you Note this is a mirror image of the website as of 4 30 12 Any changes to the live website after 4 30 12 will not appear on the playground site o Use this to mock create pages get familiar with menus and just about anything covered in the training manual o We recommend that you take note of the changes or delete work you do on here to keep it as close to its original version as possible 3 Lynda com subscription A software training and tutorial video library o Use the course titled Wordpress Essential Training to familiarize yourself with Wordpress http www lynda com WordPress tutorials WordPress Essential Training 97614 2 html or search Wordpess Essential Training on Lynda com o User information will be forwarded to you or can be found in the password docu
10. ick on Save Menu To remove a link click on the Page with arrow down icon to expand the window and select Remove Help Stop Pollution Low Impact Development Library 8 Click on Save Menu How To Add To How Do I Main Menu And General Guidelines About Working With The Main Menus 1 2 Log on to WP Hover over Appearance and click on Menus The How Do mega menus are organized by the following Mega How Do Apply For Mega How Do Dispose Of Mega How Do I Learn About Mega How Do Request Mega How Do Volunteer For 3 oe Se To edit any of the menus above scroll left to right to find the menu you would like to edit remove or add to and click on it Add a link by searching for the page in the Pages box Once you have chosen your page click on the box and click on Add to Menu Once it has been added to the menu click on Save Menu Immediately review the mega menu on the live website to make sure it fits nicely You may need to refresh your page Important note about working with the main menus When thinking about adding to the menu review the current menu and take note of the space available on the menu How To Add A Document To The Library 1 D 6 Log on to WP 2 Click on Add New 3 4 Select Document Type Category upload File If applicable check box if document is a popular item include date size and short description Under Categories select the appropriate
11. k on the button below Q Add Another L Tips Highlight the topic s sub pages by using the Featured Box and Lower Boxes to direct visitors directly to those pages We recommend adding no more than 4 Lower Boxes We recommend using text directly from the pages to use as captions as it is easier for the reader to transition when the content is continuous Homepage How To Make Edits To The Homepage 1 ay Log on to WP 2 Click on Homepage on the Control Panel 3 4 Edit the Mission Statement in the text window that appears at the top of the page Edit the banner and buttons by uploading images or inserting the URL of the new images in the field and include the link to the internal page Click on Update when all changes have been made Slideshow How To Add A Slide To The Homepage OK WN Tip Log on to WP Click on Home Slider in the control panel Click on Add New Upload Photo add Slide Hyperlink URL and Slide Description Click on Publish when complete Switch the order of the slides by changing the Published On date The most recent appears first How To Update Popular Links P 3 Sa a Log on to WP Click on Appearance Scroll to the menu tab called Popular Links and click on it top level pages Under Pages click on Search and search for the page you d like to include on the list Check the box when the correct page is displayed You will see it appear on the list Cl
12. ment o Following the course recommended above there are a number of other courses that could be of help We suggest perusing the library and participating in other courses related to Wordpress CMS fundamentals and web design o This subscription will expire on 4 20 2013 4 Wordpress support resource This official Wordpress support database is helpful when troubleshooting specific issues related to Wordpress and especially when you have an error code or message you can use as reference http wordpress org support This is a forum based resource where solutions are provided by fellow Wordpress developers Tip When troubleshooting a problem it s best to start with the support database above but if no solution can be found there another way to troubleshoot would be to simply paste the error code you are working with in a Google search field 5 BackupBuddy plugin Backup system installed for website o We have installed an automatic backup system that stores the contents of the entire website weekly Note if a restoration takes place content or other website changes that were applied after the restore date will not appear 15 o The zip file is stored in the following directory home lastorm public_html wp content uploads backupbuddy_backups o Every time the site is backed up an email notification is sent to lastormwater lacity org o Please review the video tutorials under Getting Started in the BackupBuddy tab on the Cont
13. nel on the left fi Dashboard Home Updates Akismet Stats w Posts S Home Slider Homepage Landing Pages About Us Sub El Take Action Sub s Documents E Green LA Sub oh Media gP Links Pages Comments fol Appearance oe Plugins amp Users Ti Tools 2 Settings Contact amp BackupBuddy g Magic Fields Posts This is where blog posts live Home slider Controls the homepage slideshow Homepage Homepage editing section Landing Pages Landing pages editing section About Us Take Action Green LA About Us Sub Houses all About Us pages Take Action Sub Houses all Take Action pages Documents Controls and houses all Library documents Green LA Sub Houses all Green LA pages Media Build access and organize the website s media library here Links Houses all blog links Pages N A Comments Review edit comments here Appearance Hover over Appearance button to access the Menus section Plugins N A Users Create users here Tools Hover over Tools to access Broken Links Settings Hover over Settings to access 301 Redirects Contact N A BackupBuddy Access Backup system here Includes instructions for restoring Magic Fields N A As a general note Always click on the what s this icon for tips and e Gi what s this guidelines Adding A Page How To Add New Pages 1 Log on to WP 2 If you are not creating a landing page select a home for the p
14. ook differently than the actual post so click Preview Changes in the right sidebar to view the changes inside the post 12 If you agree with the changes go back to the edit screen and click Update or Publish if the page is new Text Edits How To Make Minor Text Edits 1 Log on to WP 2 Open anew browser and find the page you need to edit 3 Find the tool bar at the top of the page and click on Edit Page p New Edit Page Residents Businesses amp Developers Schools LA Sto LAs Watershed Pr 4 Edit the page as needed 5 Prior to publishing click on Preview Changes under the Publish sidebar if needed 6 Click on Update when complete Publish status Published Edit Visibility Public Edit Published on Mar 6 2012 3 06 Edit Move to Trash Update Broken Links How To Fix A Broken Link 1 Log on to WP 2 Find the page that needs editing 3 In the window editor locate the hyperlink in blue and click on the chain icon 4 When the popup window appears replace the broken URL with the correct one 5 Click on Update Enter the destination URL URL _http www swrcb ca gov stormwtr construction htm Title Open link in a new window tab Tip When linking to an external source click on the box Open link in a new window tab In addition to manually finding broken links on the site we have installed an automatic tool called Broken Links and can be accessed throug
15. or future use Tip We recommend you upload all the photos or images you plan on using on pages or posts to the Media Library before working on the page or post Images and photos How to add an image or photo to a page in the Text Window Inserting an image within the post with text wrapped around it Tip This works well if you have a smaller sized image and it can t be used for the image header Visual HTML L B T jam e S SS 2 22 S Fe Ay mwe 0 z5 e Paragraph U 4 Ballona Creek and its related wetlands 1s a nine mile long waterway that drains water from the Santa Monica Mountains on the north the Harbor Freeway on the east and the Baldwin Hills on the south It begins in Rancho Las Cienegas flows through Culver City and empties into Santa Monica Bay between Marina del Rey and Playa del Rey Its wetlands is one of the last significant wetland areas in Southern California Originally a picturesque natural waterway fed by runoff Ballona Creek collected water from cienegas or swamps and rainfall with native Sycamore trees willows and watercress gracing its edge Indigenous people known as Gabrielinos used Ballona Creek for transportation food and shelter utilizing the tule rush growing along the creek s bed to make huts Mm Circa 1820 arancher by the name of Augustine Machado began grazing his cattle on the Ballona wetlands and claimed the 14 000 acre Mexican land grant which stretched from
16. releases will prepare the files as follows News Release PDF with embedded photos and descriptive file title example northatwatergrandopening pdf Included will be date of release Included will be a short description Accompanying JPG photos with same title as PDF numbered example northatwatergrandopening1 jpg northatwatergrandopening2 jpg etc Included will be short descriptions for each Upon receiving the PDF and photos please follow these steps to activate the PDF and upload onto Library 1 Upload photos first under Photos category 2 Use Adobe Acrobat to open the PDF and hyperlink the photos on the PDF to the photo files you ve just uploaded onto the Library the url should look something like this http www lastormwater org wp content files_mf northatwatergrandopening3 jpg 3 Save the PDF and upload onto Library as you would any other document Tip By following these steps the photos remain high res and files are organized in their correct category PDF in News Release and photos in Photos but they still link to one another should they need to be accessed by the press or another user Infrequent Edits To change out the following use an FTP client to access the folders that house the original images FTP information can be found in passwords document o Pelicans When the Green LA mega menu begins to grow you may want to replace the large pelican image with the smaller one Find the folder http www lastormwat
17. rol Panel to familiarize yourself with the backup process BackupBuddy Getting Started Backup amp Restore Malware Scan Server Info scheduling Settings Take Aways Always remember to review any changes you make on the Wordpress on the live website immediately after you Publish or Update DO NOT update the Wordpress version or its plugins You will find Menus under Appearance on the Control Panel Always use the hard link assigned to each Library document when referring to any Library document on an internal page example http www lastormwater org wp content files_mf homeowner_howto_guide pdf When creating a new page do not click on the Add New button adjacent to Title ALWAYS click on Add New on the appropriate section s Control Panel button Cee aco Mallia dante EET dam i AF aua About Us Sub x Documents Thamal A Ctarmersaferp y Manage Pres ARISTIELTaS prowred yt Green LA Sub There are 301 comment h Media T Tr 1 16
18. s vaaweratns te csaedewaaeuteseacdusvenvedaceeyeeses 10 How To Add To How Do Main Menu And General Guidelines About Working With The MAN MENUS cscurecusiedawenewiddeuencddndeancdeesseneeimeataed ne sdaneadudounctaessaneecatess 11 How To Add A Document To The Library ccc cece ec ee cece ee cecceceeceecescece 11 How To Add A News Release And Its Photos To The Library ceeceeceeee 13 INTPECCUCH CEMS secera reien eNe ENN Te OEEO 13 SUDPOFU ANG RESOUNCES scsnnsscdecnese ncassdcciuetotneansiiecedecsoesecnuencenueieeenusen 15 AKO AWANS eare E E reds sousenseseuerumiees 16 LA Stormwater Website User Manual Getting Started What to do before publishing a page in WordPress 1 When considering adding content consider whether it is more appropriate for the blog timely current or for the website evergreen has a home within the current menu structure 2 Have in mind the photos images you would like to use for pages posts or the slideshow You may use SGA s Flickr Library of royalty free images o Visit Flickr com and enter the following e Username sga_photo yahoo com e Password sgainc How to Use This Guide To use this guide you must first be logged into LA Stormwater s website http www lastormwater org wp admin Logging In 1 Go to http www lastormwater org wp admin 2 Enter assigned log in information 3 After you log in the Dashboard page will appear and you will see the Control Pa
Download Pdf Manuals
Related Search