I’m pleased to announce the release of PICTURE, my first FREE Divi child theme.
Picture is a multipurpose responsive Divi child theme designed to fit portfolio, blogging, freelancer or any type of website. Lots of whitespace and nice fontsets (Montserrat & Open Sans). Extra features to customize your website are included !
This child theme is 100% GPL, use it for your own or client website (truly unlimited use).
1. Make sure to use a fresh WordPress installation, this will make customizing the theme a lot easier.
2. Candy Picture was built for use with Divi by Elegant Themes. In order to use this child theme, you must have Divi installed on your hosting account. Visit http://elegantthemes.com if you have not yet purchased a membership.
Files included (candy-picture.zip)
1. candy-picture-theme-installation.pdf – Theme installation instructions
2. /images folder – When you import the .xml file sometimes images are missing (more about this further in this document) you can find all images used in our demo right here in this folder (24 images).
3. /import folder – Find inside this folder an .xml and all needed .json files to import posts, pages, layouts, Divi & Customizer settings, etc.
4. candy-picture.zip – This is the actual theme you need to upload to your server. If you prefer to use FTP then unzip this file and upload the unzipped folder to your online /themes folder. (More information on how to install this .zip further in this document)
Child theme files (candy-picture) :
1. archive.php – Custom post archive page with featured image header.
2. category.php – Custom post category page with featured image header.
3. footer.php – Edit the footer credits using the Customizer > Footer > Footer Elements.
4. functions.php – Extra child theme functions, enqueues Divi parent style sheet and loads required plugins.
5. header.php – Customer header for this theme.
6. license.txt – GPL license.
7. screenshot.png – Displayed in your themes section.
8. sidebar.php – Custom sidebar with class to style the widgets
9. single.php – Custom single post page with featured image header.
10. sitemap-template.php – Custom sitemap page (add a page and select “Sitemap” template, this will list the all posts, pages, categories, tags and Custom Post types on 1 page.
11. style.css – Custom styles for this child theme.
12. tag.php – Custom post tag page with featured image header.
1. /css folder – Fontawesome.css and animate.css
2. /fonts folder – Used to store fontawesome files.
5. /inc folder – This folder contains TGM required plugins class & scripts
6. /js folder – All custom js scripts.
1. Make sure you have the latest version of Divi active on your fresh WordPress installation. Navigate to Appearance > Themes > Add new. Click “Upload theme” and find the candy-picture.zip child theme located in your candy-picture download package and click on the “Install now” button.
2. As soon as your theme has finished uploading, navigate to Appearance > Themes and “Activate” the Candy Picture child theme.
3. Once activated you should see a notification at the top of your screen prompting you to install 3 recommended plugins: WordPress Importer, Widget Importer and Recent Post With Thumbnails Widget. Click the “Begin installing plugins” link to get started. All plugins are recommend, not required, “WordPress Importer” and “Widget Importer” are used to import demo data, “Recent Post Widgets” will add an extra widget to your dashboard to display latest post with a small featured image.
4. Select all recommended plugins and select “Bulk Install”.
5. If all plugins are installed you should see a message like the screenshot below.
6. Click on the “Return to Required plugins installer” and “activate” all plugins at once.
7. Next you need to import Divi Options and Customizer settings. Thanks to a small plugin created by divi.space you can easily import both with 1 click. Navigate to Divi > Migrate Settings, select the candy-picture-settings-backup.txt file located in your candy-picture/import folder and click the “Upload file” button. If everything is imported correctly you’ll see a success message.
8. Next, import the Divi Library Items. Navigate to Divi > Divi Library, click the “Import & Export” button on top of the screen.
Select /import/candy-picture-builder-layouts.json and click “Import Divi Builder Layouts”. It might take a while to import all data.
9. Next, Import demo content (pages, posts, media, Divi Layouts)
Navigate to Tools > Import > WordPress. Click “choose file” and find the file candy-picture-content.xml located in your /import folder. Click “Upload file and import” button.
10. Assign the imported posts to an existing user or add a new user. Make sure to check the “download and import file attachments” option. Click the “Submit” button once.
This process may take several minutes to complete, depending on your hosting provider. In some instances, The WordPress Importer plugin fails to import a handful of images used in the child theme. So you might have seen something like this when you imported the xml file.
There is no need to be alarmed. The images that are not download still appear on our website. That’s because for those few failed media imports WordPress uses the url for where the image is located on the demo to pull up the image. So you wont even notice it.
Most of the images are ones you will most likely replace with your own such as the logos, a few post featured images and background header images used on several pages.
Inside your candy-creative folder you can find the /images folder. Those are all images used in the online demo located at http://www.candythemes.com/demo/picture you can use them to complete your demo installation.
You might also get a notice that Divi Library items are already added. Just ignore that message everything is going fine.
11. Next we’ll need to import the Widgets, navigate to Tools > Widget Importer & Exporter.
Click “choose file” and select the file candy-picture-widgets.wie located in your /import folder. Click “Import widgets” button. This should only take a few seconds and you’ll see this message if import is done.
12. Navigate to Settings > Reading and set “Home” as your static Front page.
13. Navigate to Settings > Permalinks. Select “Custom structure” and add ” /%category%/%postname%/ “
14. Finally, navigate to Appearance > Menus and select the checkbox to make the Main Menu your “Primary menu”. You can add more menus…
15. You might want to change the footer credits. Navigate to Appearance > Customize > Footer > Footer Elements. Feel free to add your own credits, change the alignment, show or hide social media icons.
If you like to hide the Footer Section completly navigate to Appearance > Customize > Footer > Layout and select the “Hide Footer” option.
16. I’ve added another fine modification by divi.space, the Login Editor. Navigate to Appearance > Login Editor and change all settings to your needs. This will change the look of your native WordPress Dashboard Login.
All done ! Have fun !
If you need help contact me at : email@example.com