• Skip to main content
  • Skip to header right navigation
  • Skip to after header navigation
  • Skip to site footer

WP Engine hosting includes Genesis and 35 of the StudioPress themes!

Philip Gledhill

WordPress | Genesis Framework | StudioPress

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog
  • Content
  • Beaver Builder
  • CSS
  • WooCommerce
  • WP Tutorial
  • Contact
  • Specific Themes
  • Find it
You are here: Home / StudioPress Setup Wizard / Widget Area Settings for Setup Wizard / Customizing widget area settings for Digital Pro

Customizing widget area settings for Digital Pro

Digital Pro – what you need to do after running the setup wizard

First activate the navigation bar. Go to…

Appearance > Menus > Manage Locations: In the Header Menu drop down, choose Header Menu.

Setting the header menu in Digital Pro

 

Now you need to fix the homepage link. Go to…
Appearance > Menus > Edit Menus:
Look for the Home “button”. Click the little arrow to open the box. Change the link to YOUR Home Page.

Fixing the homepage link in the navigation bar of Digital Pro

 

Genesis Theme Settings

Dashboard > Genesis > Theme Settings

If you click the Reset Settings button, THEN click the Save Settings button, Genesis will automatically set most of these settings to suit your theme.

Save Settings and Reset Settings buttons

 

I’ve made a video and tutorial all about the Genesis Theme Settings.

Some Genesis Theme Settings you might want to change…

Demo uses single column for pages and posts. Change this if you wish.

Scroll down to the Content Archives section
The settings should be OK. Just change the: Limit content to. Change this from 160 Characters to 0 Characters. A setting of 0 characters will display the full post content up to the more tag.

Make sure the featured image is set to show and the size is 1000 x 700 Right aligned.

Genesis Theme Settings Content Archives

If you use Google Analytics, paste your code into the…
Header and Footer Scripts > Header Scripts: text box.


Editing the front page layout using the Front Page Widget Areas

The front page is made from three main Front Page widget areas.
Front Page 1, Front Page 2 and Front Page 3.

These three widget areas are followed by a short list of blog posts.

And then the footer, which contains three widget areas. Footer 1, Footer 2 and Footer3.

The main front page widget areas

Front Page 1 widget area: is the first section of the homepage, it comes below the site title and navigation bar.

Front Page 1 widget area contains a text widget where you can change the big homepage headline, smaller text and button text.

The pink button that jumps you down to the next section of the home page. Front page 1 has a background image. This is the big image to the right that shows part of a mobile phone, a notepad and pen.

To change the background image go to…

Dashboard > Appearance > Customize > Front Page Image.
Your new image should be 1600 x 1050 pixels.

Frontpage 1 widget area in Digital Pro

 


 

Front Page 2 widget area: contains a list on the left hand side and an email signup form on the right hand side. This widget area contains two widgets. The list on the left is in a text widget and the newsletter sign up form uses the Genesis eNews Extended widget.

Front Page 2 widget area Digital Pro

 


 

Front page 3 widget area: is the black stripe that contains 3 icons, 3 short paragraphs of text and 3 pink buttons. this widget area is made form four text widgets. The first text widget only contains the words “OUR SERVICES” in the Title: box.

The icons, headlines, paragraphs and buttons are in three text widgets. I’ve made a web page showing you how to customise icons used in StudioPress themes.

Front Page 3 widget area Digital Pro

 


 

Our Journal

Below the black bar with the 3 icons, there is an optional section that lists your 3 most recent blog posts. You do not have to do anything to activate this section, it is built into the theme and appears automatically if you use the widgetized front page.

Front Page blog listing Digital Pro

 

You can remove this short blog listing if you wish.

Go to Appearance > Customize > Front Page Content Settings
In the section labelled Front Page Content Section Display: click the drop down where you can chose to Show or Hide the front page content section.

In the section labelled: Journal Section Heading Text, type a heading to appear above this short list of blog posts.

Appearance Front Page Content Settings
The final section is the footer. It contains 3 widget areas that display in a single row.

