How to Fill your Website with your Dream Customers
FREE BOOK Shows 20+ Virtually UNKNOWN Secrets To Get Tons Of Traffic To *Any* Website or Funnel..."
Daily Dish Pro Theme
Thank you for using the Genesis Framework by StudioPress, and selecting the Daily Dish Pro theme.
If you have any trouble, please fill out the contact form for assistance.
You may wish to have the Daily Dish Pro theme demo open for reference while setting up your theme.
The setup documentation for this theme has been broken down into the following sections:
- First Steps
- Genesis Theme Settings
- Home Page Setup
- Widget Areas
- Page Templates
- Widgets
- Extras
Pre-Installation Setup
Compatibility
Make sure you have the following installed:
- Latest version of WordPress
- Latest version of the Genesis Framework
Plugins to Install
Below are all the plugins that are being used on the Daily Dish Pro theme demo site. They are all optional, but if you’d like to set up your site like the demo, you’ll need to install and activate them before you begin.
You may substitute your favorite plugins for these, if you wish
General Plugins
- Simple Social Icons: This plugin is used to add social media icons to the site.
- Genesis – eNews Extended Widget: This plugin is used to add an email subscription form to the site.
Shop Plugins
The following plugins are used to add the shop functionality to theme demo. If you won’t be including a shop on your site, you don’t need to install them.
- WooCommerce: This plugin adds an online store to your website.
- Genesis Connect for WooCommerce: This plugin is used together with the WooCommerce plugin to make sure shop related pages are displayed correctly.
Membership Plugins
The following are paid plugins to add extra functionality to your WooCommerce shop. If you won’t be including a membership area on your site or don’t need to collect recurring payments, you don’t need to install them.
- WooCommerce Memberships: This plugin adds a membership component to your site allowing you to restrict content to members only.
- WooCommerce Subscriptions: This plugin allows you to create and manage products with recurring payments. This is useful if you are using the above mentioned plugin to sell memberships on your site.
Installation & Activation of Genesis and Child Theme
There are two ways to install the Genesis Theme Framework or a Genesis child theme – manually with an FTP client, or automatically through the upload feature in the WordPress dashboard. Below you will see instructions for both options.
Please note that in order to use a child theme, you will also be required to have the Genesis framework installed in the wp-content/themes directory on your server.
Installing Through The WordPress Dashboard (Recommended)
- Log in to your WordPress dashboard and go to Appearance > Themes.
- Click the Add New button at the top of the page.
- To the right of the “Add Themes” heading an Upload Theme button will be visible – click the Upload Theme button.
Installing With An FTP Client (Advanced)
1. Download the theme zip file to your computer, and unzip it. You will see a theme folder with the name of the theme you are installing.
2. Log in to your server through an FTP client, and navigate to the wp-content/themes directory. You will want to transfer the entire theme folder to that directory. If you are using a child theme, you will need to transfer both the genesis theme folder as well as the child theme folder to that directory.
Activating The Theme
To activate your child theme, log in to your WordPress dashboard, and go to Appearance > Themes. There you will see screenshots of the themes that are available for you to use. Hover over the theme screenshot for the theme you wish to activate, and click the Activate link in the lower right.
If you wish to use a child theme, make sure you activate the child theme, and not the Genesis parent theme.
Notes
- If you are looking for a good FTP client, you can check out CuteFTP, Filezilla, Transmit or Cyberduck – make sure you find one that is compatible with either a PC or a Mac, depending on which you have.
- If the theme downloads as a folder full of files, this is a setting on your computer. You can zip it back up by right-clicking on the folder name and choosing Compress.
- Do not rename the genesis folder. Child themes look specifically for this exact name. Any other variation will not be found by the child theme.
How To Import Demo Content
For your convenience, an export file of the Daily Dish Pro theme demo site is available to assist in the setup of your theme. This file contains the demo content for the posts, comments, and categories.
This file can be found in either of these places:
- In the Daily Dish Pro zip file you downloaded at http://my.studiopress.com/downloads/. Unzip the file and open the child theme folder. The export file is in the xml folder located inside the child theme folder.
- At this link: http://my.studiopress.com/xml-files/daily-dish-pro.xml. Click this link to download the export file for this theme.
Genesis Theme Settings
Accessing The Genesis Theme Settings
The Genesis Theme Settings allow you to configure the settings for features like the content archives and default theme layout.
To access the theme settings, go to Genesis > Theme Settings in your WordPress dashboard.
Genesis Theme Settings Overview
The Genesis Theme settings screen consists of a number of Genesis Specific settings.
- Information – Displays information and update notification options for the Genesis Framework.
- Custom Feeds – Allows you to redirect your RSS feed URLs if you’re using a feed delivery service.
- Default Layout – Determines site-wide layout for posts, pages, and archive views. The theme may override this setting for the home page and alternative settings can be used on a per page, post, or archive basis.
- Breadcrumbs – Breadcrumbs guiding users back, incrementally, to your home page can be configured to display on different content types.
- Comments and Trackbacks – Comments and Trackbacks can be completely disabled for Posts or Pages. Existing Comments and Trackbacks will continue to display. These are global settings and cannot be overridden at the post or page level.
- Content Archives – Controls the display options for Date, Category, Tag, Taxonomy, and Author archive views.
- Blog Page Template – Controls the display options for Pages using the Blog Page Template.
- Header and Footer Scripts – Add site-wide scripts to the header or footer of your site. These are often used for statistical tracking scripts from third party services.
How To Configure The Default Page Layout
The Daily Dish Pro theme uses the Content > Sidebar option in the theme demo for all site pages except the home page.
The default page layout of Content > Sidebar will be set by default when the Daily Dish Pro Theme is activated.
An alternative Default Layout can be selected from the available options shown below:
How To Configure The Content Archives
The following defaults will be set upon Activation of the Daily Dish Pro theme:
- For Content Archives, the default setting of Entry content is used by the demo.
- Limit content to __ characters: Set to 280.
- Include the Featured Image: Check the box to display the featured image.
- Image Size: Select the “daily-dish-archive” size (340 x 200) for featured images.
- Image Alignment: Set to Left
- Post Navigation Technique: Select Numeric in the drop down box.
Be sure to click the Save Settings button to preserve your changes.
Site Identity
The site title, tagline, and site icon for your site can be set by going to Appearance > Customize > Site Identity.
- The Site Title will display in the header of your site.
- The Tagline will display below the site title.
- The Site Icon (or favicon) will be displayed in the browser tab when viewing your site (as shown in the image below). Click Select Image to upload your site icon. Note: The Site Icon is separate from the Header (or Logo) Image.
Be sure to click the Save & Publish button at the top of the customizer to preserve your changes.
Colors
The Daily Dish Pro theme includes the option to change the color of some elements used within the theme.
The settings can be configured by going to Appearance > Customize > Colors.
- The Background Color will appear behind the content area (around the outer edges of the site) if you are not using a Background Image.
- The Link Color will be applied to standard links, menu links on a light background, the hover color for linked titles, and more.
- The Accent Color will be applied to the button hovers, menu links on a dark background, and more.
Note: The Daily Dish Pro theme includes a color contrast detector to help make text easier to read depending upon the colors you select. For example, if you choose a light Accent color for button hovers, the button text will automatically be changed to dark gray. If you choose a dark Accent color, the text will automatically be changed to white.
Be sure to click the Save & Publish button at the top of the customizer to preserve your changes.
Header Image
Add a New Header Image
If you prefer a logo image instead of a text-based Site Title, you can upload a header/logo image that will display in the header of the site.
Go to Appearance > Customize > Header Image in your WordPress dashboard.
Notes:
- Images of exactly 400×80 pixels will give the best results. Other sizes will be cropped in the upload process to create an image of the correct size.
- The header image is double the display size so it will appear crisp on a retina screen. Though the upload size is 400×80 pixels, the image will be displayed at 200×40 pixels.
- The site header is flexible in height, so it will automatically adjust to the correct size no matter what device viewers are using.
Selecting an Image from the Media Library
- Click the Media Library tab to display a selection of previously uploaded images.
- If the image you wish to use is not visible on this page use the search box to help locate the image.
- The final size of the image that will be used in your header will display. Images of the exact size shown here will work best. Images that are not these dimensions will be resized and/or cropped in order to fit the size set for your theme.
- Select the image from those shown by clicking on the image. A blue square indicator with a checkmark will display in the upper right corner of the selected image.
- Click Select and Crop.
Uploading a New Custom Header Image
- Click the Upload Files tab to display the option to upload an image for use as a Header Image.
- Drag images from your computer’s file manager onto the white area of this screen OR click Select Files.
- The final size of the image that will be used in your header will display. Images of the exact size shown here will work best. Images that are not these dimensions will be resized and/or cropped in order to fit the size set for your theme.
- Click Select and Crop.
Cropping the Image
If your image is different dimensions than the suggested size, you may be asked to crop the image.
- Select the portion of the image you would like to use as your header.
- Click Crop Image.
- The image will be shown in the customizer panel.
- Be sure to click Save & Publish to update your site.
Background Image
The Daily Dish Pro theme includes the option to add a Background Image to your site. This image will display behind the content (around the outer edges of the site).
Go to Appearance > Customize > Background Image to select an image.
This theme comes preloaded with a background image you can use.
You can click Remove to remove the image or Change Image to select a new one.
Click Select Image to add a new background image to your site, if desired.
Note: The available options will vary depending upon which child theme is active and the theme’s default settings. To see all the options as described below, choose the Custom preset.
- Preset: If you’d like to control all the available settings individually, choose Custom. If you’d like to use a preset, you can choose from the following options : Fill Screen, Fit to Screen, or Repeat. When you choose a preset, some of the settings described below are pre-configured and will become unavailable.
- Image Position: Choose where the background image should be displayed on the screen. For example, you can choose the top left corner, top middle, top right corner, etc.
- Image Size: Choose whether the image should stay the original size that you uploaded or if it should be dynamically resized to fit or fill the screen. If you choose Fit to Screen, the image will be resized as needed so it will cover the screen from left to right. If you choose Fill Screen, the image will be “stretched” so it covers the entire screen from top to bottom and left to right. Note that if the original size of your image is smaller than the screen, the image may become distorted if you choose to fit or fill the screen.
- Repeat Background Image: Check the box to allow your background image to tile, or to be repeated, across the screen.
- Scroll with Page: Check the box to allow your background image to move with the page as you scroll up and down. When this box is unchecked, the image will stay in one place (fixed position) as you scroll up and down the page.
Menus
The Daily Dish Pro theme includes two menu locations.
- The Before Header Menu displays above the site header. This menu location is not used in the theme demo.
- The After Header Menu displays below the site header.
- You can assign any previously created menu to the default navigation areas by going to Appearance > Menus > Manage Locations. To disable the default menu locations, use the drop downs to set both menus to the Select a Menu option.
- Click the Save Changes button to preserve your changes.
Mobile Menu Display
When viewing your site on devices with smaller widths, a “hamburger” icon button is automatically available to open the menu.
The menu items are revealed when clicking the “hamburger” menu button.
Additionally, if you’re using both the Before Header Menu and the After Header Menu, the menus in those locations will be combined into one menu above the site header for mobile display.
Home Page Layout
- Home – Top: A full width widget area with one (1) Genesis Featured Posts widget configured to display one featured post.
- Home – Middle: A full width widget area with one (1) Genesis Featured Posts widget configured to display two featured posts.
- Home – Bottom: A full width widget area with one (1) Genesis Featured Posts widget configured to display three featured posts.
- If no widgets are placed in any of the home page specific widget areas, a blog-style home page will be displayed.
- If you wish to use a static page for your home page, do not add widgets to the home page widget areas since doing this will override the home page setting at Settings > Reading.
Home – Top Widget Area
The Home – Top widget area in the Daily Dish Pro theme demo uses one (1) Genesis – Featured Posts widget to display the title, an image, and a portion of the content of a post.
Genesis – Featured Posts Widget Configuration
Go to Appearance > Widgets to add a Genesis Featured Posts widget to this area.
To configure the widget, click on the title bar to open it and change the settings as described below:
The settings that have been configured in the theme demo are as follows:
- Title: Enter a title to appear above the widget, if desired. The demo uses Featured Dish.
- Category: Select which category you’d like to feature.
- Number of Posts to Show: Enter the number of posts you’d like to display in this widget. The demo displays one (1) post.
- Show Featured Image: Check the box if you’d like to enable the display of the featured image in this widget. The demo does not use this setting.
- Show Post Title: Check the box to display the featured post title under the featured image.
- Show Post Info: Check the box to display post info, such as the date, author, and link to comments, below the title.
- Content Type: Choose whether to display the Excerpt, Content, a Content Limit or No Content. The demo uses Show Content.
- Limit content to: If you selected Content Limit, enter the number of characters that should be displayed. The demo does not limit the content.
- More Text (if applicable): If you selected Content Limit, enter the text that you’d like to have linked to the post. The demo uses [Read More…].
- Click Save to preserve your settings.
Using a More tag in the Post Content
Inserting a More Tag in the post content will allow the Genesis – Featured Post widget to be set to display the post content, including any images, links or other HTML that appears before the more tag.
Home – Middle Widget Area
The Home – Middle Widget Area in the Daily Dish Pro theme uses one (1) Genesis – Featured Posts widget to display the image, title, and a portion of content of two posts in a two-column layout.
Genesis – Featured Posts Widget Configuration
Go to Appearance > Widgets to add a Genesis Featured Posts widget to this area.
To configure the widget, click on the title bar to open it and change the settings as described below:
The settings that have been configured in the theme demo are as follows:
- Title: Enter a title to appear above the widget, if desired. The demo uses Featured Dinners.
- Category: Select which category you’d like to feature.
- Number of Posts to Show: Enter the number of posts you’d like to display in this widget. The demo displays two (2) posts.
- Show Featured Image: Check the box to enable the display of the featured image in this widget.
- Image Size: Select the desired image size for your featured image. The demo displays daily-dish-archive (340×200).
- Image Alignment: Select whether the featured image should be aligned to the Left, Right, or Center of the text. You can also select None which allows the featured image to be displayed on the top of the text. The demo is using None.
- Show Post Title: Check the box to display the featured post title under the featured image.
- Show Post Info: Check the box to display post info, such as the date, author, and link to comments, below the title. The demo uses .
- Content Type: Choose whether to display the Excerpt, Content, a Content Limit or No Content. The demo uses Show Content.
- Limit content to: If you selected Content Limit, enter the number of characters that should be displayed. The demo limits the content to 150 characters.
- More Text (if applicable): If you selected Content Limit, enter the text that you’d like to have linked to the post. The demo uses Read the Recipe »
- Click Save to preserve your settings.
Home – Bottom Widget Area
The Home – Bottom Widget Area in the Daily Dish Pro theme demo uses one (1) Genesis – Featured Posts widget to display the titles, featured images, and a portion of the content of three posts.
Genesis – Featured Posts Widget Configuration
The settings that have been configured in the theme demo are as follows:
- Title: Enter a title to appear above the widget, if desired. The demo uses Featured Desserts.
- Category: Select which category you’d like to feature.
- Number of Posts to Show: Enter the number of posts you’d like to display in this widget. The demo displays three (3) posts.
- Show Featured Image: Check the box to enable the display of the featured image in this widget.
- Image Size: Select the desired image size for your featured image. The demo displays thumbnail (150×150).
- Image Alignment: Select whether the featured image should be aligned to the Left, Right, or Center of the text. You can also select None which allows the featured image to be displayed on the top of the text. The demo is using Left.
- Show Post Title: Check the box to display the featured post title under the featured image.
- Show Post Info: Check the box to display post info, such as the date, author, and link to comments, below the title.
- Content Type: Choose whether to display the Excerpt, Content, a Content Limit or No Content. The demo uses Show Content Limit.
- Limit content to: If you selected Content Limit, enter the number of characters that should be displayed. The demo limits the content to 110 characters.
- More Text (if applicable): If you selected Content Limit, enter the text that you’d like to have linked to the post. The demo uses Read the Recipe »
- Click Save to preserve your settings.
Primary Sidebar
The following widgets are used in the Daily Dish Pro Theme Demo Primary Sidebar area that displays to the right of the content area.
- Genesis – User Profile Widget
- Search Widget
- Simple Social Icons Widget
- Genesis – eNews Extended Widget
- Genesis – Featured Posts Widget
Widgets of your choice can be used in this area. The configuration of the widgets used in the Daily Dish Theme demo can be seen below:
Genesis User Profile Widget
Note: Users must have an account at http://gravatar.com with an image uploaded before their gravatar will be displayed in this widget.
Go to Appearance > Widgets to add a Genesis – User Profile widget to this area.
To configure the widget, click on the title bar to open it and change the settings as described below:
- Title: Add a title, if desired. The demo uses About the Author.
- Select a user: Use the drop down to select which user’s profile should be displayed in this widget.
- Gravatar Size: Select the desired image size for the Gravatar image. The image displayed in the demo is Extra Large (125px).
- Gravatar Alignment: Select the image alignment (None, Left, or Right) in relation to the Author Description text (step 5 below). The demo is set to display the Gravatar to the left of the text.
- Author Description: You may display the author bio text from the user profile (located in Users > Your Profile) or you may add custom text in the box. The demo displays Custom Text.
- Extended About Me page: If you’d like to display a link to a page with more information, select the page here.
- Extended page link text: If you chose to display a link to a page to display more information (above), enter the text for that link here.
- Show Author Archive Link: Check the box if you also wish to add a link to the user’s archive page.
- Click Save to preserve your settings.
Simple Social Icons Widget
Go to Appearance > Widgets to add a Simple Social Icons widget to this area.
To configure the widget, click on the title bar to open it and change the settings as described below:
You can configure these settings however you’d like. Click here for more information on how to configure this widget for your site.
The fields that have been configured in the demo are as follows:
- Title: Add any title you wish (optional). The demo uses Social Icons.
- Icon Size: 36px
- Icon Border Radius: 0px
- Border Width: 0px
- Alignment: Align Left
- Icon Color: #000000
- Icon Hover Color: #ffffff
- Background Color: #f5f5f5
- Background Hover Color: #e14d43
- Border Color: #ffffff
- Border Hover Color: #ffffff
Click Save to preserve your settings.
Search Widget
Go to Appearance > Widgets to add a Search widget to this area.
To configure the widget, click on the title bar to open it and add a title, if desired.
Genesis – eNews Extended Widget
Go to Appearance > Widgets to add a Genesis eNews Extended widget to this area.
To configure the widget, click on the title bar to open it and change the settings as described below:
Your specific settings may be different depending upon which email marketing service you’re using. Click here for more information on how to configure this widget for your site.
The fields that have been configured in the demo are as follows:
- Title: Add a title, if desired. The demo uses Email Newsletter.
- Text To Show Before Form: Add any content you’d like to display before the form. The demo uses Sign up to receive updates daily for delicious recipes sent to your inbox!.
- Form Action: Add the form action url specified by your email marketing service.
- E-Mail Field: Enter the field setting specified by your email marketing service.
- First Name Field: Enter the field setting specified by your email marketing service.
- Button Text: Change the default setting, if desired. The demo uses Subscribe.
- Click Save to preserve your settings.
Genesis – Featured Posts Widget
Go to Appearance > Widgets to add a Genesis Featured Posts widget to this area.
To configure the widget, click on the title bar to open it and change the settings as described below:
- Title: Enter a title to appear above the widget, if desired. The demo uses Featured Desserts.
- Category: Select which category you’d like to feature.
- Number of Posts to Show: Enter the number of posts you’d like to display in this widget. The demo displays three (3) posts.
- Show Featured Image: Check the box to enable the display of the featured image in this widget.
- Image Size: Select the desired image size for your featured image. The demo displays daily-dish-sidebar (100×100).
- Image Alignment: Select whether the featured image should be aligned to the Left, Right, or Center of the text. You can also select None which allows the featured image to be displayed on the top of the text. The demo is using Left.
- Show Post Title: Check the box to display the featured post title under the featured image.
- Show Post Info: Check the box to display post info, such as the date, author, and link to comments, below the title. The demo uses .
- Content Type: Choose whether to display the Excerpt, Content, a Content Limit or No Content. The demo uses No Content.
- Limit content to: If you selected Content Limit, enter the number of characters that should be displayed.
- More Text (if applicable): If you selected Content Limit, enter the text that you’d like to have linked to the post. The demo uses Read the Recipe.
- Click Save to preserve your settings.
Before Header Widget Area
The Before Header Widget Area displays above the Header area of the site. This Widget area can be used to display a text widget, an ad, or other content of your choice.
Go to Appearance > Widgets to add a Text widget to this area.
To configure the widget, click on the title bar to open it and change the settings as described below:
- Title: Enter a title, if desired. The demo does not use a title.
- Content: Enter the content you wish to display in this area.
- Automatically add paragraphs: Check the box if you’d like to auto-format the content into paragraphs.
- Click Save to preserve your changes.
Before Footer Widget Area
The Before Footer Widget area displays above the Footer Widget Areas. The theme demo uses one (1) Genesis – Featured Posts widget to display the featured images of six (6) posts.
Go to Appearance > Widgets to add a Genesis Featured Posts widget to this widget area.
To configure the widget, click on the title bar to open it and change the settings as described below:
- Title: Enter a title to appear above the widget, if desired. The demo uses Featured Dishes.
- Category: Select which category you’d like to feature.
- Number of Posts to Show: Enter the number of posts you’d like to display in this widget. The demo displays six (6) posts.
- Show Featured Image: Check the box to enable the display of the featured image in this widget.
- Image Size: Select the desired image size for your featured image. The demo displays thumbnail (150×150).
- Image Alignment: Select whether the featured image should be aligned to the Left, Right, or Center of the text. You can also select None which allows the featured image to be displayed on the top of the text. The demo is using Left.
- Content Type: Choose whether to display the Excerpt, Content, a Content Limit or No Content. The demo uses No Content.
- Limit content to: If you selected Content Limit, enter the number of characters that should be displayed.
- More Text (if applicable): If you selected Content Limit, enter the text that you’d like to have linked to the post. The demo uses [Read More…].
- Click Save to preserve your settings.
After Footer Widget Area
The After Footer Widget Area displays below the Site Footer. This widget area can be used to display a text widget, an ad, or other content of your choice.
Go to Appearance > Widgets to add a Text widget to this area.
To configure the widget, click on the title bar to change the settings as desired.
- Title: Enter a title, if desired. The demo does not use a title.
- Content: Enter the content you wish to display in this area.
- Automatically add paragraphs: Check the box to automatically format the content into paragraphs, if desired.
- Click Save to preserve your settings.
Footer Widget Areas
The Daily Dish Pro theme demo includes three (3) optional content areas that will display in the footer area of the site when widgets are added to the individual Footer Content Areas.
Note: A widget must be used in Footer 1 to display the footer widgets section.
Footer 1
Go to Appearance > Widgets to add a Recent Posts widget to this area.
To configure the widget, click on the title bar to open it and change the settings as described below:
- Title: Add a title, if desired. The demo uses Latest Dishes.
- Number of posts to show: Enter the number of blog post titles you’d like to display. The demo displays three (3) post titles.
- Display post date?: Check the box if you’d like to display the publish date next to each post title. The demo leaves this setting unchecked.
- Click Save to preserve your settings.
Footer 2
Go to Appearance > Widgets to add a Text widget to this area.
To configure the widget, click on the title bar to open it and change the settings as described below:
- Title: Enter a title, if desired. The demo uses Text Widget.
- Content: Enter the content you wish to display in this area. See below for the text and HTML used in the demo.
- Automatically add paragraphs: Check the box if you’d like to auto-format the content into paragraphs. The demo does auto-format the content into paragraphs.
- Click Save to preserve your settings.
This is an example of a text widget which can be used for a multitude of things. |
<a href=“http://demo.studiopress.com/daily-dish/sample/“>Read more about the Daily Dish Theme</a>. |
Footer 3
Go to Appearance > Widgets to add a Search widget to this area.
To configure the widget, click the title bar to open it and add a title, if desired. The demo uses the title Find it Here.
After Entry Widget Area
The After Entry Widget Area displays on Single Posts, after the Post Content and before Comments. The example below shows a Text widget used to display a paragraph of text.
Go to Appearance > Widgets to add a Text widget to this area.
To configure the widget, click on the title bar to open it and change the settings as described below:
- Title: Add a title, if desired. The demo uses After Entry Widget.
- Content: Enter the content you wish to display in this area.
- Check the Automatically add paragraphs box if you’d like to auto-format the content into paragraphs.
- Click Save to preserve your settings.
Blog Page Template
The Blog Page Template can be used to create a page to display your posts.
To use the template, create a new page in your WordPress admin. You may call it Blog, or a different name, such as News.
You will leave the content area of the page blank.
Next, go to Genesis > Theme Settings > Blog Page Template, and configure the content you wish to display on this page.
- You may choose to display All Categories, or a single category, using the drop down.
- You may choose to exclude one or more categories by including the category IDs in the input field.
- You may also choose how many posts you wish to display on this page. Note: This setting is different from the Blog pages show at most setting on Settings > Reading.
Once you have completed your configuration, make sure you click Save Settings at the bottom of the page to preserve your changes.
You may wish to add a link to this page in your navigation menu so your site visitors can find it.
Archive Page Template
The Archive Page Template is used to create a page to display a list of your site pages, and your post archives by category, month, author, and recent.
To use the template, create a new page in your WordPress admin. You may call it Archive, or any name you wish.
You will leave the content area of the page blank.
You may wish to add a link to this page in your navigation menu so your site visitors can find it.
Landing Page Template
The Landing Page Template is used to create a full-width landing page with no header image.
To use the template, create a new page in your WordPress admin. You may call it whatever you wish.
You will enter the content in the editor that you wish to display on the page.
You may wish to add a link to this page in your navigation menu so your site visitors can find it.
Add a Widget to a Widget Area
Go to Appearance > Widgets to add widgets to any widget area.
- Click on the widget title bar. The example image above shows how to add a Text widget, but you may add any widget you wish.
- Select the desired widget area from the list.
- Click Add Widget.
Genesis eNews Extended Widget Settings
The Genesis eNews Extended widget is available if you’ve installed and activated the plugin. It is used to display an opt-in form your readers can use to subscribe to your mailing list and can be used in any widgeted area, such as a sidebar or a footer.
This widget is used in the Primary Sidebar widget area in the demo.
Go to Appearance > Widgets to add a Genesis eNews Extended widget to any widget area.
To configure the widget, click on the title bar to open it and configure the settings as described below:
- Title: Add a title, if desired. The theme demo uses Email Newsletter.
- Text To Show Before Form: Add any text you’d like to display before the form. For example, this text can include a brief explanation of what subscribers can expect when joining your email list.
- Text To Show After Form: Add any text you’d like to display after the form. For example, you can add a disclaimer stating that you won’t share your subscriber’s email address.
The next section of the widget contains the fields necessary to connect your form to the subscription service you wish to use. You can refer to the plugin’s configuration instructionsfor details about which of these fields need to be completed for the service you’re using.
The bottom section of the widget allows you to change the text that displays in the form fields, as well as changing the label of the form submit button. These labels are what your site visitors will see when they view the actual subscription form.
Click Save to preserve your settings.
Genesis Featured Page Widget Settings
The Genesis Featured Page widget is used to display a featured image and a page excerpt of a single page. It can be used in any widget area, such as a sidebar or a footer.
This widget is not used in the theme demo.
Go to Appearance > Widgets to add a Genesis Featured Page widget to any widget area.
To configure the widget, click on the title bar to open it and configure the settings as described below:
- Title: Enter a title, if desired. It will be displayed at the top of the widget.
- Page: Select which page you’d like to feature.
- Show Featured Image: Check the box to enable the featured image.
- Image Size: If you’ve enabled the featured image, select the desired image size for your featured image.
- Image Alignment: Select the image alignment (None, Left, Right or Center) in relation to the page content (step 7 below). If you choose Center or None, the image will be displayed above the content.
- Show Page Title: Check the box to display the page title. If you’ve enabled featured images, it will display under the featured image.
- Show Page Content: Check the box to display the content from the featured page.
- Content Character Limit: Enter the number of characters you’d like to display.
- More Text: Enter the more text you’d like to use, such as Continue Reading. This text will automatically be linked to the featured page.
Once you have completed the widget configuration, be sure to click Save at the bottom of the widget to preserve your settings.
Genesis Featured Posts Widget Settings
The Genesis Featured Posts widget is used to display one or more blog post and can be used to show featured images and excerpts of posts from selected categories. It can be used in any widget area, such as a sidebar or a footer.
This widget is used in the following widget area(s) in the demo:
- Primary Sidebar
- Home – Top
- Home – Middle
- Home – Bottom
- Before Footer
- Title: Enter a title, if desired. It will be displayed at the top of the widget.
- Category: Select which category you’d like to feature.
- Number of Posts to Show: Enter the number of posts you’d like to display in this area.
- Number of Posts to Offset: Enter the number of posts to offset (or skip). Offset is used when you have Featured Posts appearing elsewhere on the page and you don’t want to repeat posts in those areas. Offsetting by 1 will show the next most recent post.
- Order by: Select the order in which the posts should be displayed.
- Sort Order: Select whether the posts should be displayed in reverse-chronological (descending) or chronological (ascending) order.
- Exclude Previously Displayed Posts?: Check the box to exclude posts that have already been displayed on the page. This is useful when a post has been assigned to more than one category.
- Exclude Sticky Posts: Check the box to prevent sticky posts from being displayed.
- Show Author Gravatar: Check to display the post author’s gravatar.
- Gravatar Size: Select the size of the gravatar to display.
- Gravatar Alignment: Select the gravatar image alignment (Left, Right or None).
- Show Featured Image: Check the box to enable the featured image.
- Image Size: If you’ve enabled featured images, select the desired image size for your featured image.
- Image Alignment: If you’ve enabled featured images, select the image alignment (Left, Right, Center or None) in relation to the post content or excerpt (step 17 below). If you choose Center or None, the image will be displayed above the content.
- Show Post Title: Check the box to display the featured post title. If you’ve enabled featured images, it will display under the featured image.
- Show Post Info: Check the box to display the post info including the post date, author and comment link. You can then customize as desired.
- Content Type: Choose whether to display the Excerpt, Content, a Content Limit or No Content.
- Limit Content: If you choose to display a Content Limit, enter the number of characters to display.
- More Text (if applicable): If you choose to display a Content Limit, enter the desired more text, such as [Read More…]. This text will automatically be linked to the post.
- Title: If you would like to display an unordered list of more posts from the selected category, you may add a Title, for example More Posts from this Category.
- Number of Posts to Show: If you would like to display an unordered list of more posts from the selected category, enter the number of posts to show.
- Show Category Archive Link: If you have selected a single category to display in this widget, check the box to display a link to the rest of the posts in this category. Note: If you have the widget set to show All Categories, this link will not be displayed.
- Link Text: Enter the text you’d like to display in the link, for example More Posts from this Category.
Once you have completed the widget configuration, be sure to click Save at the bottom of the widget to preserve your settings.
Genesis User Profile Widget Settings
The Genesis User Profile widget is used to display a user’s gravatar and short bio with a link to more information. It can be used in any widget area, such as a sidebar or a footer.
This widget is used in the Primary Sidebar widget area in the demo.
Note: Users must have an account at http://gravatar.com with an image uploaded before their gravatar will be displayed in this widget.
Go to Appearance > Widgets to add a Genesis User Profile widget to any widget area.
To configure the widget, click on the title bar to open it and configure the settings as described below:
- Title: Add a title, if desired (example: About Me or About the Author).
- Select a user: Select the user whose profile will be displayed in the widget.
- Gravatar Size: Select the desired image size for the Gravatar image.
- Gravatar Alignment: Select the image alignment (None, Left, or Right) in relation to the Author Description text (step 5 below).
- Author Description: You may display the author bio text from the user profile (located in Users > Your Profile) or you may add custom text in the box.
- Extended About Me page: If you’d like to display a link to a page with more information, select the page here.
- Extended page link text: If you chose to display a link to a page to display more information (above), enter the text for that link here.
- Show Author Archive Link: Check the box if you also wish to add a link to the user’s archive page.
Click Save to preserve your settings.
Recent Posts Widget Settings
The Recent Posts widget is used to display a list of recent post links and can be used in any widgeted area, such as a sidebar or a footer.
This widget is used in the Footer 1 widget area in the demo.
Go to Appearance > Widgets to add a Recent Posts widget to any widget area.
To configure the widget, click on the title bar to open it and configure the settings as described below:
- Title: Add a title, if desired. The demo uses Latest Dishes.
- Number of posts to show: Add the number of post links you wish to display.
- Display post date: Check the box if you’d like to display the post date with each post link.
Click Save to preserve your settings.
Simple Social Icons Widget Settings
The Simple Social Icons widget is available if you’ve installed and activated the plugin. It is used to display links to your social media profiles and can be used in any widgeted area, such as a sidebar or a footer.
This widget is used in the Primary Sidebar widget area in the demo.
Go to Appearance > Widgets to add a Simple Social Icons widget to any widget area.
To configure the widget, click on the title bar to open it and configure the settings as described below:
Size, Style, and Colors
- Title: Add a title, if desired.
- Icon Size: Enter the size of the icon you’d like to use.
- Icon Border Radius: If you’d like the background of the icons to have curved corners, enter the size of the curves here. Entering 50 or above will generally produce a round icon.
- Border Width: If you’d like the icons to have a border, enter the width of the border here. When set to 0, there will be no border.
- Alignment: Choose whether the icon set should be aligned to the left, center, or right.
- Icon Color: Enter the hex code for the icon color.
- Icon Hover Color: Enter the hex code for the hover color of the icon.
- Background Color: Enter the hex code for the background color of the icons.
- Background Hover Color: Enter the hex code for the hover color of the background.
- Border Color: If you are using a border, enter the hex code for the color of the border.
- Border Hover Color: If you are using a border, enter the hex code for the hover color of the border.
Social Profiles
Enter the URLs of the social profiles you’d like to display in this widget. An icon will only appear if there is a URL in the field. For example, if you do not add a URL to the YouTube field, that icon will not be displayed.
Click Save to preserve your settings.
Text Widget Settings
The Text widget can be used to display any content you wish. For example: information about a particular service, contact information, or a lead-in to your About page. It can be used in any widgeted area, such as a sidebar or footer.
This widget is used in the following widget area(s) in the demo:
- Before Header
- Footer 2
- After Footer
- Title: Add a title, if desired. This is optional – you can add content only and leave the title blank.
- Content: Add your content here.
- Automatically add paragraphs: Check this box if you have multiple paragraph content and wish to have paragraph tags added so the content will be formatted correctly.
Click Save to preserve your settings.
Column Classes
You can use column classes to create a column-based layout in posts, pages, and inside text widgets. See the image below for an example of how this might look using the Daily Dish Pro theme.
We have a tutorial that explains how to use these column classes to structure your content,
WooCommerce Shop
The Daily Dish Pro theme demo includes a sample online shop powered by WooCommerce.
The WooCommerce plugin allows you to add e-commerce functionality to your WordPress-powered website. It can be used to sell physical products, digital downloads, and membership programs.
If you’d like to create an online shop for your site, see our WooCommerce Integration guide for details.
How Do I Change…?
Now that you have your theme set up, you may wish to customize some areas, such as the footer text, the post info line, etc.
The following is a list of common customizations and links to the instructions on how to accomplish each of them:
- Change the footer credits text
- Change the post info line (author, date, comments)
- Change the post meta line (categories, tags)
- Change the favicon