City of Irvine Environmental Programs Website
Contents
1. 11 14 SIDEBAR SUB MENU MODIFICATIONS HOW TO ADD A MENU OR MAKE MINOR MENU MODIFICATIONS iohiccsecitioceei Rives av gs ch curva nix cada 12 15 SIDEBAR SUB MENU INDENT HOW TO INDENT THE SUB MENUS IN THE iP em 12 16 REDIRECTING OLD PAGES HOW TO SET UP 301 REDIRECTS 13 17 UPLOAD DOCUMENTS HOW TO UPLOAD A DOCUMENT AND TURN IT INTO 13 18 CALENDAR HOW CREATE EDIT A CALENDAR 14 19 TITLES HOW TO CHANGE THE TITLE OF A PAGE ener 14 20 HOW TO CHOOSE THE RIGHT IMAGE SIZE ON FLICKR nnne 15 21 HOW TO CHOOSE THE CORRECT SIDEBANR erret 15 22 HOW TO RESIZE THUMBNAILS eren nensis nis na rsen ssi n asus rni ssa 15 23 HOW TO CREATE A GOOGLE MAP nisitusnictinbn onini dnce c a tn 16 24 HOW TO EMBED A GOOGLE MALBD rici cecus can E 17 25 HOW TO ACTIVATE ECO HOLIDAY BANNERS erret nnns 18 26 HOW TO CREATE OR EDIT A NEW LANDING PAGE nnns 19 27 MORE SGA MUSINGS sssicscissiovctastanesevsavaseaivessscsossuisvencearsassccstavadcsursnsautsbsuasduonanevsatucniciages 22 28 BONUS SECTION MUSINGS FROM THE PROGRAMMER LAST EDITED OG2. 31 Footer column layout Po Vd dx pa ien 31 Disable cats 31 Copyright Footer ext dc ee ee een Seeds RE RE Rn 31 Include Footer Page 31 1 7 Notes on Editing with Wordpress 32 HTML vs Visual VIEW zz ioc cepe 32 Editing Posts and Pages 2 dtu ev PUR E YR LER Rn 32 Uploading Media ova xn EXHI ER d Rn 32 5 2 53 en mind she EN UNUM ER ads 32 1 8 Shortcodes 32 1 9 Menu Modification 32 2 ENVIRONMENTAL 5 23 2 1 Energy Conservation 33 Energy Conservation 2 100 2 7 40 0 04 40 44 04 4 34 Information on CFLs and Mercury 2 101 0 2 020 4 49 44 4 1 34 City of Irvine Energy Plan 2 102 2 4 1 2 34 Energy Saving Home Upgrades 2 103 memes 34 Energy Saving Tips 2 104 occ er te eere eek eda eda oe tea bia ede Cte ER RR 34 Energy Saving Tips Households 2 105 ens 34 Business Saving Tips 2 106 ceir niecne niset E aai 34 2 2 Green Buildi
3. hr RR ed eden eve anor 28 Disable Homepage Teaser emen nnns 28 Bisable Sliders iiit tr 28 Display Blog Posts on Homepage 28 Homepage Content Ar8az ie reete ER RE eA HERRERA wha MA RARE PR M ERE 28 Homepage Content rore terret rrr e obrera rt t 29 1 2 Sociables Settings 29 1 3 Homepage Slider Settings 29 Slider Autorotation ecce ete oer eere rete eda a Tel re ee Ferre eade 29 Slider Transition Speed uiii bee det ey ey ERE eL Ex REX CHA RYE 29 Slider 29 Re ordering Slides EXER RIAM SQL en 30 Deleting Slides reU MTM Ra ERROR TOUR RM RARE MS RUMBA 30 1 4 Blog Settings 30 Blog Page o saei 30 Display Full Blog Posts or Display 30 Exclude Categories ed tee Pie peut Ap exe e e ER RD 30 Disable Related amp Popular Post 30 Disable Social 5 meme nens 30 23 Disable Abo t Author BOX cessere o ecko rU re RE E Ta S Re a M RT RU EF T RE EFE 31 1 5 Custom Sidebars 31 1 6 Footer Settings31 Footer M
4. ARE E 23 How to use this guide Before making any edits be sure to be logged onto the City of Irvine s Wordpress Control Panel referred to below as Dashboard http www Cityoflrvine us pages wp admin Enter assigned username and password To access the latest version of this document visit www cityofirvine us resources manual Password Irvine2011 Summary of WP Dashboard uL E Through WP Dashboard you can manage all your website contents Dashboard is divided into sections and each section contains pages that are related to the section On the left is a list of all sections as it appears on your Dashboard e Sections Energy Conservation Recycling Green Building Zero Waste Water Quality Resources and Eco Holidays all contain pages that fall within those respective sections here you can edit the posts or add new content to these pages e Eco News contains all Eco News posts ENewsletters contains all e Newsletters Section Events allows you to manage all the events and access events manager settings e Section Other Pages contains all pages that do not fall in any of the other sections eg Residents Kids Zone Environmental Programs e Media is where you can upload media and manage the Media Library Sidebars gives you access to all the individual sidebars e n Theme Options you can manage a number of different site wide settings such as for example the homepage slideshow e n C
5. URL field and the title of the new menu item in the Label field and click Add to Menu Drag the new item to the desired position within the menu and click Save Menu in the upper right hand corner to apply the changes you have made ADDING CATEGORIES TO THE MENU To add a menu item that corresponds to a blog category and brings up a list of posts within that category check the box next to the category name in the Categories window in the lower left hand side of the menu editor page and click Add to Menu Drag the new item to the desired position within the menu and click Save Menu in the upper right hand corner to apply the changes you have made 2 Environmental Programs This section details the management of the Environmental Programs sections Energy Conservation Green Building Recycling Water Quality and Zero Waste 2 1 Energy Conservation Energy Conservation pages are located within the Energy Conservation section in the left hand main navigation menu of the back end To edit view or add a page to Website User Manual this section click on or mouseover Energy Conservation and select the action from the flyout menu Energy Conservation 2 100 To add additional items to the Energy Conservation landing list go the Energy Conservation option in the left hand main navigation menu and click Manage Find the Energy Conservation page and click on it to e
6. City of Irvine Environmental Programs Website User Manual asga S GRONER ASSOCIATES INC S Groner Associates Inc Version 3 0 Last updated 7 20 11 Table of Contents HOW TO USE THIS GUILD Eas ina ey End Du Dune inae 3 SUMMARY OF WP DASHBOARD wii siinsiscsciavecscsesucacsetansesusssvtususnsnsdsvecuesertuuancsdeseesiesusnsnestuatansas 3 1 SLIDESHOW HOW TO ADD A SLIDE TO THE HOMEPAGE een 4 2 TEXT EDITS HOW TO MAKE MINOR TEXT EDITSS 4 3 IMAGES HOW TO UPLOAD AN IMAGE TO THE MEDIA LIBRARY 5 4 HOW TO RESIZE IMAQGLES ineiteinria ks under toco rna inopi Uca iei Du VERE 5 5 ECO NEWS HOW TO CREATE AN ECO NEWS 5 6 UNDO HOW TO UNDO WHEN CREATING A PAGE OR POST 7 7 ARCHIVE PAGES HOW TO ADD TO THE ARCHIVED PAGES 8 8 ARCHIVE PAGES HOW TO ADD ISSUES TO E NEWSLETTER ARCHIVE PAGE 9 9 BROKEN LINKS HOW TO FIX A BROKEN LINK nennen nes 9 10 IMAGES AND PHOTOS HOW TO ADD AN IMAGE OR PHOTO TO A POST OR PAGE A T 9 11 SHORTCODES HOW TO VIEW AND USE THE SHORTCODES PAGE 10 12 ADDING A PAGE HOW TO ADD NEW PAGES AND ASSIGN TO MENUS 10 13 THE MAIN MENU BLACK BAR HOW TO MAKE MINOR MENU MODIFICATIONS durar au Teiln De od DLE E
7. 0 scrolling no marginheight 0 marginwidth 0 sre ttp maps google com maps f q amp amp hl en amp amp geocode amp amp q San Francisco CA amp amp sll 43 469466 83 998504 amp amp sspn 0 01115 0 025942 amp amp g San Francisco CA amp amp ie UTFB amp amp z 128 amp iwloc addr amp amp li 37 808156 122 402458 amp amp output embed amp amp s AART sjp56EajYksz 3JXgNCwT3L nGsqqAQ lt iframe gt br small a href http maps google com maps f q amp amp hl en amp amp geocode amp amp q San Francisco CA amp amp sll 43 469466 83 998504 amp amp sspn 0 01115 0 0259424 amp amp g San Francisco CA amp amp ie UTFB amp amp z 12 amp amp iwloc addr amp amp ll 37 808156 122 402458 amp amp source embed style color 40000FF text align left View Larger lt gt small 6 Click Save Draft Update or Publish depending on the status of your post or page You will notice that the code has changed WordPress has converted the HTML code into the working shortcode b b quote del ins img ul of N code more lookup close tags googlemaps http maps google com maps f G amp amp hl en amp amp geocode amp amp q San Francisco CA amp amp sll 43 469466 83 998504 amp amp 5pn 0 01115 0 025942 amp amp g San Francisco UTFS amp amp 2 12 amp amp iwloc addr amp amp li 37 808156 122 402458 amp amp output embed amp amp s AARTsJpS6
8. 2 Enter the Name of the location Address and Town When you enter the address a map will appear next to the Address 3 If you want add a description and an image 16 4 To update click on Update Location 5 Go back to Events in sidebar and choose Add new Fill out the details and choose the location you saved in the previous step from the drop down menu 24 How to Embed a Google Map If you want to embed a Google Map in a Page or a Post 1 Go to Google Maps and search for the location 2 Once your map is fully loaded click on the link option found on the top right of the map area ae n 3 popup will appear as illustrated below Print 4 Send Paste link in email or IM http maps google com amp map f aq amp hl en amp geocode amp 1 Paste HTML to embed in website lt iframe width 425 height 350 frameborder 0 scrolli de Customize and preview embedded ma 4 Place your mouse cursor in the second text box titled Paste HTML to embed in website The code will begin with lt frame Copy the code 5 In your WordPress com dashboard go to Posts gt Add New or Pages gt Add New or open an existing post page in editing mode Paste the code directly into your HTML editor You can flip between the Visual and HTML editors using the tab at the top right of the editing box b link b quote del ins img ol N code more lookup close tags iframe width 425 height 350 frameborder
9. News post TIP This image must already be uploaded to the Media Library For instructions on how to upload images to the Media Library see How to Upload an Image to the Media Library 1 Hover over Eco News tab on the left and select New 2 A window will open where you can add a new post Enter the title in the upper space where is says Enter title here 3 Go to the box below the title and enter text To make editing easier click VISUAL on the upper right side of the text box To add a thumbnail image to the posts go to Post image below the text box and paste the relative URL of the image you d like to use for the post image thumbnail To insert an image see Images and Photos How to add images to a post or page To hyperlink text or images highlight the text or image and click on the link TIP Always add images to your posts this will make the post more interesting icon and paste the URL into the field 7 Inthe right side bar go to Categories and choose categories and select the 2 2 you want boxes of the categories that are appropriate for the post For example if the to delete the post is about recycling tick Recycling and News If you want to create aeuo go new category type in the title of the category and click Add New Category iMd click on categories choose the category and delete it 8 To add tags go to Post Ta
10. in between the opening and closing a brackets and click Publish in the upper right hand Publish window to save and publish your addition Contractors and Builders 2 505 Residents Residents 3 000 To add additional items to the Residents landing list go the Other Pages option in the left hand main navigation menu and click Pages Find the Residents page and click on it to edit the entry When the WYSIWYG editor loads make sure you are viewing the existing content in HTML view Select an entire row of content starting with h4 through divider and paste this entire row in the desired position for the new item in the list The full row in HTML view should look like this lt 4 gt lt a href 2 http 174 120 31 189 sgainc irvine pages programs recycling bottle and can recycling 2Cash for Cans amp Bottles lt a gt lt h4 gt divider Replace the content between the h4 a href and gt with the full url of the new item link and the name of the new item in between the opening and closing a brackets Click Update in the upper right hand Publish window to save and publish your addition Website User Manual 4 Businesses Businesses 4 000 To add additional items to the Businesses landing list go the Other Pages option in the left hand main navigation menu and click Pages Find the Businesses page and click on it to edit the entry When the WYSIWYG editor loads ma
11. section click on or mouseover Recycling and select the action from the flyout menu Recycling 2 300 To add additional items to the Recycling landing list go the Recycling option in the left hand main navigation menu and click Manage Find the Recycling page and click on it to edit the entry When the WYSIWYG editor loads make sure you are viewing the existing content in HTML view Select an entire row of content starting with h4 through divider and paste this entire row in the desired position for the new item in the list The full row in HTML view should look like this lt 4 gt lt a href 2 http 174 120 31 189 sgainc irvine pages programs recycling bottle and can recycling 2Cash for Cans amp Bottles lt a gt lt h4 gt divider Replace the content between the lt h4 gt lt a href and gt with the full url of the new item link and the name of the new item in between the opening and closing a brackets Click Update in the upper right hand Publish window to save and publish your addition Business Recycling 2 301 Cash Back for Bottles and Cans 2 302 Construction amp Demolition Recycling 2 303 Construction amp Demolition Materials 2 304 Find A Waste Hauler 2 305 Household Hazardous Materials Disposal 2 306 2 4 Water Quality 35 All Water Quality pages are located within the Water Quality section in the left hand main navigation menu of the back e
12. there will be four WYSIWYG editor composition windows labeled Re Ward Re Sell Re Cycle and Re Invent Enter the information for each of these options into the appropriate box If there is an accompanying image of the product upload it using the Item Image field When you are finished click Publish in the upper right hand Publish window to save and publish your entry ReAch Out 2 503 To add additional vendors to the Re Ach Out list go the Zero Waste option in the left hand main navigation menu and click Manage Find the Re Ach Out page and click on it to edit the entry When the WYSIWYG editor loads make sure you are viewing the existing content in HTML view Select an entire row of content starting with div class logo gt through divider and paste this entire row in the desired position for the new item in the list The full row in HTML view should look like this lt div class logo gt lt a href http orangecounty craigslist org mg class alignleft size full wp image 2526 small frame src2 http 174 120 31 189 sgainc irvine pages wp content uploads 2010 12 reachoutcraigs j pg alt craigslist logo width 80 height 240 gt lt gt lt div gt lt h5 gt lt a hrefz http orangecounty craigslist org target _blank gt Craigslist lt a gt lt h5 gt Provides a free outlet to buy sell give away used items in the Orange County community divider Upload the logo of the ne
13. to have these widgets disabled Please do not uncheck this box Copyright Footer Text Whatever text you enter here will be displayed on your website s footer The primary purpose of this option is to display the website s Copyright text Please update the copyright year in the box every J anuary 1 Include Footer Page Links Check the pages that you would like to be displayed in the website s right hand footer area Website User Manual 1 7 Notes on Editing with Wordpress HTML vs Visual View In the WYSIWYG editor composition window of each post or page you will see there are two tabs in the upper right hand corner of the window one labeled HTML and the other Visual HTML view allows you to see the page text and images as well as any other HTML element content Prior to editing the content in post or a page please review the content from HTML view and make your edits from there so as to not disrupt or overwrite elements that may not be visible from Visual view Visual view provides a version of what will be seen from the front end of the website with the exception of font treatments and element relationships Visual view is useful for retaining formatting from content pasted into the WYSIWYG editor from another source such as a Word doc However in most cases you do not want to preserve this formatting as it will add unnecessary in line styles to the page content Whenever possible use the HTML view when editing Edi
14. view can interfere with the presentation of the existing layouts When editing existing pages be sure to work in HTML view Click on HTML on the top right side of the text box before editing Make your text edit s After you re done editing click Save draft on the right side and then Preview After you made sure the edits look the way you want click Publish If you are editing a page that has already been published e g Water Quality Regulatory Requirements click Preview changes and then Update on the right side TIP When creating brand new pages we recommend 3 Images How to upload an image to the Media Library using uat view This TIP You can images editor acts 1 From the Dashboard click on Media ra 2 Click on Add New and Select Files 3 When it completes the upload click on Show to the 4 Give the image a short title 2 5 If you need to utilize the image for a page or post take note of the File URL advantage 6 Click Save all changes fechniques 4 How to resize images 1 Open the image with Microsoft Office Picture Manager icons etc 2 Right click on the image and select Edit pictures 3 Click on Resize on the menu on the right a Select the size from the dropdown menu Web large Web small OR b Select the width and save 4 Save the image and upload it Eco News How to create an Eco
15. 0 Herwin C 17 February 2011 22 38 Herwin 8 February 2011 21 51 City of Irvine y C 2 February 2011 23 04 City of Irvine 2 Click Restore Actions Restore Restore Restore Restore Restore Restore Restore Restore Restore Restore Restore Restore Restore Restore Restore 7 Archive Pages How to add OPT to the archived pages Before adding a new page make sure to have new issue of OPT uploaded to downloads folder see Upload Documents How to upload a document and turn it into a hyperlink Friday March 25 2011 E Chr OF ENVIRONMENTAL PROGRAMS lt CITY HOMEPAGE Programs For Residents For Businesses ONE PERSON S TRASH Download the City of Irvine s paperless quarterly newsletter One Person s Trash SPRING 2011 20112 ww Energy Upgrade California 9 E Launched This Week Stop Junk Mail WINTER 2010 OIN YOUR COMMUNITY Get Irvine eco news and tips delivered right to your mailbox IN 2 Click on Edit page in the upper left corner 3 When the window opens change the view mode to HTML and copy this part of the text h4 a href http www cityofirvine us downloads Irvine Spring 2011 pdf gt Spring 20114 gt lt h4 gt divider Paste copied text above the original text and replace the word Spring in the text with Summer or whichever is the most current edition to look lik
16. EajYksz3 XgNCwT3L nGsqagAQ amp amp ws 425 amp amp h 350 17 25 How to activate Eco Holiday Banners To activate Eco Holiday banners 1 Click on Sidebar on the left hand side menu 2 Find the Text widget under Available Widgets CICLU CILIuUI R23 iur site Show a list of Categories with the ability exclude categories cloud format Arbitrary text or HTML Form Theme Contact Us 3 Drag Text widget to right side menu into each of the sections below i Primary Widget Area Banner will appear in 60 of the pages ii Homepage Widget Area Banner will appear on Homepage iii Default Widget Area Banner will appear on the remainder of the pages 4 Add the text below to each of the text widgets The highlighted areas will be revised accordingly depending on the holiday Refer to http www cityofirvine us resources eco holidays for hyperlink locations and image banners locations Click on Save Text Title lt a href http www cityofirvine us resources eco holidays fourth gt lt img src http www cityofirvine us pages wp content Athemes environmental styles shared lt gt Automatically add paragraphs Delete Close Save 18 26 How to create or edit new Landing Page 1 All landing pages are located within the Landing Page section in the left hand main navigation menu of the back end To edit view or add a landing page click or mouseover Landing
17. Page and select Manage or New from the flyout menu To create a new landing page 1 Enterin the title of the Landing Page you are creating in the title box 2 Under Theme General Page Options select the appropriate sidebar for the menu If one does not exist you may need to create one see Custom Sidebars All other default settings should remain as is and you can move onto Page Information underneath 3 first field you will see underneath Page Information is titled Main Image This controls the main image on each landing page Click Choose File to open up your computer s browser so you can locate the image you would like to use in this spot The image will be sized automatically However it should be noted that landscape vs portrait oriented images work best for this placement See Chapter 4 for information about how to resize images Page Information Main Image Choose File Or URL Upload Main Text Area i W vB 6 4 following field entitled Main Text Area controls the text that sits to the right of the main image see below 19 5 OPEN SPACE PRESERVE Since its incorporation in 1971 Irvine has had a strong desire to balance the built and natural environment As this incredible master planned community has grown each phase of development has been accompanied by the preservation and CONTINUE READING You can input the app
18. R 41 10 SHORTCODES TAGS STYLE ELEMENTS 41 Standard HTML Tags 41 Additional deg ea vr eK e rx UR 42 Style Shortcodes 42 Headers ecco itat tea t ioa v d Lean eO ds 42 B tton Stylgss E ER ERE E EROR RR UN E Eds 42 BOX 5 ccc P MTM 42 GAS LT LLL 43 List SEVIGS fa E 43 Pull Quotes 6 Blockquotes tr hte e Pete a e eds 44 44 Image Frames e oerte erret eret 44 Pull Quotes amp Block QUOTE Srii niin pir eoe d eee ede ER 44 ERE 44 Column Shortcodes 44 45 e dep 45 45 Color Classes 46 Program Colo S ernt restos tede race dea Fee sania rane 46 ONET Gel 46 26 Website User Manual 1 General Usage Guidelines There are a number of settings already in place the site user interface As a general rule do not modify any setting without first being certain what that setting applies to 1 0 General Settings The main settings for the Irvine E
19. Source You can add as many custom slider images as you like by clicking the Click to add new row button There are 5 options available to you for each custom slider image you create IMAGE VIDEO To use an image enter the URL to the image you would like to show up on the homepage slider In order for the image to display and the image auto resizing function to work this url must be a relative link to the image rather than the full URL link to the image e g images slideimagel j pg not http www cityofirvine us images slideimagel j pg If you would like the image to take up the full width of the slider the image dimensions should be at least 587 x 280 pixels The slider also supports YouTube amp Vimeo videos just enter the URL for the video for example http vimeo com 1234567 or http www youtube com watch v ABCDEFG LINK URL Enter the full URL of where you would like the image to be linked to if the image was clicked This URL can be any URL such as an external URL or the URL of a page or post on the website Website User Manual TITLE The Title text of the content for the slide STAGE EFFECT The custom slider for IEP has the following stage effect Partial Staged 587 x 280 pixels DISABLE READ MORE BUTTON This feature is not utilized in the current version of IEP DESCRIPTION The Description text of the content for the slide Reordering Slides If you would like to reorder the slides simp
20. ad quickly See 4 of the Website User Manual FAQ Why to announce important events related to the program What Announcements can be enabled or ANNOUNCEMENTS disabled as needed If there is no text in T 3 er Canyon trail head Ribbon Cutting Ceremony April 16 2011 this section announcement will be Why to help highlight different internal pages disabled of the section or external sources How Keep them short 2 lines max and What Choose 3 topic areas at a time that you hyperlink to EVENT posting if available want to focus on 7 E PEE How Keep titles related to page topic and limit it to 1 2 words Add excerpt text of 3 4 lines 4 pe max and include hyperlink ceu PROTECT EXPLORE Home Environmental Programs Open Space Preserve ABOUT OPEN SPACE History Protected Species Native Wildlife Native Plants Plan Your Visit FAQ Reservations amp Policies n in 1971 Irvine has had a strong desire to balance the built and natural incredible master planned community has grown each phase of development ed by the preservation and enhancement of natural open spaces creating the rails and wildlands that residents and visitors may enjoy today and for generations to come The Irvine Open Space Preserve comprises a significant portion of this landscape protecting thousands of acres of native habitat and providing linkages between natural resources found in the region includin
21. controls the style of the Header Teaser Text Please do not change this setting 27 Website User Manual Disable Cufon By checking this option you will disable the Cufon font replacing script on your website Do not change this setting For more information about this script and what it does you may visit http wiki github com sorccu cufon about Disable Breadcrumbs By selecting this option you will globally disable the website s breadcrumb navigation Google Analytics The website Google Analytics or other account code here tracks website traffic and statistics Removing this code will suspend data and usage tracking globally If you have a new analytics account you wish to use instead at a later date paste the account number here and click Save changes at the bottom of the screen 1 1 Homepage Settings 28 Selecting the Homepage tab in the theme s option page will bring up all of the options available for customizing the website s homepage Following is a description of the options under the second tab Homepage Homepage Teaser Text This feature is not utilized in the current version of IEP Please do not change this setting Disable Homepage Teaser Text Please leave this option checked Homepage Teaser Button Link This feature is not utilized in the current version of IEP Please do not change this setting Homepage Teaser Button Text This feature is not utilized in the current version of IEP P
22. dit the entry When the WYSIWYG editor loads make sure you are viewing the existing content in HTML view Select an entire row of content starting with h4 through divider and paste this entire row in the desired position for the new item in the list The full row in HTML view should look like this lt 4 gt lt a href http 174 120 31 189 sgainc irvine pages programs recycling bottle and can recycling 2Cash for Cans amp Bottles lt a gt lt h4 divider Replace the content between the h4 a href and gt with the full url of the new item link and the name of the new item in between the opening and closing a brackets Click Update in the upper right hand Publish window to save and publish your addition Information on CFLs and Mercury 2 101 City of Irvine Energy Plan 2 102 Energy Saving Home Upgrades 2 103 Energy Saving Tips 2 104 Energy Saving Tips Households 2 105 Business Saving Tips 2 106 2 2 Green Building 34 All Green Building pages are located within the Green Building section in the left hand main navigation menu of the back end To edit view or add a page to this section click on or mouseover Green Building and select the action from the flyout menu Green Building Landing Website User Manual 2 3 Recycling All Recycling pages are located within the Recycling section in the left hand main navigation menu of the back end To edit view or add a page to this
23. e Custom Menu widget into the sidebar 2 Select the menu you created from the widget drop down and give the menu a title Click Save 3 If necessary click and drag the menu to reorder its appearance on the sidebar To rearrange the order of existing links in the menu See The Main Menu black bar How to make minor menu modifications 15 Sidebar Sub Menu Indent How to indent the sub menus in the sidebar l 2 Hover over Appearance and click on Editor On the bottom right hand corner click on Stylesheet style css 3 Activate your FIND tool by pressing CTRL4F 12 TIP To find the new URL of a page visit the page on the live site ona separate browser and copy it directly from the URL field 4 Copy and paste this text to be taken to the section you will be editing right sidebar sidebar widget_nav_menu li menu item 5 Find the end of the list Add this code right sidebar sidebar widget nav menu li menu item XXXX a where XXXX represents the number of the new menu right sidebar right sidebar right sidebar right sidebar right sidebar right sidebar right sidebar right sidebar right sidebar right sidebar right sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar widget_nav_menu widget_nav_menu Wwidget nav menu nav menu Wwidget nav menu Wwidget nav menu Widget nav m
24. e event is taking place at a location not yet listed in the Events Manager locations list you may add it by going to the Locations option in the Events manager menu Once the location for the event is created to add a new event click Add New option from the Events menu Enter the name of the event and the time and relevant event information in the Event editor fields Then select the event location from the dropdown and enter any additional location and event details in the Details WYSIWYG editor window 10 Shortcodes Tags Style Elements Standard HTML Tags 41 lt h2 gt Heading 24 h2 lt h3 gt Heading 34 h3 lt h4 gt Heading 44 h4 lt h5 gt Heading 54 h5 lt h6 gt Heading 64 h6 gt lt p gt This is a paragraph tag lt p gt a href http www exampledomain com gt Link Name q a Standard Link a href http www exampledomain com target _blank gt Link lt gt Link that opens in a new window Website User Manual lt blockquote gt This is a block quote lt blockquote Additional Classes The following classes may also be applied to paragraphs divs etc intro larger text size for page intros introreg somewhat larger text size for page or section intros Style Shortcodes IEP comes with over 70 custom style shortcodes that allow you to add custom styles to your post or page content Click on the IEP shortcodes icon in the WYSIWYG editor from Visual vi
25. e this highlighted in yellow are the words you need to change every time you want to archive OPT lt h4 gt lt href http www cityofirvine us downloads Irvine_OPT_Summer lt a gt lt h4 gt divider 4 Click Preview changes to see how the update looks like on the website then click Update TIP Make sure to check Eco Newsletter under the Categories section 8 Archive Pages How to add issues to e Newsletter archive page On the Dashboard hover over ENewsletters and click on New Complete the main title field first field on the page in the following format Issue No X Under Magic Fields Custom Fields complete the Newsletter Title ex Free Classes Free Oil Filter Bommer Canyon Trail unk Mail Newsletter Issue Number ex 7 and Archived Newsletter URL fields To find archived eNewsletters go to constantcontact com 1 Username cityofirvine Password groner300 2 Click on Email Marketing 3 Click on Archive 4 Find Archived Emails and copy the URL hyperlink corresponding to the Newsletter you would like to archive 9 Broken Links How to fix a broken link Go to the live post or live page where the link is published Click Edit Page at the top and find the link that has to be fixed in the text Highlight the entire link or text that is hyperlinked and click on the link button A window with the link will appear enter the correct URL or edit the exi
26. enu widget nav menu widget nav menu Widget nav menu Wwidget nav menu li menu item 2709 11 li 13 11 11 item menu item 2692 menu item 3251 menu item 2692 menu item 2729 menu item 2731 li li 11 11 21 menu item 2741 menu item 2727 menu item 273 menu item 2728 menu item 6 Make sure to add to the end of the previous line 8 To find the menu item number of the page you would like to indent 1 the live page where the menu appears right click and View Source 2 Search for generated sidebar 3 In this section find the URL that corresponds with the menu item a a a a a a a a a a a d 4 Tothe left of the URL find the 4 digit menu item number 7 Click Update File 16 Redirecting old pages How to set up 301 Redirects When updating a page or post URL or permalink make sure to set up a 301 Redirect so the old URL can continue to point users to the correct page l To set up a redirect on the Dashboard hover over Settings and click on 301 Redirects Scroll to the bottom of the list and enter the old URL on the left side and the new URL on the right 1 To upload documents like PDFs DOCS or XLS files launch the program FileZilla 17 Upload Documents How to upload a document and turn it into a hyperlink 2 Sign in using the FTP credentials below and click on connect i Host ftp cityofirvine us ii Username aburg
27. ew to bring up the full list of elements that can be added Following are a list of shortcodes that can be utilized for style formatting and layout and functionality purposes These can be inserted anywhere on a post or page within the standard WYSIWYG editor windows Headers In addition to the standard HTML header tags you may also use this fancy header This is a fancy header fancy header Button Styles button link Your Link Text Here button button link size2 large Your Link Text Here button download link link Your Link Text Here download link email link link Your Link Text Here email link fancy link link Your Link Text Here fancy link Box Styles fancy box Insert your text here fancy box fancy titled box title2 Your Title Insert your text here fancy titled box simple box Insert your text here simple box 42 Website User Manual Drop Caps Replace A with the letter number of your choosing 1 1 dropcap2 A dropcap2 dropcap3 A dropcap3 dropcap4 A dropcap4 List Styles CHECK LIST check list variation hot_pink lt ul gt 1 lt li lt item 2 lt li lt item 3411 gt 4 ul check list ARROW LIST arrow list variation hot_pink lt ul gt 4i ltem 5 li 5 li gt 35 li 4 ul arrow list STAR LIST star list variation hot_pink lt ul gt 4i l
28. f the back end Find the menu you wish to edit from the custom menu list that 32 Website User Manual 33 appears horizontally across the top of the page and click on the menu name to bring it up as the active tab RE ORDERING PAGES To rearrange the order of existing pages in the menu click on the menu item you wish to move hold and drag to the desired position If you wish to move the page to a subpage position drag the menu item so that it is indented underneath the designated parent menu item Once you have arranged all menu items to their new locations within the menu click Save Menu in the upper right hand corner to apply the changes you have made ADDING PAGES TO THE MENU To add new pages to the menu check the box next to the name of the page you wish to add in the Pages list in the lower left hand side of the Pages window within the menu editor page Once you have selected all pages you wish to add click Add to Menu in the bottom right of the pages window to add these pages to the menu list Drag the new page s to the desired position within the menu and click Save Menu in the upper right hand corner to apply the changes you have made ADDING CUSTOM LINKS TO THE MENU If you wish to add a link to the menu that does not correspond to a page within the website you can do so from the Custom Links window on the left side of the menu editor page Enter the full URL of the new menu item in the
29. g post 1 5 Custom Sidebars Selecting the Sidebar tab in the theme s option page will bring up the Add Sidebar text field This is where you can create a custom sidebar to be used on any post or page within the site and view the full list of existing sidebars on the website To create a new sidebar enter the name of the new custom sidebar you would like add and click on the Save Changes button at the bottom left of the options page You will now see your newly created custom widget available by clicking on Sidebars on the back end administration menu You can now add Widgets to your newly created sidebar You can activate your newly created sidebar on a post by post or page by page basis whenever you create or edit a page or post by selecting the sidebar from the dropdown list in the Custom Page Post Options panel just below the composition window within any post or page 1 6 Footer Settings 31 Selecting the Footer tab in the theme s option page will bring up all of the options available for customizing the website s Footer Below is a description of the options under the fourth tab Footer Footer Teaser Text Whatever text you enter here will be displayed in the bottom left hand corner of the page footer just above the copyright statement Footer column layout This feature is not utilized in the current version of IEP Please do not change this setting Disable Footer The current version of IEP is set
30. g the Cleveland National Forest the San Joaquin Marsh and the Laguna Coast Wilderness Park among many others The City s commitment to preservation of local natural resources is reflected in the mosaic of native habitats includina BIKING GETTING AROUND BIKE TRAILS amp LANES About The City of Irvine provides a system of 44 5 miles of off road bicycle trails and 282 miles of on road bicycle lanes to encourage the use of the bicycle as a safe and convenient means of transportation for both commuting and recreational purposes REDUCING CARBON EMISSIONS IN THE CITY The City recognizes the benefits of bicycling as an alternative mode of transportation resulting in reduced carbon emissions environmental enhancements and increased health benefits for all members of the community In the near future the City plans to launch a comprehensive safety education program promoting walking and bicycling to elementary and middle school age children IN JUNE 2009 THE LEAGUE OF AMERICAN BICYCLISTS NAMED THE CITY OF IRVINE A BICYCLE FRIENDLY COMMUNITY THE FIRST SUCH DISTINCTION GIVEN IN ORANGE COUNTY CALIFORNIA LAW MAKES IT MANDATORY FOR ALL BIKES TO BE LICENSED AND IT 15 FREE IN THE CITY OF IRVINE How to protect your bike from theft gt How to apply for a bicycle license gt 10 Smart Rules for Bicycle Safety 27 More SGA Musings What s the difference between adding a program VS a page The website st
31. ge you can either a Start with a brand new page and add the content directly in Visual view OR b Find an existing page that has the closest layout you envision for the new TIP If you choose this editing option be sure to review Shortcodes document to utilize creative presentation elements like bullets dropcaps and graphic formatting for photos page and copy paste the HTML onto the new page in HTML view Edit the text and replace photos as necessary in HTML view TIP You may want to open up two Once content has been added under Theme General Page Options select browsers to do a Custom Sidebar If none is chosen the default sidebar will be assigned this d Under Page Attributes review the Parent dropdown to make sure the correct program or section is selected Under Template Default Template should be chosen Under Order set this 100 or above This only affects the page s placement on the sitemap not the menu 10 2 When the fields above have been completed select Preview and review If no additional changes need to be made return to WP and select Publish Add the new page to appropriate menus by identifying the menu item it will be assigned to Click on the Custom Menus option in the Dashboard menu doesn t exist you must create one See How to Create or Edit a Menu a Add the new page to the menu by chec
32. gs section just below Categories add tag and click Add If you want to use an existing tag click on Choose from the existing tags and click on the tag you want to add 9 Hover to Publish on the upper right side and click Save draft Now your post is saved To see how it will look on the page click Preview 10 When you are ready to publish it click on Publish TIP If your post is about an event include a link to the event post 1 Choose the revision you want to publish 6 Undo How to undo when creating a page or post 1 Go to the page you were editing To undo an edit scroll down the page to Revisions Click on the last saved version 2 window will open Scroll down and choose two versions you would like to compare for example the last one and the one before that then click Compare Revisions You will see two columns of text the older and the newer version Older 3 March 2011 10 29 Content lt h3 gt Regulatory and Permit Information for Developers h3 This page is intended to help you through the permit process and to provide all the resources that new development and redevelopment projects need to comply with water quality regulations The first section features information related to permits and regulations The second section features supplemental information h3 Regulatory Requirements lt h3 gt surface Water Qua
33. h sga inc net Password Burgh2011 case sensitive WARNING Please pay close attention to the edits you make on this page There is no undo feature as it is part of the development end of the CMS This file drives 100 of the website in terms of display and layout TIP Make sure to take note of the old URL by jotting it down prior to making the change on the Dashboard 3 Once connected click on the folder titled downloads on the right side of the window or remote site 13 4 Find your document on the left side of the window or local site and click and drag it into the downloads folder on the right 5 To add this document link to a page or post use the following URL http www cityofirvine us downloads xxxx xxx where xxx is your document title 18 Calendar How to create or edit a Calendar Event To add a location l Hover over Events on the Dashboard and select Locations 2 Click on Add New and complete Location Name Address and Town Click on Update location 3 To make edits to existing locations follow the steps above to find the location make the edit s and click on Update location To add an Event Description l Hover over Events on the Dashboard and select Edit 2 Click on Add New and complete Name Event Date Event Time Choose Location dropdown Contact Person and type in description text under Details you can
34. he old URL with the new one Example OLD URL a href http www cityofirvine us programs water quality gt NEW URL a href http www cityofirvine us programs water gt To set up 301 redirects 1 If the page you have just updated has child pages take note of all URLs beginning with the Parent page TIP To find child pages view the live parent landing page 2 To complete this step see Redirecting old pages How to set up 301 Redirects pg 11 20 How to Choose the Right Image Size on Flickr 1 Login to www flickr com with this username and password Username Username sga_photo yahoo com e Password sgainc 2 Click on an image you want to upload then click on View all sizes Different options ranging from Square to Large and Original will be displayed above the image Click on the option to see how the image will appear in different sizes and choose the appropriate size based on where the image will appear only in thumbnail or in thumbnail and post 3 If the image will be posted in Eco News choose Medium or Large Wordpress will automatically resize the image to fit well in the post By choosing Medium or Large there is greater chance the image will look good once uploaded 4 f the image will appear only as a thumbnail choose Thumbnail Even if you choose a larger image Wordpress will resize it for Thumbnails TIP All 21 How to Choose the Correct S
35. ick Add to Menu Drag the new item to the desired position within the menu and click Save Menu in the upper right hand corner to apply the changes you have made 11 14 Sidebar Sub Menu Modifications How to add a menu or make minor menu modifications To select what links appears on the sidebar 1 2 Click on Custom Menus on the Dashboard Scroll through the list of menus by clicking on the right or left arrows and select the menu you would like to edit To remove a link click on the arrow down button next to PAGE and select Remove b To add to the sidebar c Select the page s you would like to add by searching through the PAGES field on the left side of the editor and click on Add to Menu d If necessary reorder the sidebar items by clicking and dragging items into place e If the link is a sub menu please see Sidebar Sub Menu How to indent the sub menus in the sidebar To create a new menu 1 Click on Custom Menus on the Dashboard 2 Scroll through the list of menus by clicking on the left arrow until you see the sign Click on the sign 3 Title the menu and click Create Menu 4 Select the Pages you would like include in the menu under Pages and select Add to Menu 5 When menu has been updated click Save Menu To add a custom menu to a specific sidebar click on Sidebars in the Dashboard 1 Find the appropriate sidebar click on the arrow down and drag th
36. idebar pages X Resources All program pages have their corresponding sidebar menu The Eco News sidebar is already set so and newly TIP when posting new Eco News do not change anything in sidebar Menu the correct setting for created When i pages are postinga News is Select a sidebar For all other pages that are not program pages and don t have a Program newEco designated sidebar Resources and any additional pages that you create choose the Default pages and News sidebar nave post do designated not sidebars change 5 Go to Other Pages Click on the page where you want to change the sidebar or Add Ta New if you want to add a page In the section Theme General Page Options click on Select the sidebar and choose Default sidebar from the dropdown menu After you are done with editing click Save draft or Publish on the left If you are creating a new page that will be a part of an existing program page for example under Recycling use the sidebar of that program eg for a new page that is on a Recycling program page use the Recycling sidebar its already set Mo 22 How to Resize Thumbnails 15 These steps are relevant to uploading thumbnail images for Resources pages and other new pages that are not incorporated in Program pages To display the thumbnail correctly without distorting the image proportions follow these steps 1 Ope
37. ke sure you are viewing the existing content in HTML view Select an entire row of content starting with h4 through divider and paste this entire row in the desired position for the new item in the list The full row in HTML view should look like this lt 4 gt lt a href 2 http 174 120 31 189 sgainc irvine pages programs recycling bottle and can recycling 2Cash for Cans amp Bottles lt a gt lt h4 gt divider Replace the content between the lt 14 gt lt href and gt with the full url of the new item link and the name of the new item in between the opening and closing a brackets Click Update in the upper right hand Publish window to save and publish your addition Developers Developers 5 000 To add additional items to the Developers landing list go the Other Pages option in the left hand main navigation menu and click Pages Find the Developers page and click on it to edit the entry When the WYSIWYG editor loads make sure you are viewing the existing content in HTML view Select an entire row of content starting with h4 through divider and paste this entire row in the desired position for the new item in the list The full row in HTML view should look like this n4 a href 2 http 174 120 31 189 sgainc irvine pages programs recycling bottle and can recycling 2Cash for Cans amp Bottles lt a gt lt h4 gt divider Replace the content between the l
38. king the box next to the name of the page you wish to add in the Pages list in the lower left hand side of the Pages window within the menu editor page b Once you have selected all pages you wish to add click Add to Menu in the bottom right of the pages window to add these pages to the menu list c Drag the new page s to the desired position within the menu and click Save Menu in the upper right hand corner to apply the changes you have made 13 The Main Menu black bar How to make minor menu modifications To rearrange the order of existing pages in the menu 1 Click on the menu item you wish to move hold and drag to the desired position If you wish to move the page to a subpage position drag the menu item so that it is indented underneath the designated parent menu item NOTE this only applies to the main navigational menu black bar menu To indent a sub menu on a sidebar please see Sidebar Sub Menu How to indent the sub menus in the sidebar Once you have arranged all menu items to their new locations within the menu click Save Menu in the upper right hand corner to apply the changes you have made To add a link to the menu that does not correspond to a page within the website 1 2 Find the Custom Links window on the left side of the menu editor page Enter the full URL of the new menu item in the URL field and the title of the new menu item in the Label field and cl
39. lease do not change this setting Disable Homepage Teaser Button Please leave this option checked Disable Slider Check this box to disable the homepage slider Display Blog Posts on Homepage Uncheck this box if you want to remove the display of blog posts on the homepage Homepage Content Area This feature is not utilized in the current version of IEP Please do not change the current setting Website User Manual Homepage Content Editor This area is utilized for the Environmental Programs buttons If new programs are added the HTML for these buttons can be modified here 1 2 Sociables Settings Selecting the Sociables tab in your theme s option page will bring up all of the options available for customizing the social links located in the website s sidebar Do not change any of these options other than the facebook page url without contacting the programmer as IEP requires css modifications prior to the inclusion of additional social links 1 3 Homepage Slider Settings 29 Selecting the Slider tab in the theme s option page will bring up all of the options available for customizing the website s homepage slider Below is a description of the options under the fourth tab Slider Slider Autorotation Here you can select if the homepage slider should autorotate Slider Transition Speed Enter transition time for slider in milliseconds 1 Second 1000 milliseconds Default is 5000 milliseconds Slider Image
40. lity Screencheck outline h4 gt This screencheck outline is used by City staff as the basis for providing water quality comments on new development and significant redevelopment projects outline is intended to provide applicants with information on the city Water Quality approval process 5 project Older version is highlighted in red Management Plan requirements and Please consult the document belos to help guide you through the various stages of project approval a href http w cityofirvine us les Developers Screen 81 19 pdf target gt lt img sr tp afirvine us images pdf28 png alt view PDF Screencheck Outline for Water Quality lt a posted 69 81 20 h4 water Oualitv Management Plan WOMP Peauirements h4 Newer 22 March 2011 18 09 Autosave ch3 gt Regulatory and Permit Information for Developers h3 This page is intended to help you through the permit process and to provide all the resources that nex development and redevelopment projects need to comply with water qualit regulations The first section features information related to permits and regulations The second section features Newer version is highlighted in green supplemental information ch3 gt Regulatory Requirements lt h3 gt hb surface Water Quality Screencheck outline ha This screencheck outline is used by City staff as the basis for providing water quality comments
41. ly click on the reorder image drag to the desired position and click Save changes at the bottom of the screen Deleting Slides If you would like to delete a slide simply click on the delete button and click Save changes at the bottom of the screen 1 4 Blog Settings 30 Selecting the Blog tab in the theme s option page will bring up all of the options available for customizing the website s Blog Below is a description of the options under the fourth tab Blog Blog Page The Page selected here will display a full list of blog entries Display Full Blog Posts or Display Excerpt This option controls whether the blog index page displays the full posts making use of the WordPress quicktag more to designate the cut off point for the post to be excerpted or displays the excerpt of the current post which refers to the first 55 words of the post s content Exclude Categories The blog page by default displays all Categories but if you wish to exclude some of these categories you can exclude multiple categories here Disable Related amp Popular Post Module Selecting this option disables the Related amp Popular Post Module at the bottom of each blog post Disable Social Bookmarks Selecting this option disables the Social Bookmarks Module at the bottom of each blog post Website User Manual Disable About Author Box Selecting this option disables the About Author Box Module at the bottom of each blo
42. n the page for which you want to edit the thumbnail or apply this step to new page 2 Upload the image to image library it might already be there Click on Show to open image editing window Click on Edit image In the right menu under Apply changes to choose Thumbnail 23 How to Create a Google Map 1 Go to Google Maps Enter the location you would like to mark 2 Click My Maps gt Create new map If you want to open an existing map check it in the left panel and click Edit 3 Adda title and description for your map You can make your map public or unlisted 4 Use the icons in the the top right corner of the map These include Selection tool Use this to drag the map and select placemarks lines and shapes 9 Placemark tool Use this to add placemarks N Line tool Click this button to select a tool to draw lines shapes and draw lines that automatically snap to roads Note that these tools do not appear until you create or edit a map see step 2 5 Once you are finished click Done add locations to the Google Map you ve just created 1 Enter the first location you d like to add in the main text field y Google maps Get Directions My Maps 2 Click on Save to map 3 Select the Map name you just created and hit Save 4 Continue adding addresses following the steps above To add a google map to an Event 1 Goto Events and click on Add Location and then Add New
43. nd To edit view or add a page to this section click on or mouseover Water Quality and select the action from the flyout menu Website User Manual Water Quality 2 400 To add additional items to the Water Quality landing list go the Water Quality option in the left hand main navigation menu and click Manage Find the Water Quality page and click on it to edit the entry When the WYSIWYG editor loads make sure you are viewing the existing content in HTML view Select an entire row of content starting with h4 through divider and paste this entire row in the desired position for the new item in the list The full row in HTML view should look like this lt 4 gt lt a href http 174 120 31 189 sgainc irvine pages programs recycling bottle and can recycling 2Cash for Cans amp Bottles lt a gt lt h4 gt divider Replace the content between the lt h4 gt lt a href and gt with the full url of the new item link and the name of the new item in between the opening and closing lt a gt brackets Click Update in the upper right hand Publish window to save and publish your addition Water Pollution Complaint Hotline 2 401 Water Quality Permit Information 2 402 Water Quality Tips for Businesses 2 403 Water Quality Tips for Residents 2 404 What s Stormwater Pollution 2 405 2 5 Zero Waste 36 All Zero Waste pages are located within the Zero Waste section in the lef
44. ne fourth Content goes here one fourth one fourth last Content goes here one fourth last Fifth one fifth Content goes here one fifth one fifth Content goes here one fifth one fifth Content goes here one fifth one fifth Content goes here one fifth one fifth last Content goes here one fifth last Mixed 45 one sixth Website User Manual Content goes here one sixth five sixth last Content goes here five sixth last Dividers clearboth divider divider padding divider top Color Classes The following classes can be applied to any element to change the color of the text Environmental Program Coded Colors recycle 53898 building 4d8a0b energy c1a922 water 007fb1 Zero 42002855 reward 4a81ab invent e66c24 Other Colors 46 coffee color 449584 teal color 246677 copper color 065050 deep sea green color 27757f earthy green color 525600 hot pink color 1098 havy color 7196 primary blue color 2379BF primary green color 207700 primary orange color DA6233 primary purple color 8250C0 primary red color 450000 black color 000000 Sienna color 835E46 Silver color C1C1C0 Sate grey color 8E959A purple color 8E779F teal color 267470 Website U
45. ng 34 Green Building 2 22 2 2 mme nee 34 2 3 Recycling 35 Recycling 223002 ede d hr eee te dece ege o pes ct ie 35 Business Recycling 2 301 0 0 eee een 35 Cash Back for Bottles and Cans 2 302 222222 22 22 2222 35 Construction amp Demolition Recycling 2 303 422121 35 Construction amp Demolition Materials 2 304 2 42 2 1 7 35 Find A Waste Hauler 2 305 coetui eere ter ee ede eked erbe be ka da ems 35 Household Hazardous Materials Disposal 2 306 35 2 4 Water Quality 35 Water Quality 2 400 rits pee ede eit P ree eroe et pe rade erdt pete 36 Water Pollution Complaint Hotline 2 401 2 2 2 2 72 4 36 Water Quality Permit Information 2 402 meme 36 Water Quality Tips for Businesses 2 403 2 0 20202 0 2 36 Water Quality Tips for Residents 2 404 1 2 7 36 What s Stormwater Pollution 2 405 0 2 0 4 0 0 02 0 2 36 2 5 Zero Waste 36 Zero Waste 2 500 iere pea E ce ERU eO E P RE UE ee eR 37 Reusing Every Day Items 2 501 0 e
46. nn nns 37 RePurpose 2 502 c EM Vp eR TU TE MAY 37 REACH QUE 2503 S tb vt evt s EVE ee te vids 37 RESOURCES 2 504 zc ve E YE EC Vin RC VR QU VEO ROLE V vex 38 Contractors and Builders 2 505 eere 38 3 65 38 Residents 3 000 eia da eee 38 4 5 rna m kn ken waa RE RR R RR RERRFAERR MEAE ER RE ERR Businasses 4 000 eerte Ue e esee PLE 39 5 5 39 Developers 5 000 25i odi RI e E AERE Mte 39 6 SCHOOLS i5 i29 xax 39 Sclio0Is 6 000 ike et sre 40 7 RESOURCES Vs i REOR RR RE Vs waa a Fa wa 40 RESOURCES 7 000 cid ons ex d ed R tro lt e o pn vix EE Vx Gua M EKEN 40 8 ECO HOLIDAYS isa 8 i C RC BEER EEE 40 Eco Holidays g 000 5 2 d tiem a IER RR IR EMI RR SEM RU RAE 40 9 EVENTS BEER EE BEB RRR RRS BEER BEEBE B
47. nvironmental Programs theme IEP theme are located in Theme Settings section in the left hand main navigation menu of the back end You ll see that your theme options page is broken up into 8 tabs General Settings Homepage Sociables Slider Blog Sidebar Footer Navigation Clicking on any of these option names will active that options tab The default active tab will be General Settings Following is a description of the options for the first tab General Settings Style Variation There are a number of different style variations available on this theme framework IEP uses earthy green css Do not change this option setting Custom Logo or Site Title The default setting for this option is Display Logo with this option selected you ll see the Custom Logo text field Please leave this on the default setting If you wish to change the site logo currently City of Irvine Environmental Programs you may enter the full URL of any custom logo image you have created and uploaded to the sever Custom Favicon This is the url for the custom site favicon A favicon is the icon displayed in the address bar of every browser This file has an ico extension Homepage Slider In Page This feature is not included in IEP so please do not change this setting Header Teaser Text This feature is disabled in the current version of IEP Please do not change this setting Header Teaser Style This option
48. on new development and significant redevelopment projects The outline is intended to provide applicants with information on the City s project water Quality approval process Management Plan WQP requirements and Please consult the document belox to help guide you through the various stages of project approval a hrefz http cityofirvine us downloads Screencheck for iter Qualitj Form 03 14 11 pdf target blonk img class alignlert src http cityofirvine us images png alt View PDF Screencheck outline for water Quality lt a posted 03 14 11 ha water Oualitv Management Plan WO P Reauirements lt h4 gt 3 Review the content To replace the content with the previous version to undo the current one scroll down and click on the option you want to replace the current version with then click Restore Compare Revisions Old New Date Created Author fe 22 March 2011 18 08 Current Revision City of Irvine 22 March 2011 18 09 Autosave Vedrana 14 March 2011 8 42 Vedrana 11 March 2011 16 41 Angie March 2011 1 ngie 3 2011 10 49 Al C 3 March 2011 10 31 City of Irvine 3 March 2011 10 29 City of Irvine 3 March 2011 10 02 City of Irvine 2011 9 53 City of Irvine 3 March 2011 9 50 City of Irvine 23 February 2011 13 53 City of Irvine 22 February 2011 18 38 Herwin C 22 February 2011 18 2
49. ools page and click on it to edit the entry When the WYSIWYG editor loads make sure you are viewing the existing content in HTML view Select an entire row of content starting with h4 through divider and paste this entire row in the desired position for the new item in the list The full row in HTML view should look like this n4 a href 2 http 174 120 31 189 sgainc irvine pages programs recycling bottle and can recycling 2Cash for Cans amp Bottles lt a gt lt h4 gt divider Replace the content between the lt h4 gt lt a href and gt with the full url of the new item link and the name of the new item in between the opening and closing a brackets Click Update in the upper right hand Publish window to save and publish your addition Eco Holidays Eco Holidays 8 000 Website User Manual To add additional items to the Eco Holidays section go the Eco Holidays option in the left hand main navigation menu and click Manage Click Update in the upper right hand Publish window to save and publish your addition 9 Events The Events manager populates the calendar and can be used for several functions besides displaying calendar events such as keeping track of event attendance These options can be changed To create a new item to the Events Calendar go to the Events option in the left hand main navigation menu IEP is currently set to store event locations If th
50. opics and write the content 22 9 Infrastructure strategy to create the wireframes e g define number of pages needed how to structure the page hierarchy etc So if you are looking to add a program page SGA will likely need to do 2 3 and 7 28 Bonus Section Musings from the Programmer Last edited 2 25 11 Table of Contents GENERAL USAGE 5 44 27 1 0 General Settings 27 Style Variation s ou 27 Custom Logo or Site Title 1 2 2 0202 00 40 1 6 nan 27 Custom FAVICON vs AREE MAY 27 Homepage Slider In 1 27 Header Teaser Text De Eee uv bue Der SEA 27 Header Teaser Style ise iced ede ta der edo Adobe eth dre ed po ee ME VER ie Ren 27 Disable C OM ER 28 Disable BreadcrumbSs en X YR EXER VENAE U KENAD 28 Google Analytics rose oni rna E re eh Mb epu 28 1 1 Homepage Settings 28 Homepage Teaser Text 1 ana 28 Disable Homepage Teaser Text 1 0 0 0 cece meme ene 28 Homepage Teaser Button 2 1 1 1 040 00 0 28 Homepage Teaser Button Text
51. ould be at least 587 x 280 pixels The slider also supports YouTube amp Vimeo videos just enter the URL of the video for example http vimeo com 1234567 or http www youtube com watch v ABCDEFG 6 Link URL Enter the full URL of the location you want the image to link to This URL can be any URL such as an external URL or the URL of a page or post on the website eg http www cityofirvine us eco news Title the slide this will appear on the image In the description box on the right side of the title box add a short description this will also be displayed on the image Text Edits How to make minor text edits To edit text Visit the live page and click on the Edit Page button at the top Add Comments Ce Bae san remp n Cm OF IRVINE ENVIRONMENTAL PROGRAMS Environmental Programs For Residents For Businesses TIP We recommend keeping the slides at a maximum of 5 If you want to add new delete one TIP If you use the word slide when naming the image it will be easier for you to find it later on TIP We recommend that you work in HTML view when editing existing pages only You may use VISUAL mode when creating new pages or eco news posts HTML view must be maintained when editing these pages because VISUAL
52. pace Trail Shady Canyon Bike Path etc CONTINUE READING For each image you will click Choose File to locate the image that you would like to use For each title you will enter in the appropriate title for that box For each text area you can enter in the text you would like to display in each box If there is a link you would like to include for visitors to follow for more information it can be placed in the Read More field 7 When the fields above have been completed select Preview and review If no additional changes need to be made return to WP and select Publish 21 Why Photo is used to introduce the visitor to the section s Hom ome Environmental Programs Space Preserve content in a visually Why Caption is used to introduce the engaging way OPEN SPACE PRESERVE visitor to the content of the section What Use a What Choose a page in this section horizontal photo no Since incorporation in you want to highlight Copy and paste wider than 400 pixels DILE nee the first 1 2 sentences of that page at 72dpi strong desire to balance the built and natural environment As this incredible master planned community has grown links to each phase of development has been accompanied by the preservation and How Keep text 1 2 sentences short How Resize it using and add a hyperlink to the page it an external editor in order to make sure the photos lo
53. ropriate text here just as you would on any WordPress page If there is a link that you would like to place under the main paragraph for a visitor to go to be able to read more information place the URL in the Read More Link box which will place a Continue Reading button under the main paragraph linking to this address The following field is for Announcements This field is optional If there are announcements they will display on the landing page in the Announcement field If this field is left blank there will be no Announcements box shown You can add or edit announcements at any time The next fields pertain to the lower three boxes on each landing page Each box has an image title text field and optional link to continue reading all appropriately labeled with box 1 2 or 3 20 Landing box 1 LEARN The Irvine Open Space Preserve is part of the historic Irvine Ranch which has been officially designated as a Natural Landmark by both the State of California and the United States Department of the Interior in recognition of PROTECT The first application of the NCCP HCP in the Central and Coastal Subregion of Orange County was the establishment of the Nature Reserve of Orange County NROC a 37 000 acre area designed to protect the habitat of coastal EXPLORE Describe special landscape features trails activities throughout open space system Bommer Canyon Trailhead Jeffrey Open S
54. ructure is driven by what is listed in Environmental Programs This is the core of the website navigation The For pages are just a supplement to help people get to the various program pages For this reason adding a program page is a big deal Before adding a program ask the following questions 1 15 information would like to add to the website an initiative that can fall under an existing program If no then 2 15 the Program would like to add broad enough to encompass future initiatives If yes then Below are the different components that need to be created when inserting a new program under the Environmental Programs tab Sting e IRVINE NVIRONMENTAL PROGRAMS D RECYCLING IRVINE NVIRONMENTAL PROGRAMS CITY OF IRVINE ENVIRONMENTAL PROGRAMS w ENERGY GREEN RECYCLING WATER ZERO WASTE BUILDING l Main navigation bar gets updated 2 New Program header gets designed with new color 3 CSS needs re programming to display text in matching program color 4 Program landing page needs text and content if more program pages exist 5 Program sidebar menu needs to be created if more program pages exist 6 Environmental Programs landing page gets redesigned to include updated link to new program section new color and intro text 1 Backend WP Dashboard interface needs re programming to accommodate new program menu 8 Content strategy in order to define the t
55. ser Manual 47 glossy black color 000000 glossy blue color 69707 glossy green color 5F774E glossy purple color 312739 glossy red color 750 09 glossy teal color 386876 Cclassic white lights color 93AAB2 orange color DF9237 olive color wine color 6 2057 blue color 028102 blue color 88AEC6 tan color BBAF9B lavender color 098 7
56. sting one in the field that says URL then click Update 10 Images and Photos How to add an image or photo to a post or page 1 2 3 Go to the page or post where you want to add the image Click Edit A text box will appear this is where you can edit text and add images On the right side just above the main text box you will see UPLOAD INSERT Click on the frame icon next to UPLOAD INSERT the one that says Add image when you hover over it UPLOAD NSERT A 65 Y 7B j Paragraph 2 2 4 A window will appear If you want to add an image from your computer click on Select files Select a file from your computer and click Open 5 The image will be uploaded to the page Give the image a title 6 To save it click Save all changes 11 Shortcodes How to view and use the Shortcodes page l Goto http www cityofirvine us style shortcodes and enter the password 2011 2 Use this page as reference when adding presentation elements to brand new pages or posts you wish to create 3 To activate particular elements featured on this page switch to Visual view and click on the Shortcodes icon 12 Adding a Page How to add new pages and assign to menus 1 Find the Program or Section you would like to edit Hover over the menu item and click on New When creating a new pa
57. t h4 gt lt a href and gt with the full url of the new item link and the name of the new item in between the opening and closing lt a gt brackets Click Update in the upper right hand Publish window to save and publish your addition 6 Schools 39 Website User Manual 40 Schools 6 000 To add additional items to the Schools landing list go the Other Pages option in the left hand main navigation menu and click Pages Find the Schools page and click on it to edit the entry When the WYSIWYG editor loads make sure you are viewing the existing content in HTML view Select an entire row of content starting with h4 through divider and paste this entire row in the desired position for the new item in the list The full row in HTML view should look like this lt 4 gt lt a href 2 http 174 120 31 189 sgainc irvine pages programs recycling bottle and can recycling 2Cash for Cans amp Bottles lt a gt lt h4 divider Replace the content between the lt 14 gt lt href and gt with the full url of the new item link and the name of the new item in between the opening and closing a brackets Click Update in the upper right hand Publish window to save and publish your addition Resources Resources 7 000 To add additional items to the Resources landing list go the Resources option in the left hand main navigation menu and click Manage Find the Sch
58. t hand main navigation menu of the back end with the exception of Reusing Items which has its own menu option To edit view or add a page to this section click on or mouseover Zero Waste and select the action from the flyout menu Website User Manual 37 Zero Waste 2 500 To add additional items to the Zero Waste landing list go the Zero Waste option in the left hand main navigation menu and click Manage Find the Zero Waste page and click on it to edit the entry When the WYSIWYG editor loads make sure you are viewing the existing content in HTML view Select an entire row of content starting with h4 through divider and paste this entire row in the desired position for the new item in the list The full row in HTML view should look like this lt 4 gt lt a href 2 http 174 120 31 189 sgainc irvine pages programs recycling bottle and can recycling 2Cash for Cans amp Bottles lt a gt lt h4 gt divider Replace the content between the h4 a href and gt with the full url of the new item link and the name of the new item in between the opening and closing a brackets Click Update in the upper right hand Publish window to save and publish your addition Reusing Every Day Items 2 501 RePurpose 2 502 To enter additional items to the RePurpose items list go to the Reusing Items option in the left hand main navigation menu and click New Within the new post
59. tem 5 li 5 li 35 li 4 ul star list BULLET LIST bullet list variation hot_pink lt ul gt 4 li 24 li lt item 35 gt 43 Website User Manual 4 ul bullet list Pull Quotes amp Blockquotes pullquote right Insert your text here pullquote right pullquote left Insert your text here pullquote left lt blockquote gt Blockquote text goes here lt cite gt Author Name goes lt gt lt blockquote Highlighting highlight1 Insert your text here highlight1 highlight2 Insert your text here highlight2 Image Frames frame left Insert the full URL path to your image frame left frame right Insert the full URL path to your frame right frame center Insert the full URL path to your image frame center Pull Quotes amp Block Quotes pullquote left Insert your text here pullquote left Highlights highlight1 Insert your text here highlight1 highlight2 Insert your text here highlight2 Column Shortcodes Halfs one half Content goes here one half one half last Content goes here one half last Thirds one third Content goes here one third one third Content goes here 44 Website User Manual one third one third last Content goes here one third last Fourth one fourth Content goes here one fourth one fourth Content goes here one fourth o
60. ting Posts and Pages When editing posts and or pages always remember to click Update in the publish window on the upper right hand side of the post or page editor to save and apply the changes you have made Uploading Media In the composition window of each post or page you will see there are two tabs in the upper right hand corner of the window one labeled HTML and the other Visual Write Panels If you create a page and realize it is not in the section you intended or if you would like to change the placement of a page and move it to a different section e g from Zero Waste to Recycling select a section option from the drop down menu in the upper right hand corner in the Write Panels window and click Update in the Publish window to apply your changes 1 8 Shortcodes The IEP theme has more than 70 custom style shortcodes that allow you to add custom styles to your post or page content To utilize a specific shortcode click on the shortcodes icon in your WYSIWYG editor from the Visual view Select the style you would like to use then click Insert to insert the style shortcode into the WYSIWYG editor You can then type any text within the shortcode brackets and the style will be applied to the text For a list of available IEP shortcodes please see Appendix A 1 9 Menu Modification To edit add or reorder menu items click on the Custom Menus option in the left hand main navigation menu o
61. use Visual mode here choose H3 to emphasize paragraphs or headlines Click on Submit Event 3 To make edits to existing events follow the steps above to find the event make the edit s and click on Submit Event Though there are only 4 steps to changing the title of a page there are three additional website updates that need to take place simultaneously 19 Titles How to change the title of a page To edit the Title on the Page 1 View the live page you would like to edit 2 Click on Edit Page at the top 3 Change the Title 4 Edit the Permalink underneath the Title to match the new title by adding hyphens in between words Click on Update when complete NOTE The Breadcrumbs will automatically reflect the new title Child pages or sub pages will also automatically be organized under the newly titled Parent page To edit the Sidebar menu 1 Take note of the sidebar menu in which the page lives see Custom Sidebar field in the editing window 2 Click on Custom Menus in the Dashboard and click on the menu you wish to update 3 Find the menu item click the arrow down to expand it and update the Navigation Label field with new title Click on Save Menu To edit the Landing Page if it s on one 14 1 View the live landing page and click on Edit page 2 View in HTML and scroll through the description until you find reference to the old page 3 Update the title name 4 Update t
62. ustom Menus section you can modify all the site s custom menus e n Settings section you can find tabs for Simple 301 redirects and for General options Appearance Links Settings Generally no changes should be made to any of the other tabs Below is a step by step guide on how to do simple changes to the website Hide Menu 1 Slideshow How to add a slide to the homepage Before adding a slide If you want to have content from your website on the slider make sure to have the content you want to have on the slide already on the website before adding a new slide For example if you want to add an event to the slider you will first have to publish the event online under events After that follow the steps below to add a Slide To add a slide NJ 1 Make sure to have the image you want to upload ready for instructions on how to upload an image see Images How to upload images Rename the image and give it an appropriate name Go to Theme Options in the sidebar menu and click Slider 3 Scroll down and click Click to add new row other slide rows 4 Copy the URL or the original location of the image and insert it where is says Do not copy a full link This is an example of how the URL ma Image Video A new row will appear below should look uploads 2011 02 slide leaves and dew jpg 5 If you want the image to take up the full width of the slider the image dimensions sh
63. w item using the Add Image button in 80px by 40px dimensions When the image file upload is complete copy the full URL of the uploaded image from the Link URL field and paste it between the quotes after src in the pasted row content Update the image alt tag to the name of the new item logo Copy the full url of the new item website and paste it between the quotes after Website User Manual 38 lt a href in the h5 and update the name of the link to reflect the name of the new item added Click Publish in the upper right hand Publish window to save and publish your addition ReSources 2 504 To add additional items to the Re Sources list go the Zero Waste option in the left hand main navigation menu and click Manage Find the Re Sources page and click on it to edit the entry When the WYSIWYG editor loads make sure you are viewing the existing content in HTML view Select an entire row of content starting with h5 through lt gt and paste this entire row in the desired position for the new item in the list The full row in HTML view should look like this h5 What s Zero Waste lt h5 a href http www cityofirvine us programs zero waste what is zero waste gt www cityofirvine us lt a Replace the content between the h5 and lt h5 with the name of the new item and replace the link url with the full url of the new item Enter this link starting with www
Download Pdf Manuals
Related Search