How to use and customise the MaxiBlocks WordPress home page design template

The WordPress home page design template made by MaxiBlocks offers a clean, professional layout ideal for educational institutions, but can easily be adapted for various other industries. In this post, we’ll guide you through how to use and customise it section by section, giving you 10 tips per section on how to make this layout your own. We’ll also cover which types of websites can benefit from this template and provide ideas on what you can include to suit your specific needs.

For more inspiration and patterns, check out the MaxiBlocks pattern library.

Hero section

The hero section features a bold headline with a background image of two individuals in a professional or educational setting. There’s also a call-to-action button to encourage immediate engagement.

10 customisation tips:

1. Change the image: Use a high-quality image relevant to your business, whether it’s an educational environment, an office, or a creative studio. You can swap this using the website images pattern.
2. Update the headline: Craft a statement that resonates with your target audience. Whether it’s motivational, witty, or straightforward, it should align with your brand tone.
3. Customise the button text: Change the “Start now” button to something more specific, like “Join us today” or “Learn more.” The call to action examples pattern can inspire you.
4. Adjust the font: Experiment with typography settings to suit your brand. Make sure it’s readable and aligns with your overall theme.
5. Use video instead of an image: If you have a video that showcases your services or products, consider using it in the hero section.
6. Add icons: Incorporate WordPress icons to enhance the visual appeal of the section.
7. Animate the text: Use subtle animation for the headline to catch the visitor’s attention, but keep it smooth to avoid distraction.
8. Introduce a gradient overlay: Applying a gradient to the background image can make the text stand out more clearly.
9. Rearrange the layout: Experiment with the positioning of elements, such as moving the button below the stats.
10. Highlight your value proposition: Ensure the headline captures the essence of what makes your business unique.

Course offerings section

This part of the page is divided into cards, each representing a different course or service. It’s a clear and concise way to present your offerings.

10 customisation tips:

1. Change the titles and descriptions: Tailor each card to highlight your key services, whether they’re online courses, product offerings, or consulting services.
2. Add images or icons: Incorporate visual elements using the MaxiBlocks icon patterns to make each card more attractive.
3. Experiment with background colours: Give each card a distinct colour to make the section more visually engaging.
4. Rearrange the layout: Adjust the number of cards shown per row. For example, you could feature three larger cards instead of six smaller ones.
5. Add a hover effect: Introduce subtle animations when users hover over the cards to increase interaction.
6. Include badges: Use small icons or badges to indicate popular, new, or featured courses.
7. Link to external pages: Connect each card to a detailed page for more information. You can create these pages using WordPress templates.
8. Add testimonials: Include a mini-testimonial section under each card to boost credibility.
9. Utilise pricing tables: If you’re offering services, use the pricing table pattern to add transparent pricing information.
10. Incorporate a filter: Add a course or service filter, enabling visitors to sort options by category, duration, or price.

Team section

This section presents a visual showcase of your team with photos and short bios.

10 customisation tips:

1. Update photos: Ensure high-quality, professional images are used for each team member.
2. Change the layout: You can present your team in a grid or single-column layout. The team pattern can give you ideas.
3. Add icons: Include social media icons next to each bio to encourage visitors to connect with your team on LinkedIn or Twitter.
4. Incorporate a “Meet the team” video: Use a video to introduce your staff and add a more personal touch.
5. Add animated counters: Use an animated number counter to show your team’s collective experience or completed projects.
6. Highlight special achievements: Feature awards or recognitions that the team has received.
7. Introduce hover effects: Make the section more interactive by animating the bios or photos on hover.
8. Showcase diversity: Use this section to highlight the diverse skills, backgrounds, and expertise of your team.
9. Add a contact button: Provide a direct contact option for key members of your team if they handle client queries.
10. Organise by departments: If you have a large team, consider organising them into departments or specialities for clarity.

Call to action

A bright orange block at the bottom encourages visitors to take the next step, such as contacting you.

10 customisation tips:

1. Change the background colour: Ensure the colour contrasts well with the rest of the page to catch the visitor’s eye.
   • Choosing colours for your website
2. Update the text: Use more specific language depending on your business goals. Instead of “Let’s work together,” try “Get in touch today” or “Join our community.”
   • Creating effective website content
3. Customise the button: Make the button action more compelling. Try phrases like “Sign up now” or “Get started today.”
   • Button design best practices
4. Include icons: Add a small icon to the button, such as an arrow or a contact icon for a more dynamic look.
   • Using icons in web design
5. Add a secondary call to action: If you have multiple goals, such as getting people to sign up for a newsletter, offer a secondary action.
   • Creating effective CTAs
6. Make the button larger: Ensure the button is large enough to stand out, especially on mobile devices.
   • Responsive design tips
7. Include testimonials: Display a short testimonial next to the call to action for extra persuasion.
   • Collecting and displaying testimonials
8. Add a form: Include a small contact form directly in this section, making it easy for visitors to get in touch.
   • Creating a contact form
9. Showcase urgency: If applicable, use language that creates urgency, such as “Limited-time offer.”
   • Using urgency in marketing
10. Include social proof: Add icons of companies you’ve worked with or notable achievements below the call to action.
    • Adding social proof to your website

Different types of websites that can use this template

This WordPress home page design template can be adapted for many types of websites. Here are some use cases and what you can include for each:

• Educational websites: Showcase courses, student success stories, and upcoming events. Include a contact form for enrolment.
  • Educational website template
• Non-profit organisations: Display your mission statement, impact stories, and a donation button.
  • Non-profit template
• Photography portfolios: Use the hero section to showcase your best work and include client testimonials.
  • Photography portfolio template
• Consulting agencies: Highlight your services, success stories, and a pricing table for different consulting packages.
  • Consulting agency template
• Freelancers: Use the template to create a professional portfolio, including testimonials and service offerings.
  • Freelancer template

To see more examples, visit our WordPress templates page. With MaxiBlocks, you can customise your site with ease, ensuring it fits your brand perfectly. Explore more patterns to further enhance your layout.

For more on getting started, see our WordPress block theme tutorial.