The Hero Header section of Academy Pro theme is surprisingly easy to set up, once you know how to do it.
Quick tip…
There’s an easy way to get to all of the Academy Pro Hero Settings.
When you’re logged in, view the front page of your website
Look in the black bar at the top of the screen and find and click the “Customize” button. This opens the WordPress Customizer. Then you can …
Click any of the pencil “Edit” icons and you will instantly open the corresponding setting dialogue box in the customizer.
Only the Hero section has these icons, but they can still save you quite a bit of time.
The Academy Pro Hero Settings are in the WordPress customizer.
Go to…
Dashboard > Appearance > Customise
Select the Academy Pro tab
You now see six sub tabs. You need the tabs labeled …
- Hero Text Settings
- Hero Button Settings
- Hero Video Settings
- Hero Logo Settings
Go to…
- Dashboard > Appearance > Customise and select Academy Pro Settings then …
- Click the Hero tabs
Hero Text
- Click the tab that says: Hero Text Settings
- Type a title for the Hero section
- Type your hero intro paragraph text
Now go back to…
Dashboard > Appearance > Customise and select Academy Pro Settings.
But this time select the tab that says…
Hero Button Settings
- You’re now editing the Hero button text and urls for the hero section of Academy Pro theme.
- Type the text for the colored button
- Add a URL to go to when the colored button is clicked
- Type the text you want to appear as the underlined text “button”
- Add a URL to go to when the underlined text “button” is clicked
The Hero Video Settings
On the right hand side of the demo site home page, you’ll see a video that plays if you click the play icon.
On your site, you can place a video in this position or you can use a static image.
Go to: Dashboard > Appearance > Customise and select Academy Pro Settings.
Then click the Hero Video Settings tab
- You are now in the Hero Video Settings dialogue
- If you want to display a video from Vimeo or youtube just paste the URL here. You can upload a video to your own webspace but hosting your own videos can seriously slow down your whole Website.
- Add a Hero Video Thumbnail Image. If you don’t add a video, just this thumbnail will display.
Hero Logo Settings
On the demo site under the Hero text, video and buttons you’ll see a row of five StudioPress and Copyblogger logos.
To put logos of your own choosing here …
Go to: Dashboard > Appearance > Customise and select Academy Pro Settings.
- Select the Hero Logo Settings tab
- Type some: Hero Logos Heading Text. This appears to the left of the logs
- Click the Select buttons to select and upload your own logos here.
The recommended size for these logo images is 320 x 80 pixels. However the images will actually display at half this resolution, 160 x 40 pixels.
Help, my Hero Header Section is not being displayed!
Go to: Dashboard > Appearance > Customise and select Academy Pro Settings.
- Click the Basic Settings tab
- Make sure the tick box that says “Show the front page hero section?” IS ticked!
« Previous Academy Pro Tutorial – Next Academy Pro Tutorial »