Author: Webmaster

1. Log in to website
2. Plant Sale Page
   1. URL: https://www.arboretumfriends.org//plantsale
   2. Page logic is to display articles (blog entries) with the tag “PS-18” (no quotes) in reverse order entered, i.e., latest on top.
   3. You can, however, make an article “sticky” which means it will stay at the top. We have done that In the past with an article largely based on your entry in the Spring Arboretum Leaves. I have done that already for you, but you can modify it by following the Edit Article instructions below.
3. Enter New Articles
   1. After you log in, you will get a new menu on top that includes “Add Article.” Click on that to open the editor.
   2. Give your blog entry a nice title.
   3. Enter and format the body of the article in the Body section.
   4. Be sure to add the tag “PS-18” (no quotes) or the article will not show up on the plant sale page.
   5. Click the Save button at the bottom of the editor screen.
   6. The new blog entry should now be visible on the Plant Sale Page.
4. Edit an Existing Article
   1. Click on the title of the article you wish to modify.
   2. On the next screen, click on Edit. That will open the article in the editor.
   3. Make the desired changes in the article.
   4. Click the Save button at the bottom of the editor screen.
   5. The modified article should now be visible on the Plant Sale Page.
5. Insert a thumb image in an article
   1. Add text to new article.
   2. Put cursor at beginning of paragraph where you want to insert image.
   3. Click image icon in top row of WYSIWYG editor.
   4. Navigate: Browse Server | Upload | Choose File and click on image file you want to upload from your computer, then the Open button.
   5. Check the Create thumbnails – Large box, then the Upload button. This uploads the image from your computer to the server and at the same time creates a 180×180 pixel thumbnail image. The thumbnail uses the same file name prefixed with “Large_”.
   6. Click on the thumbnail name and then the Insert file button at the top.
   7. This returns you to the image properties popup. Click on the Alignment – Right button and the “Captioned Image” box, then the OK button.
   8. Your thumbnail should appear right aligned in the editor.
   9. Edit the caption to your desired text.
   10. Save the article.
6. To link thumb image to its full-sized sibling:
   1. Navigate to article
   2. Click on Edit button at top. This opens the WYSIWYG editor screen.
   3. Make sure Text format is set to “Full HTML”
   4. Click on image, then click on Image editing icon in top row of WYSIWYG editor.
   5. Select all of the path in the URL box. Copy it (CMD-C).
   6. Close the Image Properties popup using the Cancel button.
   7. Click on Link tab.
   8. Paste the URL into the URL box. Delete the “large_” that prefixes your image file name.
   9. Set the Target to “New Window (_blank)”.
   10. Click OK.
   11. Save article.
   12. Test the link by clicking on the image. It should open a new tab on your browser showing the full-sized image.

12/14/18

1. Click on Add Article in right sidebar.
2. Add Title.
3. Add Body.
   1. Be sure to put rev. date at end of article.
4. Add “Manual” (without the quotes) to Tags.
5. Save Article.

Article should now appear in the FOFA Manual view.

8/13/20

Publish & Unpublish Slider Items

This describes how to add and remove the slider items that appear on the Home page of the website.

Publish a Slider Item

1. Log in to the website.
2. Add a new event if necessary.
3. Navigate to the event in EventsDev-Future view and note the event number (in parenthesis at end of title).
4. Create a 400px x 400px image for the slider and note its location on your computer.
5. Click the “Add Slider” button in the right sidebar.
6. Add a title — this becomes the image caption in the slider.
7. Click the “Add Image” button and navigate to the location of the 400×400 image on your computer. Select it and upload it.
8. Add the URL of the event you wish the image to be linked to. This will be of the form: https://www.arboretumfriends.org//Events#NNNNN where NNNNN is the event number you found in the earlier step. Don’t omit the pound sign — the link won’t work without it.
9. Set the Publish / Unpublished dates and times
   1. Leave Publish date / time blank if you are going to publish it immediately
10. Set Publish Yes to publish it immediately.
11. Press “Save”. The Slider is now active.

Unpublish a Slider Item

1. Log in to website.
2. Click on “Content” in black menu bar at top of page.
3. Set Type to “nivo_slider” and Published to “Yes” then click Apply.
4. The content list will show you the currently published slider items.
5. Check the box at left of the item (or items) you want to unpublish. Do this by clicking the box.
6. Set Operations to “Unpublish”
7. Click Execute button. The item is unpublished and no longer appears on the Home Page.

1. Log in to website. You need permissions of “Photo Editor” or above to perform the next steps.
2. Prepare your photos
   1. You may use png, gif, jpg or jpeg files.
   2. Make sure the images have been resized so the short edge is no more than 1300 pixels.
   3. Save the resized images in an easily-found folder on your computer.
3. Navigate to Photo Gallery page.
4. Click on “Add image-gallery” link in right-sidebar.
5. On the “Create Image Gallery” form:
   1. Add a title
   2. Add body text. The editor will allow you to apply formatting as desired.
   3. In the add new files box on the right,
      1. Click “Browse” and browse to the folder in step 2.3, above and select the photos you want to add.
      2. Click “Upload”
         1. Note the 8 Mb upload limitation. You may have to do multiple uploads if you have a lot of files or if you didn’t shrink them sufficiently.
      3. Thumbnails of all the images should appear in a column on the right.
      4. You can drag images into a different sequence if desired.
      5. You can add a title to each image by typing into the Title box associated with each image.
   4. When ready, click the “Save” button on the bottom left of the form.
   5. Return to the Photo Gallery (click on PhotoGallery menu item at top) and see your new gallery at the top of the page. These are arranged in descending order by date created.
   6. You can edit an individual image gallery by clicking its title, then the “Edit” tab and modifying the text, rearranging the images, adding images, etc.
      1. Remember to click the “Save” button when done.

3/14/18

1. How to Log In
   1. Go to http://www.arboretumfriends.org/user
   2. Enter username and password (separate email).
   3. If successful, will get new 2-line menu at top. Note your username and “Log out” button at right end of new menu.
   4. Also, you will get several new links in right sidebar (see “WebDev Links”)
2. How to Log out
   1. Click on log out button at right end to top black menu bar.
   2. Alternative log out method: go to http://www.arboretumfriends.org/user/logout

12/21/15