Website Editing Instructions


BEFORE YOU BEGIN:

  1. BROWSERS: Use Chrome to edit the website. Internet explorer will cause problems.
  2. PASSWORDS: If you must change your password always use at least 13 characters with at least 2 uppercase letters, 2 numbers, 2 characters such as #, -, $, !, %. Save it in a password protected folder where you can copy and paste it in if needed. Your password either protects or puts the website at risk for hacking.
  3. TEST CHANGES: This website is RESPONSIVE meaning that it adjust to all device screens. Always test changes on your computer, tablet & phone.  You can also test the page by  clicking on the side of your browser window and sliding it to reduce and increase the size of the browser window. Large text and long Headings will not look good on mobile devices. Make sure images shrink with the window to fit mobile devices.

EDIT WITH BEAVER BUILDER

  1. Watch this short video tutorial: https://vimeo.com/240550556
    Photos: https://vimeo.com/117214336
    Text: https://vimeo.com/116676109
  2. Sign into WordPress using your credentials
  3. Click on the words “Bannock County” at the top left side of the page.
  4. Use the website menu to navigate to the page in your section that you wish to edit.
  5. You should see “Beaver Builder” in the editor menu above the page in the top of the browser. Click it.
  6. You may see a pop up with an invitation to take a tour. Click yes if you want to or click No Thank You.
  7. Refer to the Beaver Builder video tutorial: https://vimeo.com/240550556 for usage instructions.
    Please DO NOT use the Template Tab option.
  8. Read the instructions below for specific task information.

Shortcuts to the instructions located below:

  1. General Instructions
  2. Edit Existing Pages
  3. Create a New Page
  4. PDFs & Documents Info
  5. REPLACE PDFs & Documents
  6. Linking to an Existing PDF or Document
  7. Upload a New PDF or Document
  8. Images
  9. Menus must be edited by Ann Yearsley – 208-317-4204 – ann@homelandweb.com

General Instructions:

  1. You will be able to edit text and images within each page and upload and link to documents. The menu, footer and some of the side columns can only be edited an administrator.
  2. When signed into the back end Admin panel please don’t make to changes to anything you have not learned how to do.
  3. ALWAYS UPDATE AND CLOSE THE PAGE after editing or it will lock everyone else out.
  4. To create a break to the next line without creating a new paragraph press Shift + Enter.
  5. Pressing CTRL Z is the the same as undo. CTRL Shift Z is redo. CTRL C is copy. CTRL V is paste.
  6. Format phone numbers (208) 236-7210 or 208-236-7210 for smart phones. Don’t use periods 208.236.7210.
  7. Phone numbers should be linked: Select the phone number. Click the link in the menu bar and enter: tel:208-236-0000

PAGES: Edit Existing Pages:

  1. Permalinks: Please do not change the Permalink address. It will break links to the page.
  2. Formatting: Please use document formatting to maintain a clean official looking website. Avoid using large colored centered text such as you see on posters. 
  3. Headings: H1 is only for page Titles. Use H2 – H4 for all other headings. More than one H1 heading will cause Print Page problems and Google penalties.
  4. DELETING PAGES: If you delete a page it will go to the Trash. Please DO NOT EMPTY THE TRASH! You may need to recover it later and you may delete other departments’ trashed pages. It may be better to Unpublish a page than to delete it until you are absolutely sure you won’t need it or any of it’s contents again. You may also need to remove the link to that page from the menu.
  5. Some pages will have code such as
    when editing. Please do not edit or delete the code or it will break the columns on the page.
  6. Links: Always click “Open link in a new window/tab” under the link window for documents and websites outside of the Bannock County website.

Create a New Page: New pages can’t be created with Beaver Builder. Use the Admin Dashboard and Pages Tab.

  1. Keep the Page Title short. I needs to fit under the header image in the breadcrumbs and on small mobile screens.
  2. Create a short Permalink for the page using dashes between words. IE. /court-resources. The system will create one for you on save so you may want to edit it to be short and descriptive before you create a menu item or link to it.
  3. Start every page with a Heading (H1) and a horizontal rule (found on the editor bar).
  4. Be sure to assign your new page to your Category and choose your main page as the Parent under Page Attributes. They are located in the boxes in the column on the right side of the editing window.
  5. Scroll further down to Sidebars to assign your new page a Default Sidebar and Default Footer to match your other pages. 
  6. Scroll down to the Content Options box to click the Hide Title box or you will have two page titles.
  7. Ignore all other boxes on the right side. Changing those setting can mess up your header, footer or menu.

