How to use the 2017 Child Theme Slider

The 2017 Child theme for the WordPress Twenty Seventeen theme comes with a built in fullscreen homepage slideshow.

After you upload and activate the 2017 Child theme add your slide images first.

In the admin menu look for Header Slider > Add New

Title your images so you know what they are. Titles will not show.

Images can be added in one of 2 ways. If you know the URL of the image add it to the area below the title. The other option, and it is the easiest, is to simply to select a feature image via the feature image dialogue box. For the best look make sure the image is optimized and is 2000 wide x 1200 high.

Publish the image so it will be seen on the homepage.

NOTE: Upload your images in reverse order. Last image added will be the first image shown.

Add up to 10 images, but 3 is recommended, so your site doesn’t get slow. Once all your slides have been added go to Appearance > Customized > Theme Options to activate the slideshow


It is recommended to add a header image even if you are using the slider, as the this image will appear in the header on individual pages. It too should be 2000 wide.

iPad Drop Down Menu Fix

Go to Appearance → Menus there should be a section labeled Links on the left. If it’s not there, click the Screen Options tab in the upper right corner of the screen, check the box for Links, and it should then appear. Then all you need to do is create a Links menu item, setting the URL to #

By inserting # in the URL box you are creating a link that will not go to a URL but rather show the drop down menu. The drop down menu items should then be clickable.

WordPress Menus with Social Media

All the fine art themes support at least 3 WordPress menus.

Under the Appearness tab, navigate to Menus

Theme Locations: This area tells you how many areas are available to have a menu. Even if your theme doesn’t support menus, you can create a menu to use in your sidebar by using the “custom menu” widget.


Create a new menu:

1. To create a new menu. click the link “create a new menu” and a blank menu page will appear.
2. Give the menu a name. The menu name is for your own use so you’ll know which menu is which. The menu name does not appear on the site.
3. Then Click “Create Menu”
4. Once the menu has been created, add your menu items as described in items 4, 5 & 6 below.  Then drag and drop the menu items into any order you want, as well as nest them with another item by pulling your mouse to the right and drop when you see the indent.
5. Click the blue “save menu” button.

Links: If you want to create a link to an external site, Facebook or Twitter, you can add a custom link with an icon to the footer menu.  Go to the site you want to link to and copy and paste the URL from the browser address bar into the URL box. Then provide a label (the label can be whatever you want) and click “add to menu”.

Create icon based links to social media sites

social media

Pages: This lists all the static pages currently on your site. To add them to the menu, check the box next to the ones you want and click the “Add to Menu” button. You can also click “select all” to have all items appear. There are three tabs at the top of this area that provide options to find pages; Most Recent, View All or Search if you have many pages.

Categories: The proceedure to add blog categories is the same as adding pages (see #5 above). NOTE: If your site’s landing page is set up for a static page  (see Landing Page) then you may not want to add categories, since the page you created for your blog will appear in the navigation by adding the page you created for it.

SAVE, SAVE, SAVE: Every time you make a change, add or remove menu items you must save the menu for the changes to take effect.

Editing Menu Items Further

Once you have your menu populated you can change the navigation labels. The screenshot below shows a menu item in the open position.

WordPress individual menu item options

Click the arrow next to the word page to expand a menu item

Navigation Label: This is the actual name of the page that you want to appear in the menu. It can be a shortened version of the original name.

Title Attribute: Good SEO (search engine optimization) practice is to provide a title attribute; a short description of what is on that page. It also appears when your visitor’s mouse hovers over a menu item or any link on your site.

Original: If you name your pages with a SEO friendly title, like the example shows, it may be too long for your menu. This is why you would provide a navigation label as outlined in #2 above.

Remove | Cancel: If you change your mind and want to start over, click cancel. To remove an item from the menu, click remove. This doesn’t delete the actual page only removes it from the menu.


Move:Rather than drag and drop you can simply click the link to move the menu item down one, up one and others. Personally I think it’s easier to drag and drop but if indenting is causing you grief use the links

David Widget Areas

All the themes have the same widget areas.


The Main Sidebar contains your site menu with a widget area below. If you put widgets in to this area they will appear on all pages and posts. If there are no widgets only the menu will show.


The blog widget area shows below the main sidebar on the blog only. Go to the example blog to see a number of blog related widgets that I have dragged and dropped into the widget area.


The footer widget area is one full width area. Anything you insert here will appear on every page and post of your site. This is a great place for Social Media links or NextGen compact album shortcode.


Below the full width footer widget are 3 to 4 horizontally stacked footer widget areas.

The images below maps out the locations of all widget areas. NOTE: All widget areas have flexible height.

Widget areas for themes with vertical navigation
Widget areas for themes with vertical navigation
Widget areas for themes with horizontal navigation
Widget areas for themes with horizontal navigation

Setting Feature Content for Da Vinci Slider or Grid

This short guide will show you how to:

  • set a grid layout or a slider to display content on your homepage
  • customize the featured tag to choose which posts you display on the homepage

NOTE: the slider / grid only works with posts, not pages.

Choose your Layout
You can either have a grid layout or a slider on the homepage.


Screenshots of the slider and grid layouts:


To choose your layout, open up the Theme Customizer under the Appearance tab.

Under Featured Content select your preferred layout from the drop down. You can always change to the other later if you want.


When you’re done click Save and Publish.

To assign content to appear in the grid or slider, you should assign it the Featured tag. This will display your posts, displaying the featured image.


The next section will show you how to customize the Featured tag.

Change the Featured Tag
By default, Da Vinci displays any post in the slider or grid with the tag “Featured” attached to it. If no posts have this tag, a sticky post is displayed instead should you have a post set as sticky. Otherwise nothing will appear.

You can edit this tag in the Theme Customizer. To edited the tag, go to Appearance > Customizer. Under the Featured Content section, change the name of the tag.


The Don’t display this tag on the front end checkbox lets you determine whether you want the Featured tag to appear in tag clouds on the front end.

Save and publish.

Using Custom Fonts and Link Colors

New to David Themes at version 2.0 is the ability to change the Header and the Entry Title Fonts for pages and posts. As well you can now change the color of your links.

Here’s how…

Once your theme is installed you can do a live preview to customize before publishing live.

Screenshot of the active theme and links to customize

Click the Customize link in the Appearance menu or on the theme screenshot. The David theme adds two new customization features; Typography and a color selector under colors.

Change the Font

david-customize-fontsSelect the font from the drop down menu. If none is selected the default font will be applied. David Custom Fonts use the Google Font library so if you want see what the font looks like visit and test, test, test.

The header font will be applied to the site title only, the site description will remain with the default font.

The entry title are the page and post titles.

To reset to the default font select “default” at the top of the drop down list.

Change the Color

Pick a Color

Change some font colors using the color selector.

The header text is your site title.

Background color is typical applied around the pages of your site. But it depends on the theme.

Page title applies color to all the pages and blog post titles.

Link color will be applied to content area links only, widget area links and the main navigation menu remain at the default color.

To reset back to the default colors simple click the “clear” or “default” button.

Other Options include

  • Adding a header image to accompany the site title and description or replace it.
  • Add or change the background image.