Infinity Pro looks great and has more features than most other themes. You can build the front page using widget areas, or if you want more control, use the Genesis Blocks plugin. StudioPress say this theme is “the most beautiful theme ever created”. Whatever your opinion, you can’t deny Infinity Pro will make you and your business look professional.
Infinity Pro’s main features
- It has a widgetized homepage (Front Page 1 to 7) with background images for alternate rows. But you can use the Genesis Blocks plugin to build your own layout if you prefer.
- There is Primary sidebar.
- A Lead capture page with a lead capture widget area for your Mailchimp signup box.
- Off screen content widget area overlays the entire screen. If you place widgets in the off screen content widget area, a new page is added to your site. Your viewers access this page by clicking the three dots button in the top right corner of the screen. They will see the content of any widget you placed in the off screen content widget area widget area. You could use this as a full screen menu or a mailing list signup page.
- There are three footer widget areas Footer 1, 2, and 3.
- There’s an After Entry widget area which displays below single blog posts. This is ideal for a call to action.
- There are two menu locations, header menu and footer menu. The off screen content widget area can also be used as a mobile style menu.
- There’s a team members page. This page displays a grid of it’s child pages. However, you can make a similar page more easily using Genesis Blocks.
- Image logo option. Mobile friendly web design usually necessitates a rectangular logo. This is so the logo will fit on mobile screens. Infinity Pro uses a logo size of 400 x 130 pixels, this is twice the size the logo will display at, which is 200 x 65 pixels. This ensures the logo looks crisp on high resolution retina screens.
Infinity Pro has two dedicated customizer Tabs.
Front page background images
Go to: Dashboard > Appearance > Customise > Front Page Background Images
Here you can select the background images for alternate rows of the front page. Rows 1, 3, 5, 7 that is, if you’re using the widgetized homepage.
Alternativly, if you use Genesis Blocks to build the homepage, you can give the container block of any row a background image.
Replacing the site title text with an Image Logo
Go to: Dashboard > Appearance > Customise > Header Image
Here you can set an image logo of 400 × 130 pixels via the Customiser’s Header Image tab. The logo will display at one half that size so it looks crisp on retina screens.
Page Templates in Infinity Pro
Infinity pro has more page templates than the sidebar/no sidebar and full width page layout options. It has…
- Landing page template.
- Lead Capture page template.
- Team page template.
- Off Screen Content. This is NOT a page template, it’s a widget area that covers the whole screen. I’ve included it here because people mistake it for a page template. It is activated via a tiny three dot icon in the navigation bar, that icon is small and easy to overlook.
Landing Page template
The landing page template strips away the header, footer and sidebar. The menu does not display, but if you’ve set up an off screen content widget area, the three dots button that opens the off screen content does display.
Landing pages are ideal for very targeted sales pages or any page you want the reader to focus exclusively on that specific page’s content.
Lead Capture page template.
The lead capture page template is similar to a landing page template. However, the lead capture page template has a corresponding lead capture widget area. The lead capture widget area displays at the very bottom of the lead capture page template. Most people put text and images in the lead capture page template, and an eNews Extended widget in the Lead Capture widget area.
Alternatively, you can make a similar layout using the Landing page template with the Genesis Blocks newsletter block.
Team page template
The team page template was designed for people using the WordPress classic editor. If you’re using the new block editor (Gutenberg) you can make a similar page layout in a fraction of the time using the Genesis Blocks post and page grid block.
Only use this template if you’re using the old classic editor
If you’re using the new block editor, use the post and page grid block, it’s much easier to set up. And you’ll do the job in a fraction of the time.
The team page is a parent page and you can place content in this page. The team member’s grid will automatically display below that content. The grid of team members is drawn from pages, that have the parent page set to the team page. Only the parent page needs the page template type of team. So, only the main team page has a template type of Team. That template automatically draws in it’s child pages.It then displays a grid built from the child page’s featured images, page titles, and the team_title custom fields. The team title custom field is where each team member adds their job title or job description.
So, to build a team members page grid …
- You need a parent page with a template type of team.
- You need child pages of that parent page.
- You need to set up a custom field with a field name of team_title. The value of which becomes the team member’s job title or job description on the team parent page.
- Each square of the grid shows: Featured image, Page Title, Custom Field.
- It also shows the individual page titles which are drawn from the team member’s names.
- You apply a featured image to each team member’s page. The featured image is a head and shoulders shot 1280 x 1280 pixels. This featured image does not show on the individual team member child pages, but does show in the team member’s grid, which is displayed on the team member’s parent page.
