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 Ten Child Theme Easy Tutorial

WordPress themes

Twenty Ten Child Theme Easy Tutorial

Last updated on January 30, 2018
Posted on September 8, 2010

Twenty Ten Child Theme is the solution if this WordPress 3.0.1 default theme does update, to avoid loosing all css style or other customization.

I have many posts how we can customize twenty ten tutorials and for that, you will need a child theme, today, I have tried myself today on a testblog, that if Twenty Ten theme has updates, and we create child themes, our all changes of modifications will be just gone.

It can be pain if whenever twenty ten updates, you have to repeat all the work again.

The solution to solve this, is I decide to create Twenty Ten child theme, because it is quite simple for non-techie people like myself.

So here are the steps to create Twenty Ten child, it is actually easy.

Download the result of this tutorial here (without registering) from DropBox

Video Tutorial how to copy:

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

1. Login to your web server, in this tut, I use FileZilla.
2. Next step is, finding  wp-content folder, and then themes folder.

Twenty Ten folder inside wp-content and themes
Inside wp-content/theme directory

3. Inside your themes folder, you will see twentyten folder. This is the parent theme folder, that we want to create a child theme from.
4. Still inside “themes” folder, create a folder, we name it, “twentyten-child”
5. Then, inside “twentyten-child” folder, create style.css and functions.php

The files of Twenty Ten Childx
The files of Twenty Ten Child

6. Copy the codes from the child theme codex. Change the code accordingly.

style.css of Twenty Ten Child
style.css of Twenty Ten Child

 

The Child's functions php
functions.php file

7. Login to your dashboard again, and see Appearance — Themes, you will see your child theme. Before you activate, keep in mind, it is possible that your widgets that you already added will be inactive, if you want to avoid it, read this post.

Now, you can preview your child theme, or activate it.

This way, whenever the parent theme Twenty Ten  has updates, we are save because we have our child theme.

child theme twentyten

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
← “Free 3 Column WordPress Themes” List
→ Editing WordPress 3- Background Menu Color

Comments

  1. cascd says

    September 8, 2010 at 2:08 pm

    I’ve made a lot of change on my twenty ten themes..thanks for the article..

    • Kimi says

      September 9, 2010 at 12:52 am

      @cascd, you’re welcome.

      I have just realised that the videos didn’t show up 🙁

      But i have fixed them, thanks for the comment cascd.

  2. Mileena says

    March 11, 2011 at 1:11 am

    I love your blog and videos!

    I’m going to do this, since creating a child theme is too much of an annoyance for a beginner like me.

    One question: do you know for sure if this will work? And if WordPress does make an upgrade, does it happen automatically? tia!

    • Kimi says

      March 11, 2011 at 7:36 am

      Hi Mileena,

      do you know for sure if this will work?

      Yes, I am sure it will work, did you watch the video? Actually, I also made a demo where I had to update my older Twenty Ten to the newest, and the modification stays.

      And if WordPress does make an upgrade, does it happen automatically?

      No, it does not happen automatically, it will notify you there is an update, but if you don’t press “update” button, your wordpress won’t update too

      I hope this helps..

      Have a nice weekend!

      Kimi.

  3. Mileena says

    March 12, 2011 at 4:01 am

    Thank you for your reply Kimi! <3

    I was just being paranoid! lol

    My last question is: do only the edits you made in the style.css remain untouched? While everything else is gone like all the changes you made in the php files (like the header, etc). How about with widgets like Adsense? Sorry for the silly questions – total newbie here!

    thank you again!

    • Kimi says

      March 12, 2011 at 7:38 am

      No problem, Mileena,

      do only the edits you made in the style.css remain untouched?

      Yes, the modfications which are made with style.css remains unchanged, while others will also remains unchanged, because they are in the “new” copied folder.

      While everything else is gone like all the changes you made in the php files (like the header, etc)

      If you make changes in other files, but still in the copied folder, your own modified twenty ten theme, it won’t change. But the files that outside the copied twenty ten folder, will change.

      How about with widgets like Adsense?

      same as the answer above 🙂

      Don’t worry, I will answer if I can!

      Thanks.

  4. Brad says

    June 16, 2011 at 8:23 pm

    Thank you so much! I just upgraded to 3.1.3 after making a custom twenty-ten theme.

    It worked a little different than in the video for some reason: 1) It reverted my site to the standard twenty-ten theme (but i simply changed back to the custom one i made). And 2) it ‘forgot’ my header picture and background color (though those were a quick change back to what I had set them).

    However, by following these steps it did preserve the major changes i made to add a logo and customize the padding etc around the header.

    Thanks.

    • Kimi says

      June 17, 2011 at 11:24 pm

      Hi Brad,

      Welcome to my blog 🙂

      I guess it ran a different than in video, because the current Twenty Ten has some different codes at the time when I created this video.

      Glad to hear that it could help a bit.

      Thank you for coming accros, and leave a comment

      Kind regards,

      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