SFSC Website Cheat Sheet 1. Albums a. Creating Photo Album.page 2 b. Adding Images to exiting Photo Album..page 9 c. Resizing your images for the albums page 15 2. Events a. Creating an Event page 19 b. Editing an Event page 23 c. Locking Event down behind Login..page 24 3. Forums a. Creating a Main Category.page 25 b. Editing/Deleting a Topic. page 26 c. Editing/Deleting a Reply. page 27 4. Users a. Adding a new Member..page 28 b. Editing a Member..page 30 5. Pages a. Editing a Website Page.page 31 1
Creating a Photo Album 1. Log into the Admin Site 2. On the left rail, hover over the galleries option and select Add Gallery. 2
3. Give your Album a title such as Cookout August 2013 in the first form field. 4. Click the Add Media button to upload the photos that should go into this album. 5. A new popup will load. First thing you do is click the Create Gallery link on the left and then click the Upload Files button. 3
6. You ll be presented with this screen. Click the Select Files button to find your photos on your PC. PLEASE READ! Before you continue have you first resized your photos? If not, please review the Resizing Photos area of this guide. Otherwise you will be uploading files right off your camera that are likely very HUGE in size. This will eat up your allotted storage amounts with your hosting vendor and it will slow down the site speed drastically. Please do not upload images larger than 800x600. 7. Navigate to your files on your PC, select the ones you d like to upload and hit the Open button. Note, this screen may vary depending on your computer (PC vs Mac) as well as operating system versions. Basically, find the files, select them, and click the button to continue. 8. Your files will begin uploading and as they complete, you ll see their thumbnail appear with a checkbox in the upper right corner. Wait until all files have finished uploading, then click the 4
Create a new Gallery button in the lower right corner of your screen. 9. The next screen will allow you to re-sort the images if need be. Click the Insert gallery button in the lower right corner when you are finished making your edits. 5
10. The popup will close and your screen should look something like this: 6
11. To add an album cover, click the Set Featured Image link on the lower right rail: 12. Your media gallery will be displayed, find the photo you want to use as the album cover, click it to select it, then click the Set Featured Image button in the lower right corner of the popup. 7
13. Your screen should then look like this in the Featured Image area: 14. Click the Publish button to save your changes and make this album live on your Photo Albums page. 8
Adding Images to an Existing Album 1. Log into your Admin Site 2. Click the Galleries link on the left rail 9
3. Find the album in your list of albums you wish to add photos to and click the Edit link. 10
4. Click the link that looks like a camera inside the body editor (you may have to click into the editor to make the icon appear). 5. A popup will open that will contain all the images in this album. Click the Add to Gallery link on the left. 11
6. From here, you can pick images you ve already uploaded previously or mostly likely what you need to do is click the Upload Files link to upload new pictures from your computer. You ll be presented with this screen. Click the Select Files button to find your photos on your PC. PLEASE READ! Before you continue have you first resized your photos? If not, please review the Resizing Photos area of this guide. Otherwise you will be uploading files right off your camera that are likely very HUGE in size. This will eat up your allotted storage amounts with your hosting vendor and it will slow down the site speed drastically. Please do not upload images larger than 800x600. 7. Find your photos on your computer, select them, and click the button to continue. 12
8. Your photos will begin uploading and you ll see a progress bar to show you the status. Each photo has a checkbox that you need to leave checked to include the photos in the insert. 9. After the files are done uploading, click the Add to Gallery button in the lower right corner of the popup to continue. 13
10. You ll be presented with the set of photos now belonging to the album you are editing. Your new photos are likely at the bottom of the list. You can drag them around to a new spot within the sort order if you wish. Click the button in the lower right corner to save your changes. 11. Click the Update button on the right rail to save your changes. If you fail to do this, all new inserts will be lost. 14
Resizing Images for the Albums You must re-size your images before you add a gallery or before you add to an existing gallery. Your camera (or phone) will likely save images in a very large size (some over 1-2MB each). If you do not resize them before bringing them into the website, they will take forever to load, they will eat up your allotted storage space with your hosting company quickly, and they will cause the album page on the site to run very slowly. There are several free re-sizing software solutions out there. I will give you step by step instructions for re-sizing image using my favorite FastStone Photo Resizer, which can be downloaded for free here: http://www.faststone.org/fsresizerdetail.htm. Please note, my system is a Windows 7 system. If you have a Mac or a different Windows operating system, the screenshots may not represent what you will see. 1. Download the photos off your camera or phone and put them into a folder on your computer. Create a sub-folder within this folder called resized, which is empty for the moment. 2. Start up the FastStone Photo Resizer software 3. This software remembers where you were last so remember to navigate to your folder with the images you wish to resize by clicking the button next to the address bar that shows the current selected directory. A popup will appear allowing you to navigate through your computer and select the directory containing the images you wish to resize. The screen will refresh and now all the files names you see should be of the images you want to resize. 4. Click the Add All button. This will take all files in the directory you want to resize and move them over to the empty right side. NOTE if your directory contains images you do not want to resize, you can instead select individual files on the left and click the Add button to move 15
just those over to the right side. 5. If you clicked the Add All button, you ll see the sub-folder resized is also included in that. We don t want to resize that, so highlight it and click the remove button. 16
6. Now we need to change the Output Folder to the new sub- folder we created called resized. Click the browse button and navigate to this new folder. 7. Click the Advanced Options button, which will open up a popup. This is where you can tell the software what size you want to re-size the photos down to. 17
8. When the popup opens, select the 800x600 option from the <Pick a Standard Size> drop down. 9. Now all you have to do is click the Convert button and the next screen will show you the results listing each file that has been resized. If you go into your Windows Explorer area and navigate to that sub-folder, it should now contain a copy of each file that has been resized down to 800x600 pixels. 18
Creating an Event 1. Log into the Admin site 2. Click the events link on the main left rail navigation 3. Select the add event button 4. Give your event a title in the first form field. 19
5. The body editor is where you will provide all of the event details. 6. Scroll down to the Date/Time area of the tool. Where you see the Calendar select the date (or if it s a multiple-day event, the starting day, of your event. 7. The time scrollbars allow you to set the time of the day your event will take place. 20
8. The Event Type box will let you dictate if it s a one-time event, multi-day, re-occurring, etc. 9. If you want the home page to show an image along with the event title when your event comes up as the next event, you need to use the Set Featured Image link on the right rail of the tool. This will also apply the image when on the event details page up by the Date/Time announcement. 10. Click it, navigate to the images in your media library to select one (or upload a new one) and click Set as Featured Image. 21
11. Very Important: if this event contains information that should not be accessible to the general public navigating the site (ie: address to club member s house for a party), please remember to check the SFSC Member Only checkbox. When this is checked, you must be logged in AND be a club member to access the page for the details. 22
Edit an Event 1. 2. 3. 4. Log into the Admin Site Click the events link on the left rail navigation Find you event you wish to edit and click the Edit link Make your edits in the body of the event (or perhaps down in the time controls). 5. Click the Update button on the right rail to save your changes. 23
Locking Event down behind Login 1. Log into your Admin Site 2. Either edit an existing event you need to lock down or do this when you add an event. 3. On the right rail you will see an Access box. Click the SFSC Member Only check box to lock down the event details to just SFSC club members. People will be forced to login to see the event details. 24
Creating a new Forum Main Category 1. Log into your Admin Site 2. Click on the Forums link on the left rail 3. Click on New Forum link either on the left rail or at the top of the Forum s listing page. 4. Provide a label for your Forum 5. If you need to provide a description of your forum (or perhaps instructions), enter those in the body editor. 6. Click the Publish button on the right rail to save your changes. Your new main category should now appear here: http://www.spearfishing.org/forums/ 25
Editing/Deleting a Forum Topic From time to time you may have someone who creates an inappropriate topic under one of the main categories that as a moderator, you want to edit or delete. Here s how: 1. Log into the Admin Site 2. Click on the Topics link on the left rail 3. Hover over the topic you wish to edit/delete and click either the Edit link or the Trash link. 4. If you just need to edit it, you can alter the text in the body editor and click the Update button on the right rail to save your changes. 26
Editing/Deleting a Forum Reply As a moderator, you may need to edit someone s reply to a forum topic or remove it all together. Here s how: 1. Log into the Admin Site 2. Click on the Replies link on the left rail 3. Find your reply that you need to edit in the main listing that loads. Remember to look at the user column since you may see more than one reply on a popular topic. 4. Hover over that item and click the Edit or Trash link. 5. If you are editing, make your changes in the body editor and then click the Update button to save your changes. 27
Adding a new SFSC Club Member As the club grows, you will need to add a user for them in list of registered users on the site. Here s how: 1. Log into the Admin Site 2. Click the Users link on the left rail 3. My advice would be to first scan the list of users on the site to see if this person is already a user and just needs to be brought into the SFSC Club Member user group. It s possible they already registered in order to participate in the forum discussion. The list of users are in alpha order by username (the person s email address) but you can click on the column headers to re-sort by that property. 4. If they are not yet a user, click the Add User button either on the left rail or at the top of the User listing page. 5. Populate the Form: a. Give them a username (typically their email address because it needs to be unique). b. You must provide their email address (also needs to be unique). c. Provide them with a password. I originally gave everyone: sfsc123 d. Check the checkbox to email them their login credentials. 28
e. Click the Add New User button 6. Go back in to edit the user. Remember that users are listed in alpha order by email address so you may need to scroll through a few pages in the user list to find them. 7. Click the Edit link when you hover over their username. 8. Scroll down to the bottom of the tool 9. Check the SFSC Member Only user groups. 10. Click the Update User and your new user now has access to any page locked down to SFSC Members only. 29
Editing an Existing User You may need to reset someone s password, or add them to a SFSC Member Only if they are voted in as a member. Here s how: 1. Log into the Admin Site 2. Click the Users item on the left rail 3. Find you user in the list. They are listed alphabetically by username. Hover over their username and click the Edit link. 4. Make your edits to their profile. At the bottom you ll see the ability to check the checkbox to add them to the SFSC Member Only user group if that s what you need to do. 5. Click the Update User button to save your changes. 30
Editing a Website Page From time to time you may want to edit the copy on an existing website page. As long as the page is a standard page, and not a page that belongs to a particular plugin such as Events or Forums, etc. You can make any edits via the Page area of the admin site. Here s how: 1. Log into the Admin Site 2. Click on the Pages link on the left rail 3. Find your page that you wish to edit. Hover over the page name and click the Edit link. 4. In this scenario, you may want to add or remove an item of the bulleted list of web cams. To apply a hyperlink to something, simply click into the editor, add a new item at the bottom of the bullet list, hyperlink the name of your web cam, and click the icon that looks like a chain link. This will open the Link Popup where you can provide the URL, the label of the web came and check off the box that says to open the link in a new window. Click Ok to insert your hyperlink 31
into the text. 5. Click the Update button on the right rail to save your changes. 32