For Internal Use

Documentation

About the Site

The main components of this site are:

  • Camps (ex: Jr Day Camp)
  • Camp Locations (ex: Oakton, VA)
  • Camp Sessions (a combination of Camp + Location + Dates). 1 session post for each week of the summer, ex: Jr Day Camp, Week 1 at Mater Dei)

Steps for adding new a camp:

  1. Add a new Camp
  2. Add a new Location (if it doesnt exist)
  3. Create 1 Camp Session for each week of the summer for each location
  4. Add the Camp to the Camp Finder

There are admin notes in each post to help you understand what content is expected and how it’s used. If you feel it needs further explanation, you can add it here or request us to add it to the admin.

Jump to a Section

Camps

Create one post for each camp (ex. Jr Day Camp) which will have the general information, pictures, icons, etc that belong strictly to that camp. Fields are organized by tabs, with some being required. It’s fine to put FPO content in these fields in order to save and come back to edit. If a camp already exists, make edits to the existing post.

This is where you build out the Camp page that users will see. On the Camp Page Content tabs you can add content blocks to create the pages as needed.

Camp Sessions can be created directly in the Camps admin (and will be automatically associated with that camp) or you can use the Camp Sessions admin to create/edit sessions (see more below).

Switching over to a new summer

Update early-bird and regular pricing, photos and content and add or remove any sessions that are no longer applicable. (See sessions section below about how to edit existing sessions for a new year).

Camp Locations

This is where information about the location is entered, along with a Location Page Content tab for building out the page that users will see.

If a location has multiple neighborhoods or schools, first create a Parent post with the general area name (Bethesda, MD) and then create/assign a post for each Child. The Parent/Child relationship is defined by a dropdown menu in the right column of the Location post, titled “Camp Location Attributes”.

Bethesda, MD (Parent) – This title displays in Camp Finder filter, shows all children in results
– Bethesda | Mater Dei (Child)
– Bethesda | Norwood School (Child)

Camp Sessions

Create 1 camp session for each week of the summer (even if camp is not offered that week).

Once created, go to the associated Camp post and add in all of the sessions. If you do not add the sessions to the Camp they will not display on the Camp Finder. The order matters, so drag and drop them so they appear Week 1-11. Following the naming convention we have set for launch will help immensely.

Switching over to a new summer

For future summers you can edit the existing sessions, updating the title and information as needed. We included the dates in the titles to easily distinguish between years in case there was a situation where you wanted to add next year’s dates while still having the current year displayed. If this is unnecessary feel free to shorten the titles to Camp + Location + Week and omit the date.

Camp Finder

The Camp Finder has an option to either add camps manually or let it happen automatically when you create a camp (but not a mix of both). We are launching with camps added manually because you can then reorder them to your preference, so if you have a camp you want to push, you can make it appear in results first. Remember when you create a new camp to add it to the Camp Finder page.

Note that if logged in, admins can see a hidden filter for Camps. This is useful to filter the grid by Camp and use the URL to direct people to view one camp only.

Switching over to a new summer

Make sure to add, remove or re-order camps on the Camp Finder page.

Early-bird or special pricing

A custom field has been created to each Camp Session for an Early Bird price (which typically runs through mid-January.) Show or hide EB Pricing using the toggle tab in Theme Settings. There is also an alert banner text field that you can use to display text on the Camp Finder page about the promotion.

If you want to run a sale during the summer, edit the original price as it’s likely to affect fewer camps than Early Bird which is typically applied to all camps & sessions.

There is a field on the Camp Finder page where you can create an alert that will display to promote other sales or events. This will only display if Early Bird pricing is OFF (to avoid a conflict where two alert banners display).

The Multi-Sport Dilemma

Multi-sport is unique because there are 3 versions with various sessions/ages that we want to display and link to in the Camp Finder. However, generally the camps are so similar that we want to link from the top nav or from a google search result to a main MS camp page that encompasses all of the ages. To handle this, we have created a unique Camp post for each of the following:

  • Multi-Sport (General)
  • Multi-Sport I
  • Multi-Sport II
  • Multi-Sport II+

The general MS post is not added to the Camp Finder because results should be specific to ages and locations.

All of these posts have the same content so pay attention if you update content or photos one to make sure the other 3 are aligned where applicable.

Menus

