wpvidZ

Learn WordPress With Video Tutorials

  • Blog
  • Browse
    • Backup & Restore
    • WordPress Localhost
    • WordPress Hosting
    • WordPress themes
    • Version Updates
    • Plugin Tips
    • Security
    • Tutorials
    • WordPress SEO
    • WP Miscellaneous
    • Sitemap
  • WP 5+ Tutorial
  • Search
wpvidZ Blog WordPress themes Twenty Fourteen Child Theme

WordPress themes

Twenty Fourteen Child Theme

Last updated on February 18, 2017
Posted on January 11, 2014

Another update of WordPress child theme creation.

This time, we are working with Twenty Fourteen theme, the default WordPress 3.8 .

Not different with other themes, the steps will be:

1. Go to WordPress Child Theme Codex page, copy and paste this text. You can also do it from here.

WordPress child theme codex
Copy and paste the red lined WordPress child theme codex.
/*
Theme Name: Twenty Fourteen Child
Theme URI: http://example.com/twenty-fourteen-child/
Description: Twenty Fourteen Child Theme
Author: John Doe
Author URI: http://example.com
Template: twentyfourteen
Version: 1.0.0
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-fourteen-child
*/
@import url("../twentyfourteen/style.css");

How To Remove Left Sidebar of Twenty Fourteen

2. Create a folder, inside wp-content, you can access with FTP client like FileZilla, or access your CPanel directly. I created a “MyTwentyFourteen” as the child theme folder.

wp-content folder
wp-content folder

3. Create MyTwentyFourteen folder, create a file, called, style.css file.

style.css file
style.css file

Paste the selected text you copied from step 1 above.

style.css content
style.css content

Modify a few things if you think it’s necessary, like Theme URI, your name, etc.

You already created your Twenty Fourteen child theme!

  • Is my site loading fast? I use this shared hosting
  • Try my theme >

In the demo, I change sidebar color to another blue color, with this code:

#secondary{background-color:#4788F4;}

Just as a simple example.

Twenty Fourteen child theme
Twenty Fourteen child theme

Above is the site in the tutorial/video.

child theme theme twentyfourteen wp3.8

Latest Posts

  • Twenty Nineteen Theme Full Tutorial – Creating a Website
  • Uninstall W3 Total Cache Plugin – Incredibly Easy!
  • Create WordPress Website 2018 on SiteGround Genesis
  • WordPress Noopener Noreferrer Rel Attribute Quick Fix
  • WordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • Twenty Seventeen One Page Parallax Scrolling Website Style
  • How To Add Google Map in WordPress Contact Page
  • WordPress 4.7 Justify Text and Underline
  • Twenty Seventeen Footer “Proudly Powered By WordPress” Text
  • How To Add YouTube Subscribe Button To WordPress Website
← Logo in Twenty Twelve Theme
→ How To Remove Left Sidebar of Twenty Fourteen

Comments

  1. Sueli says

    January 14, 2014 at 6:38 pm

    Thanks for posting this. I have been following your posts for over a year. Your tutorials are the best!

    • Kimi says

      January 17, 2014 at 2:40 pm

      Hello Sueli,

      My pleasure, and thank you very much for your nice words, it’s very encouraging. 😀

      Kind regards,

      Kimi.

  2. raspi.ws says

    March 16, 2014 at 10:31 am

    Hi, your code is missing the comment closing tag */
    🙂

    • Kim says

      March 16, 2014 at 4:03 pm

      Thank you so much! Just corrected it, really appreciate it.

      Kind regards

      Kimi.

      • raspi.ws says

        March 16, 2014 at 4:38 pm

        i see it’s updated now.. nice 🙂
        btw, how do you code the ‘table’ so you could put all codes nicely?
        i mean the ‘stye.css twenty fourteen’ table wherre you could put all codes there..

        • Kim says

          March 17, 2014 at 4:33 pm

          Hey 😀

          It’s a Crayon plugin: http://wordpress.org/plugins/crayon-syntax-highlighter/

          It’s a cool plugin, thank you for stopping by

          Cheers

          Kimi.

  3. sanjay says

    March 29, 2014 at 8:41 am

    Hey Can You Tell Me Which WordPress Theme They Used On This Website:- funnie.st

    • Kim says

      March 31, 2014 at 10:01 am

      Hi Sanjay,

      It uses a custom built theme, called funniesthemeMo..

      Sorry for late reply

      Kimi.

  4. MrTheoker says

    August 5, 2014 at 7:11 pm

    Hey ! I would like to use a child theme but I can’t choose it in the dashboard.
    Can you help me ?

    Thanks !

    • Kim Muellner says

      August 6, 2014 at 10:53 am

      Hello,

      Did you create a folder inside wp-content as your child theme folder? You need to create it first, before you can choose it in your dashboard.

      Let me know if I can help you more.

      Kindly Kim.

  5. Adam says

    February 17, 2015 at 8:48 pm

    Nice simple tutorials. Keep up the good work Kimi!

    • Kim Muellner says

      February 23, 2015 at 7:22 pm

      Thank you Adam, I updated the tut here: http://youtu.be/pdHNNmDmmXc
      Have a nice day. Kindly Kim.

      • Adam says

        February 23, 2015 at 7:29 pm

        Do you have a tutorial for removing dates in WP using a child theme? I’m having issues where Google is still picking up the data in WordPress and showing it in the meta descriptions.

        • Kim Muellner says

          February 23, 2015 at 7:35 pm

          No, unfortunately I don’t. However I checked your site, you use the 2015 theme, there is a support forum page: https://wordpress.org/support/theme/twentyfifteen

          Good luck. Kimi.

Comment form on this post is closed after 60 days.

Search

Worth Reading

  • Twenty Nineteen theme tutorialTwenty Nineteen Theme Full Tutorial - Creating a Website
  • Twenty Seventeen One Page ParallaxTwenty Seventeen One Page Parallax Scrolling Website Style
  • Twenty Seventeen Proudly Powered By WordPress codeTwenty Seventeen Footer "Proudly Powered By WordPress" Text
  • Where your child theme folder should be located inside themesHow To Create WordPress Child Theme Manually or With Plugin
  • How to Remove Twenty Fourteen Author Name or Link
  • How I add thumbnails with Twenty Twelve theme
  • Change Default Green Color WP 2014 Theme
  • Showing Twenty Fourteen Thumbnail in A Smaller Size
  • How To Style WordPress Caption in WP Twenty Fourteen Child
  • Proudly Powered By WordPress Twenty Fourteen

Backup & Restore

Backup WordPress Without a Plugin or FTP

Export WordPress Database using phpMyAdmin

BigDump Alternative – When BigDump Failed Importing Large WP Database

At This Place The Current Query Includes More Than 300 Dump Lines

View All..

Live Online Website

View All..

Offline Installation

How to Upload WordPress localhost to live server manually

Steps to Install WordPress on Windows 8 and WAMP 2.4

Install WordPress on Mavericks OS X 2014

Maximum upload file size in WAMP WordPress

View All..


WPvidz Hosting Image

  • About Me
  • Contact
  • Affiliate Disclosure
  • Privacy Policy
  • Term of Use

Copyright© 2023 wpvidz.com SG2021 | sitemap.xml


WPvidz.com is independent from WordPress.org but is proudly powered by WordPress & its block-based editor (Gutenberg)

WpvidZ.com uses cookies" to give you the best browsing experience possible. If you click "I Accept" below then you are consenting to this. For more information about your privacy settings on this website, please visit the Privacy Policy page. I Accept