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.
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.
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”.
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.
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
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.
BLOG WIDGET AREA
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.
FULL WIDTH FOOTER 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.
FOOTER WIDGET AREAS
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.
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.
WordPress for Art artist themes support WooCommerce.
WooCommerce requires WordPress themes to have extra functions added to the theme templates. This includes adding some code to the functions file of the theme and an extra WooCommerce page template. These items have been incorporated into all David themes.
Perhaps you may be thinking that you don’t want to use WooCommerce. That’s okay you can still use the David themes without the WooCommerce plugin. In fact you can use any WordPress shopping cart plugin you want and the extra files to support WooCommerce will not interfere with that.
These extra functions and templates will only come into play when the WooCommerce plugin is activated.
I added Woo Commerce to my fine art site. My experience was that I had to look up and add an number of functions to my theme’s function.php file in order to remove things like the “reviews” panel and add things like the number of products to display before the pagination kicks in.
Update: Release of David 2.3.1 November 13 now includes more styles for Woo Commerce.
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.
Once your theme is installed you can do a live preview to customize before publishing live.
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
Select 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 https://google.com/fonts 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
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.
The David Theme is a what they call in theme development circles, a parent theme that acts as a framework to build other themes upon. You can use a parent theme on it’s own or with any one of it’s child themes.
A WordPress child theme is a theme that inherits the functionality of another theme, called the parent theme, and allows you to modify, or add to, the functionality of that parent theme.
Basically how it works is that you install the Parent Theme and add a different looks by installing and activating a child theme. The parent theme will work on it’s own, but a child theme requires the parent theme to function.
You, the end user benefit with:
Rock-solid code for your site that is continually being updated and refined.
Developers can churn out child themes more quickly, so the end user gets more choices.
You can easily skin your site with new looks.
Building a community around one framework offers more ideas and neat things for the end user to work with.
What is WordPress?
WordPress is an open source CMS, often used as a blog publishing application powered by PHP and MySQL. It has many features including a plugin architecture and a templating system. Used by over 12% of the 1,000,000 biggest websites, WordPress is the most popular CMS in use today. Source: https://en.wikipedia.org/wiki/WordPress
Yeah, so that explanation probably doesn’t mean a lot to you. In layman terms WordPress is an application that is installed on a hosting server, that provides users an interface where they can create and maintain content for a website.
What is a CMS?
A web content management system is a software system that provides website authoring, collaboration, and administration tools designed to allow users with little knowledge of web programming languages or markup languages to create and manage website content with relative ease. A robust CMS provides the foundation for collaboration, offering users the ability to manage documents and output for multiple author editing and participation. Source: https://en.wikipedia.org/wiki/Web_content_management_system
Okay, so WordPress is great for all types of authoring etc, but I just want a website.
What does this all mean?
Simply put it means that you can have a website to show your artwork, which you can manage yourself, with out having to know HTML code? There is a Blog available if you want to use it, but you don’t have to.
What is HTML code? HyperText Markup Language (HTML) is the main markup language for web pages. HTML elements are the basic building-blocks of web pages.
HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like <html>), within the web page content. HTML tags most commonly come in pairs like <h1> and </h1>, although some tags, known as empty elements, are unpaired, for example <img>. The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags). In between these tags web designers can add text, tags, comments and other types of text-based content.
Need help setting up WordPress?
Over at Artbiz.ca we provide services for setting up a WordPress website and blog. Please read all we have to offer at WordPress for Artists Services.
Once your purchase has been made you will be redirected back to this site to the download page. You will also receive the download information in an email.
Follow these instructions for a parent theme that includes a child theme:
Download and un-zip the main .zip archive. This contains the Parent Theme .zip file and the Child Theme zip file.
Once the main archive has been un-zipped you will have two zip archives; one for David and the other for the child theme you purchased. DO NOT un-zip these 2 archives, they need to remain zipped so you can upload and install it automatically.
Follow these instructions for a parent theme alone.
You will be downloading a .zip file. There is no need to un-zip the download file as it needs to be in .zip format to install automatically.
Automatic WordPress Theme Installation
Go to the Appearance menu and select Themes. From here, select Add New and then click on Upload Theme.
Next, browse to the location of the parent .zip archive first, select it and press the Install Now button. Don’t activate the parent theme if you want to use the child theme. The parent theme just needs to be in the Themes folder for the child theme to work.
Next, perform the above again but this time browse to the location of the child theme .zip archive select it and press the Install Now button. On the next screen chose to Activate.
Your theme is now installed and you are all set.
If you do not see an Appearance tab it could be that you do not have administrative rights to your WordPress site. Contact the person who set up your site.
Refresh your website, it should load with the new WordPress theme.
Mac users: If your Mac is set to unzip files on download you are going to need to either re-zip it OR you can stop your Mac from unzipping zip files upon download. Please try a search using “how to stop mac from unzipping files automatically” and you’ll see a number of results. Pick one that works for you.
Once you have resolved the unzipping problem with Mac you can log back into your WordPress for Art account and download the theme again.
WordPress for Art only provides theme related support via our blog. We may request you to e-mail us your login details when needed, in which case we will communicate via e-mail to protect your confidential & secure details.
Our general support hours are Monday to Friday, 08:30 to 17:00 (MST). During this time, we can generally provide feedback on any support queries within 12 – 24 hours, whilst we will also commit to answer any queries outside of these hours within 36 hours.
Extent of our support
We only cover support for our themes, and can’t give general WordPress support that isn’t related to our themes. For general WordPress support you will have to use www.wordpress.org/support or register for the WordPress tutorials at artbiz.ca/themes/school
We understand that there is a fine line between what is considered support & modifications. So while we will try to help you with any type of query (support or modification), we can’t provide extensive help in terms of modifications. Technical support will thus take priority over modification support. We do however provide theme modification services at artbiz.ca to help you with modifications to our themes.
Definition of modification support
If you are requesting modification help, which only requires us to publish a couple lines of code, we will be glad to assist you. If however your query requires more than that amount of code to be published, we can only provide guidance and you would then need to hire an under a separate contract if you don’t have the skills to implement it yourself.
It is our commitment to fix all theme bugs as quickly as possible after they are brought to our attention. During our general support hours, we can fix bugs within 24 – 48 hours. We will also try provide a solution via the knowledge base for smaller bug fixes, after which we will update the core theme package.