PDFs & DOCUMENTS:

  1. Find Your Documents: You will be able to see all images and documents uploaded to the website but will only be able to delete those in your department category. You can reduce the number of items shown: a. Type the name of the document or a phrase it contains in the Search box to reduce results. b. Use the “View all categories” drop down box at the top to show only those in your category. c. Filter the type of file you are looking for in the “All” drop down box. Click “Filter”.
  2. WordPress will rename your file by adding dashes between words spaces and attempt to delete characters. Before uploading rename all documents using descriptive text with NO SPACES OR CHARACTERS except a dash. For example Bannock Pamphlet & Handbook.pdf will become Bannock-Pamphlet-Handbook.pdf
  3. Try to keep document file names the same instead of adding dates or revision numbers unless it is a new document with a new link such as a yearly report. Correct: bannock-pamphlet-handbook.pdf . Incorrect:  Bannock-Pamphlet-Handbook-2014.pdf.
  4. DELETING DOCUMENTS: First be sure that other departments isn’t using the document on their page by looking at the “Attached To” column. Deleting a document will break any links to it so remove the link. You may need to REPLACE the document instead of deleting it.

Uploading a New PDF or Document:

  1. Click Upload Files to upload a new document.
  2. Click “Select Files” to choose a document from your computer.
  3. Change the “Title” in the left side box to the text you want in the link.
  4. ALWAYS click the “Categories” link on the right side of the page and click on your Category box. Uncheck the “Uncategorized” box.
  5. Once you upload the file you have to go to the right side menu and scroll down to “Attachment Display Settings” and make sure the  “Link To” option box shows “Media File”.
  6. Click the “Insert into page” button.
  7. Now click on the link and click the “Link” button in your editor and ALWAYS click “Open link in a new window/tab” box .  Click the “Add Link” button.
  8. You may want to change the link text.

Linking to an Existing PDF or Document:

  1. Click your mouse where you want the link to appear.
  2. Click the Add Media button above the editor.
  3. Existing Document: You will be able to see all images and documents uploaded to the website.
  4. Reduce the number of items: Type the name of the document or a phrase it contains in the Search box to reduce results. Use the “All media items” dropdown box at the top to filter the type of file you are looking for. Click “Terms Search”.
  5. Click on the document.
  6. On the right side bar  scroll down to “Attachment Display Settings” and make sure the  “Link To” option box shows “Media File”.
  7. Click the “Insert into page” button.
  8. Now click on the link and click the “Link” button in your editor and click “Open link in a new window/tab” box . Click the “Add Link” button.
  9. You may want to change the link text.

REPLACE PDFs and other documents: (Prevents broken links)

  1. Click on “Media” in the left hand menu. (This can’t be done from the page editor)
  2. If you don’t see any files under Media click on the “Assistant” link below it.
  3. Locate your document: Filter by Category either in the drop down box or clicking your category in the category column. Search: Enter the document name or unique words from the document in the search box.
  4. Click on the File Name or icon of the document.
  5. On the next page scroll down to “Replace Media” and click the “Upload a new file” button.
  6. Click “Choose File” and browse your computer the updated document. Leave “Just replace the file” checked.
  7. Click “Upload”.
  8. On the next page click “Update” button on the right side of the page.
  9. To view the replaced document you will need to refresh your browser (CTRL F5) so that the new document will come up in place of the old one. Don’t be alarmed if the new document doesn’t show up immediately. It can take hours for the internet to catch up. If your document needs immediate and frequent changes please consider replacing it by creating a new page where you can edit it directly and it will always change immediately.  (Avoid using PDFs whenever possible for mobile users. PDFs can be created from any page by you or the visitor using the Print & PDF button at the bottom of each page.)

Images: Beaver Builder video shows how to add an image. https://vimeo.com/117214336 

  1. Always resize images before adding them to your website! Most images taken from a camera or phone are 5 times the width of the website and take visitors forever to load. WordPress creates 4 image sizes when uploaded: Thumbnail, Medium, Large and Full Size. Choose the one that fits best. You can click the “Edit Image” button in the Attachment Details box after upload and edit the size and crop it. No image should be wider that 1100px.
  2. Create a folder on your computer to store original photos and one for edited images.
  3. Rename photos using descriptive text with NO SPACES, CAPITAL LETTERS OR CHARACTERS except a dash!  Correct: bannock-county-sheriff.jpg – Incorrect: ds6743i4.jpg – Incorrect: Bannock County Sheriff 2014.jpg
  4. Open the page you want to insert the image on and put your cursor where you want it to appear.
  5. Click the “Add Media” button above the editor bar.
  6. Click Upload Files to upload a new image.
  7. Click “Select Files” to choose an image from your computer.
  8. Add Alternate Text for search engine rank and visually impaired users which keeps the website within the government accessibility for government websites. Something like “Always buckle your child into their car seat”.
  9. ALWAYS click the “Categories” link on the right side of the page and click on your Category box. Uncheck the “Uncategorized” box.
  10. Click the “Insert into page” button.
Print Friendly, PDF & Email