Footer Widget Area in Digital Pro
The pink Contact Us section is Footer 1 widget area. The About Us and Follow Us sections are Footer 2 widget area and Footer 3 widget area.

Footer 1 and Footer 2 widget areas contain text widgets with HTML text links.

Footer 3 contains the Simple Social Icons widget.

In the demo site Footer 1 widget area also includes a phone number. This phone number uses special code that can be clicked by mobile phone users to automatically dial the phone number.

If you want to use a similar feature to make the phone number clickable in your site you can find out more on Google’s website.


 

Adding the fancy first paragraph, more tag and featured images

The demo site uses a CSS class to style the font used in the first paragraph of blog posts, there is also a short underline below this first paragraph. This option is available only for posts and not for pages.

Fancy first paragraph Digital Pro

 

The code you need to style the fancy first paragraph is…

HTML for fancy first paragraph in Digital Pro posts

 

The more tag contains the more text, “Continue Reading”.

The more tag with Continue Reading text
The Featured Image is NOT added as a Featured Image in the Set Featured Image section of the post editor. It is the first image that you place in the post.

Put the first image in your blog post AFTER the more tag. This avoids having duplicate images appear in the blog listing.

Put the image below the more tag

 


 

Digital Pro theme has a sidebar

The default setting for Digital Pro theme is to use a single column layout on posts and pages. But You can have a left or right hand sidebar on all or just on specific posts and pages.

This setting is in Genesis Theme Settings page AND you can choose on a page by page basis by scrolling down the page as you write a new post and looking for the Layout Settings options.


That’s all folks!

You’ve chosen a great theme. If you spend a little time setting it up and adding some good content you’ll have a great site.

 

Category: StudioPress Setup Wizard, Widget Area Settings for Setup Wizard

About Philip Gledhill

Philip helps small and medium service businesses build and maintain clean, minimalist, professional looking websites. He loves clear, concise, customer focused content, and websites that are easy to navigate. His motto is focus on your customer and keep it simple.

Previous Post: « Customizing Widget area settings for Executive Pro
Next Post: Simple Social Icons Plugin »

Sidebar

Get your theme here

StudioPress set up Wizard

  • Widget Importer & Exporter settings for StudioPress themes
  • Preparing your site – before you use the Widget Importer & Exporter plugin
  • List of plugins used in StudioPress themes
  • Using the import files to set up the Content, Widgets and Menu in your own site
  • Install WordPress on a Windows Computer Using Bitnami

Widget Area Settings for some popular themes

Discover how to customise the widget area settings after you use the Widget Importer & Exporter Setup Wizard files.

Download zip file containing Widget Importer files Right click and choose "Save link as"

StudioPress themes Free with this hosting.

StudioPress Theme Settings

  • Genesis Theme Settings
  • Site Title, Description and Favicon
  • Making a Blog Page using the Genesis Framework
  • Activating the Navigation Bars in a StudioPress Theme
  • Add an image logo to a studioPress theme
  • Genesis After Entry Widget Area
  • Using the Header Right widget area in a StudioPress theme
  • Adding a background image to a StudioPress theme
Please read this
StudioPress Genesis Tutorials genesis-geek-button

Looking for a StudioPress theme or hosting?

Check out the two links below…

Get Genesis Framework & StudioPress Themes free.

When you sign up for a WP Engine plan, you receive the Genesis Framework and 36 StudioPress Themes free. That’s over $2,000 in value.

Free themes with hosting
Get Premium WordPress Themes

Buy a StudioPress theme outright and use it on all of your sites. There are three ways to get all of the StudioPress themes AND save.

Choose Your Theme

Web Hosting

If you’re in the market for premium web hosting from a team you trust why not checkout WP Engine. It’s designed to be Fast, Secure & Worry Free!

Site Map

Site Map: if you can’t see what you’re looking for read through my sitemap, it may well be there :-)

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog

This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by StudioPress, WP Engine, Copyblogger Media LLC, WordPress, or Automattic Inc. WordPress, Genesis, StudioPress and WP Engine, are registered trademarks of their respective owners.

Copyright © 2021 Philip Gledhill · Privacy policy and disclosure

© Copyright Philip Gledhill

Return to top