The custom menu builder is under Appearance > Menu Builder. You can also find Logos and the global link for the Enroll button in the menu.

  • Primary Menu (and Mega nav dropdown content)
  • Footer Menus (Columns in footer – logo, tagline, text for CTA/W2L)
  • Copyright Menu (bottom far right)
  • Social Icons (display in 4th column of footer)

Anchor Links

Create a link that jumps to a section of content by using the format #sectionID in the link URL field. Correspond that with the ID that you place on the block that you want to link to. To add an ID to any block, click the settings icon on the top right of the block and put a unique name (no spaces) in the Custom ID field.

  • Example ID of a block: importantcontent
  • Example link to that block on the same page: #importantcontent
  • Example link to a block on another page: https://www.headfirstcamps.com/about/#importantcontent

Button Shortcodes

Use a styled button in any WYSIWYG by using a [shortcode]. Edit the link and the text, leaving the style as is. View the buttons below in the Text tab to copy/paste the shortcode, or refer to the list at the top of blocks that use a WYSIWYG.

Primary Button
primary button
Secondary Button
secondary button
Outlined Button
outline button
Arrow Link
arrow-link
Anchor Link
back to top

Theme Settings

If you cannot find where to edit something, it might be under Theme Settings. Following is a list of things to edit there.

General
  • Turn Early Bird pricing on or off (appears on Camp Finder)
  • Set a note/disclaimer that appears at the bottom of the Camp Finder (like a note for how camps are pro-rated for the week of July 4.)
Overlays
  • Create a modal overlay (like the one launched from the Enroll Now button in the top nav) and use the assigned ID to open a modal from any button or link on the site.
  • Globally we are using this at launch for Enroll Now links and a Contact/Hubspot W2L form
Images & Flags
  • Icons – HFSC has a unique set of icons that are applied to Camps and used on Icon Cards in the Icon Block. That default set lives here and is unlikely to be changed on a routine basis.
  • Flags – you can apply a flag to Camps and Location cards (appear in carousels and in the results cards in the Camp Finder). Set any number of flags with custom text & color scheme and apply via the individual Camp or Location posts.
Sidebars (Widget Areas)
  • Create unique sidebars in this tab and then go to Appearance > Widgets to put content in. Assign sidebars when using the General Text block. This page uses the Documentation sidebar where I created the list of anchor links to jump to sections.
Scripts

Use this section to apply scripts as needed, usually for implementation of tracking or advanced functionality. Test the site after adding scripts as it is common for errors to happen if the code pasted is not valid.

  • Header Scripts – currently for Google Tag Manager
  • Body Scripts – currently for Google Tag Manager
  • Footer Scripts – currently empty

 

Theme Notes

Use Theme Notes to keep track of internal notes about how the site works that you find useful.

SEO

General notes for reference:

  • Missy Cook is your SEO expert.
  • Multi-Sport has 3 Camp posts and a single Page. The page is the primary source of information that combines MS 1, 2 and 2+ information and ages. The 3 Camp posts have canonical links via the Yoast admin that sets /multi-sport-camps/ as the primary or Canonicalized URL.
  • There are 2 Locations (Bethesda and NW DC) that are parent pages, only there for use to generalize the location in the Camp Finder. These Location posts are no-indexed and contain no valuable content.
  • ALT tags are available within each block if an image is used that is not a background image. Images inserted via a WYSIWYG, ex. General Text Block, will pull an ALT from the Media library. Therefore it is best practice to put general ALTs on each image in the Media library and more specific ALTs where appropriate on page.

Changelog

Plugins

If you add a plugin, note it here with the date and purpose. If you stop using it, delete it. Plugins are the highest security risk on a website making it vulnerable to hacks. The site should have as few plugins as necessary to be functional.

Critical, do not deactivate or remove
  • ACF Quick Edit Fields
  • Advanced Custom Fields PRO
  • Redirection
  • Scott Reston’s Admin Helpers
  • Smart Custom 404 Error Page
  • SVG Support
  • Yoast SEO
Useful, can delete & re-add without issue
  • Classic Widgets (easier to admin Widgets interface)
  • Simple History (who touched the site and when)
  • Yoast Duplicate Post (duplicate pages & posts)
Helpers
  • HubSpot All-In-One Marketing (connects your Hubspot account to website for tracking forms)
Security
  • Wordfence Security