IT Tip Sheet

Website Topics:

Check to make sure your meeting location and website links are correct on the following sites:

The GoCivilAirPatrol search page:

http://hosted.where2getit.com/civilairpatrol/index.html

The info on the GoCivilAirPatrol search page should be updated by national if the CAPF 27 form was processed, but you can manually change it by logging into eServices.  Go to the Menu on top left, Personnel, Membership System.  On the next screen, click on the red Membership System at the top and Org. Maintenance.  Look at the information at the bottom of the screen to update and submit. 

 

On the MNCAP.org website, check that the homepage menu for Squadrons takes you directly to our squadron webpage.  If not, then contact the wing administrator to be put in touch with someone to update this.  Additionally, if the wing website doesn't have the correct meeting address or website at https://www.mncap.org/sqinfo/unit_detail.cfm?charter=131 then also contact the wing administrator to be put in touch with someone to update this.

 

In order to find login information for updating this website, the facebook page and any other online accounts, go to eServices, Menu on top left, Information Technology, Internet Operations.

 

WEBSITE:

View the Fort Snelling Website at https://ftsnelling.cap.gov/ 

Log in to edit website at https://admin.cap.gov

Whenever making a change to a webpage through https://admin.cap.gov and then viewing it on https://ftsnelling.cap.gov/ you will need to hard refresh the browser window up to a couple of times to see the new changes (google how to hard refresh for the browser you are using and whether not your are viewing it on a Mac or PC: for example: Internet Explorer is Ctrl + F5 and Firefox is Cmd + Shift + r)

Civil Air Patrol Siteviz tutorials:

https://www.gocivilairpatrol.com/members/cap-national-hq/information-technology/cap-web-site-tutorials

To Change your Username or Password, click on your current username in the top right hand corner.

To edit the webpage:

After logging in, click on the "Ft. Snelling Cadet Squadron" on the left hand side under "Websites."  This should take you to a page with the files for the website listed on the right with subfiles nested underneath the main files.  Click on the triangle to the left of the main page names (like About, Programs, etc) to view the subfiles.

 

Planning and Structure:

1. The website has a preset format for uniformity
2. There are 7 "Content boxes" that were originally named "Box 1," "Box 2," etc in order initially, but once renamed have been re-ordered alphabetically:
   1. Box 1 = now Slideshow - at the top of the screen of published website
   2. Boxes 2-7 are at the very bottom of the screen of published website and are, in order: Aerospace Education, Cadet Programs, Emergency Service, Fort Snelling Squadron Commander, Visit the Fort Snelling Squadron, About Civil Air Patrol
   3. The three news boxes underneath the Slideshow are automatically populated and cannot be changed.
   4. The 8th content box is the button immediately under the Slideshow and is "VISIT THE FORT SNELLING SQUADRON!"
   5. The 8 content boxes can be edited by going to the top left of the webpage editing window and clicking on Website Content Boxes.

General Notes:

1. You can't change the color scheme of the website or the background photo of the homepage. 
2. For the most part, the structure of the website is set and you can just adjust the dropdown menus, photos (other than the background photo and news photos) and sub pages.

 

3. 3. Social Media under content boxes
   4.  
4. Calendar

 

Page and Menu Setup:

1. Site Map
   1. About
      1. Our History
      2. Great Lakes Region Staff
      3. Great Lakes Region Commander
      4. Cadet Protection
      5. Giving
   2. News
      1. CAP.news
      2. photos.cap.gov
      3. Media Resources
      4. Marketing
      5. GLR Magazine
      6. Volunteer Magazine
   3. Join
      1. How to Join
      2. Unit Locator
      3. Connect With Us
      4. Contact Us
   4. Events
      1. GLR Cadet Competition 
      2. Region Staff College
      3. GLR Power Flight Academy
      4. Johnson Flight Academy
      5. Cyber Security Academy
   5. Members
      1. Inspector General
      2. Real ID Act of 2005

2. ### To Add Page

1. Go on left to Web Pages
2. Then on right click Add New Page
3. Name Page
4. Vast Majority of pages are Type Static Page
5. Content is at the bottom of that page, but can leave blank initially
6. go to bottom and Save and Publish

