Hero images made using the Hero Banner plugin
Posted: Mon Jan 06, 2025 8:24 am
In this case, the insertion method should be "AutoInsert" and the position should be "After HTML element".
Then, paste the selector you copied earlier into the CSS Selector chile phone number field. In our case it's #masthead, but it depends on the topic.
Once you've done this, you can toggle the Inactive button so it becomes Active and click the Save Clip button.
Place the hero banner shortcode below the title using WPCode
That's it!
If you look at your website, you should now see the hero banner image below the title:
We hope this article helped you learn how to include hero images in WordPress. You may also want to pick up our guide on how to add preload animations in WordPress and our reviews of the best tools for creating and selling digital products.
If you liked this article, please subscribe to our YouTube channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Additionally, you can add event locations and links. Sugar Calendar also allows you to create event tickets and sell them online.
After entering all event details, you can select your preferred calendar from the right panel. After that, just click on the "Publish" button.
Post a recurring event
Next, you'll add your new recurring events calendar to a post or page on your website.
From your WordPress dashboard, edit or add a new post or page. In the content editor, click the + icon to add an Event Calendar section.
Add sugar calendar blocks
The calendar should now appear in the content editor. You can check how it looks and then publish or update the page.
Visit your website now to view your running calendar of recurring events.
Once the saving process is complete, you should see a "Form Updated" notification at the top of this page.
At this point, you may want to check your module's configuration. Let's go to the Messages tab and see how the HTML form configures the form submission confirmation message.
Just click "Messages" to open the tab.
Then, paste the selector you copied earlier into the CSS Selector chile phone number field. In our case it's #masthead, but it depends on the topic.
Once you've done this, you can toggle the Inactive button so it becomes Active and click the Save Clip button.
Place the hero banner shortcode below the title using WPCode
That's it!
If you look at your website, you should now see the hero banner image below the title:
We hope this article helped you learn how to include hero images in WordPress. You may also want to pick up our guide on how to add preload animations in WordPress and our reviews of the best tools for creating and selling digital products.
If you liked this article, please subscribe to our YouTube channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Additionally, you can add event locations and links. Sugar Calendar also allows you to create event tickets and sell them online.
After entering all event details, you can select your preferred calendar from the right panel. After that, just click on the "Publish" button.
Post a recurring event
Next, you'll add your new recurring events calendar to a post or page on your website.
From your WordPress dashboard, edit or add a new post or page. In the content editor, click the + icon to add an Event Calendar section.
Add sugar calendar blocks
The calendar should now appear in the content editor. You can check how it looks and then publish or update the page.
Visit your website now to view your running calendar of recurring events.
Once the saving process is complete, you should see a "Form Updated" notification at the top of this page.
At this point, you may want to check your module's configuration. Let's go to the Messages tab and see how the HTML form configures the form submission confirmation message.
Just click "Messages" to open the tab.