category archives – making earliest posts appear first

Thank you, but i admit I just heard abt this whole child theme existence abt 1 days ago 🙁

But I was working on my websit since 1 week ago
And the problem is I hv already edited some of my .CSS and other file codes
Not a lot, but I did enough edits such that i like how my website looks now and am very afraid o starting all over again

To prevent further damage and avoid me starting my website on blank state again (ie uninstall and reinstall wordpress) , what do you suggest I do now? I just learned creating child theme is essential otherwise future WP updates can mess things up…….

So, what i would like to know is! how can I create child theme(what special steps?) such that I don’t mess up whatever I hv now on the website and it’s appearance ?

My domain is travelmolecule.com

hi, sorry,

i dont think i follow everything you say.
so are you suggesting that i should start everythng from scratch again – ie. uninstall and reinstall wordpress?

i believe i only edited .css files and maybe 2-3 other files, including functions.php file.

I prefer to also start over with the style.css file, but if you want you can copy it and add the child theme header to it without the @import url(“../twentytwelve/style.css”); rule in it. But be aware that an upgrade with style changes will not show up if you do it this way.
i am not sure what you mean by “starting over with .css file” do you mean uninstall and reinstall wordpress.
not sure what @ import url means…

No. Just a fresh child theme. Did you try reading http://codex.wordpress.org/Child_Themes ?
yes, i did. it seems that only .css file is required for child theme
but as you are aware, my existing .css file is already not original. it’s already being edited a little here and there. so are you saying that if i were to do all thats’ said on http://codex.wordpress.org/Child_Themes and also put the line “@import url(“../twentyfourteen/style.css”)”, the content of my child theme will be exactly identical to how the original twenty-twelve theme will look like, had i not done any edits?

secondly, how do i make my current .css file (which will technically become the parent .css file) back to the original state? should i copy over content of .css file (which will be designated parent now) over to the newly-created child theme, then somehow revert the .css parent file back to original state?

i guess i want to make sure i get this right now and for all ie undo all my mistakes for now since i am at early stage. i want to make sure whatever i do now, wont get mess up sometime in future when WP update/uupgrade happen

i am also a pure newbie to WP. just started a week ago, so please kindly be patient to me :(, let me know step-by-step on what i need to do so that i dont mess things up – i already had to uninstall and reinstall WP once because i didnt know how to undo another previous unrelated mistakes to this issue 🙁

thank you so much keesiemeijer!!!
i think i manage to successfully do it (meaning, i have replaced all the parent twentytwelve files with a fresh download of theme, as you instructed.

can i confirm the following

1) so from now on, if i want to make any edits, i should just ADD the code lines to .css file, functions.php file, under the child theme folder, correct? if there’s any other file i want to modify (e.g., custom header), then i should make a copy from the parent folder into the child theme folder before modifying?

2) second, i am a little confused with how functions.php work. in the link you sent, i understood it as child theme functions.php get loaded BEFORE parent theme functions.php is loaded. However, i googled online on how to adjust the header dimensions for my child theme, and found the below code lines. are these code lines only specific to loading AFTER parent functions.php? what’s the difference between having child theme functions.php load first or second?

thank you

[ Moderator note: Code fixed, please wrap code in backticks or use the code button. ]

<?php

/* This function will run after the parents functions.php */
add_action( 'after_setup_theme', 'post_theme_setup' );

if ( !function_exists( 'post_theme_setup' ) ):

function post_theme_setup() {
   /* Code goes here! */

   add_filter( 'twentytwelve_header_image_width', 'my_header_width' );
   add_filter( 'twentytwelve_header_image_height', 'my_header_height' );
   function my_header_width($width) {
   	$width = 1200;
	return $width;
   }
   function my_header_height($height) {
	$height = 400;
	return $height;
   }
}

endif;

still quite confusing to me…. but am i correct to summarize the following??

1) if i want to edit any function.php file, and i know which relevant code lines, then i should copy the code lines from parent function.php file over to child function.php file, and edit in the child file

and these copied code lines should go after the line function post_theme_setup() { /* Code goes here! */ but before the line endif;?

and because child file loads first, this means the modified function in child’s file reigns supreme over any original function that exist, because the functions will only run one time?

2)