4. #### Website Menus on left hand side of screen
5. Click on the grid looking graphic to the far right of Header Menu (these are the blue headers at the top of the page)
6. On right “add new menu item”
7. on the second line down - click the link icon to the right and select page to link to
8. Click the triangle in front of Pages and click the page you have already made
9. Name the page after “Name”
10. Select if open in same window and whether the menu is a drop down (choose YES)
11. Can change order of menus by click, drag and drop
12. ### To add a drop down for say About - go to the icon after the magnifying glass (add child page)
    1. Do this for every child page under a menu to have it all set up
13. Hard refresh is Ctrl F5 on PC on mac in Firefox is Command + Shift + r

 

Links

1. Add links in menu drop down
   1. ### Need to add a page for the link - seems strange, but that is the way it is set up
   2. Click on the “New Page” on the right when in the Website pages (from left list)
   3. Give it a name
   4. Under Type - ### choose static link
      1. https://www.(cap.news)
      2. Choose if in same window or new window
      3. Save and publish
      4. ### Need to drag and drop from Website Page list to nest it under where you want it (drag up and drag to the right to make it nested child page).  
      5. ### if problems loading - then clear DNS cache (might have to delete http for photos)

Deleting a page

1. Press the garbage can
2. Then go into the page and go to the bottom and click “Publish page deletion”

 

Page Content:

2. Click pencil icon to edit page (on far right)
3. scroll down to text box at bottom.  
4. Edit Headings (top left of text box features - where says normal)
5. Can bold and underline
6. Click on Source button to see HTML code
7. Save and publish
8. To Add picture

1. #### Admin dashboard
2. #### Website files  on left hand side
3. Creat folder
4. Click on folder
5. Add file
6. Name file
7. Choose file
8. Can resize
9. Go back to webpage
10. Click on pencil
11. Go to text box at bottom
12. Use add image button
13. Find image in folder
14. Alignment in bottom left of pop up window
15. If picture is too big
16. go back to image button
17. Change width
18. Add padding around photo 
    1. Go to source button
    2. Under style for <img> go over to after style=“float:left” and add padding to make it style=“float:left; padding:0 15px”
19. Prevent words wrapping around a picture
    1. <p><img alt="" height="366" src="/media/cms/Simon_Fenton_400_045A6CBE8F39D.jpg" style="float:left" width="400" /></p>
    2. Change style=“float:left" to style="left"
    3. <div style=”clear:both;”></div>

 

Page Tables:

1. Staff Roster copy

 

Content Boxes:

1.  Content boxes 2 to 7 are at the bottom of the page: National example:

1. Aerospace Education
2. Cadets
3. Emergency Services
4. National Commander’s Videos
5. Upcoming Events
6. Our Mission

2. Global Reach Standard for image sizes on go civil air patrol website

1. https://www.gocivilairpatrol.com/media/cms/Image_Sizing_Guide_Go_Civil_Air_Pat_FA037A40ABE69.pdf
2. 372px wide x 350px tall
3. Desktop 
4. Tablet

3. Under Websites on top left (under website pages and Website Menus, click on Website Content Boxes

1. 1. Click on Pencil to right of Box one
   2. Give a name
   3. Open in new window
2. Box #2
   1. name it
   2. Choose image
   3. Put in a link

 

 

Slide Show

1. Website Content Boxes
   1. Slideshow in the middle
   2. To add photos, click on the slides tab at the top
   3. Click Add new Slide on the top right
   4. Ever picture needs a name and Desktop version.  ### The name will be displayed
   5. Add Caption at the bottom
   6. Can make the picture a clickable link - makes a “learn more” button

2. Desktop 

1. 1900x450 px photos (visible on devices greater than 767px)
2.  

 

Calendar

1. Go to Google Calendar
2. Click on Gear icon 
3. Settings
4. Scroll down and choose a calendar to share
5. Integrate calendar
   1. Grab the inked code
   2. Change height and width 
   3. Default Month view
   4. Set title of Calendar
   5. Copy code
6. Go back to CAP website and click on Calendar page (if made, otherwise make it)
7. Paste the HTML in the Source code
8. Save and publish

 

Insert photo

1. take out “Float”
2. How to organize / upload photos

 

Insert a document for download:

1.  Anchor:  <a href="/media/cms/I02_27_06_Nov18_F0CEAAB09F27B.pdf" target="_blank">Index 0-2</a>