Child Theme Modification Part 1

Now that you have created a child theme folder, now it’s time to start making changes to your theme.

The first file to make is a CSS file named style.css for your child theme and place it in your child theme folder.  At the top of the file, be sure to place this code:

/*
 Theme Name:     Twenty Twelve Child
 Theme URI:      http://yourwebsite.com/twenty-twelve-child/
 Description:    Twenty Twelve Child Theme
 Author:         You
 Author URI:     http://yourwebsite.com
 Template:       twentytwelve
 Version:        1.0.0
*/
@import url("../twentythirteen/style.css");

The most important parts to this heading are the Theme Name (your child theme) and the  Template (parent template name).  You import the parent’s style sheet so you aren’t starting from scratch, and whatever changes you make on your child theme’s style sheet will override the parent style sheet.  Now you can change simple things like font styles and color and more advanced things such as hiding the author’s name of posts.

Once you have created the stylesheet for your child theme, you can now go to the “Themes” section of your WordPress dashboard and activate your child theme.  Now you’re good to go!

WordPress offers some good tutorials on child themes: http://codex.wordpress.org/Child_Themes

My next post will be about making modifications…

Box model in CSS

Box model in CSS (Photo credit: Wikipedia)

Posted in child theme, CSS, tutorials, Wordpress | Tagged , , , , , | Leave a comment

Child Themes

Well, the this particular path of my journey is still leading me down the path of creating websites with WordPress.  While there is a learning curve, working with a WordPress theme is a lot easier than building a website from scratch.  Plug-ins are also a nice, easy way of adding functionality to the website while still making it look professional.  And you don’t have to buy additional software!  I am enjoying this path!

One of the first things I learned in building WordPress sites is to create a child theme of the particular theme, such as Twenty-Twelve, I am editing (I am talking about WordPress on hosted sites–not the free one through WordPress.com like I am using now).

Why a child theme?  When the particular theme you are using is updated, the update erases ALL the changes you have made to the theme! Ouch!  For your sanity, then, when you have decided and have downloaded a theme, immediately create a child theme.

What exactly is a child theme?  A child theme is a copy of a theme with “-child” at the end of the name, like “Twenty-Eleven-child.”  You activate the child theme and make changes to the child theme (CSS, PHP, etc.).  When the parent, or main, theme upgrades, WordPress automatically makes the structural updates to your child theme without erasing your modifications.  Nice!

How do I make a child theme?  In the “themes” folder in your “wp-content” folder (wherever your website files are–host website, Dreamweaver, etc), simply make a copy of the folder of the theme you are using (after you have downloaded it, obviously) and rename the copied theme folder with the name of the original theme with “-child” at the end (like “Twenty-Eleven-child”).  That’s it!

When I decided to use the Responsive theme by CyberChimps for one of my websites, CyberChimps had already created a child theme of Responsive to download and use without having to go through all the above steps, except activation.  It is named “responsive-childtheme-master” and has worked great for me!

There are also WordPress plug-ins that create child themes for you, but honestly, I would not use a plug-in for something as simple as creating a child theme because of the extra code.  To me, the simpler, the better.  However, I do have the advantage of having 5 years of working with websites, and so someone just starting out may feel more comfortable using a plug-in to begin with until they gain experience.

Thus begins my series of tutorials/thoughts/experiences with using WordPress.  Until next blog

English: The logo of the blogging software Wor...

Posted in tutorials, Web Development, Wordpress | Tagged , , , , | Leave a comment

First Love

Well, I have returned to my first love–developing websites.

Much has happened since my last post 5 months ago.  To be brief, I finished my Applied Computer Science degree, graduated, and then have been asked to create/update/re-do some websites (some of the tasks for pay).  And, yes, the path toward creating apps has been abandoned.  Perhaps permanently–we shall see!

However, while I am returning to website development, I am using a different approach–I’m using WordPress instead of Dreamweaver.  These sites have different hosts, and so I am able to customize these sites as needed.  I actually started in June and have been quite on a learning curve with modifying WordPress themes.  I’m getting the hang of it though, and my previous developer experience has come in handy!

I’ll be posting tips and tricks I’ve learned and am in the process of learning.  So I apologize to those of you who were looking forward to posts about app development–it’s going to be about modifying WordPress themes, now.

On a side note, I now know how to add more customization to this blog!

Have a great Labor Day weekend!  Until next posting…

Posted in tutorials, Web Development, Websites | Tagged , , | Leave a comment

Xcode 4.2 Number Pad

Sorry I’ve neglected my blog for a while, but you know those monkey wrenches life throws at you…

I managed to watch another tutorial today on YouTube about making a simple calculator that multiplies 2 numbers. The main thing I learned from this particular lesson was how to add a number pad to the app.  I admit I had originally thought you had to create labels for all the numbers of a number pad and am thankful I was wrong!

According to Mapple2011, the author, you open the storyboard, drag a text field onto the app area, make sure it is highlighted, and in the menu on the right (I couldn’t tell if it was the actual inspector tab or what), click on “Keyboard” and choose “Number Pad” from the list.  That’s all!  Wow! Good to know!

If you do watch this particular tutorial, be forewarned there is no sound.  I first thought my ear buds had been zapped, but then I saw in the comments that there really was no sound in the tutorial.

Also, I did not try this particular app because Time Machine is backing up all of my data right now on my iMac for the first time.  I got a Seagate portable drive on clearance at Staples (the cheapest I’ve seen), and so now I’m putting it to use before I do anything else on the Mac.

How’s my evaluation checklist coming along?  Well, I’m still working on getting buttons to display a check image when clicked and after, unless another button in the same line is clicked.  I got a few snippets of code to try but haven’t, yet. I read that the check mark box I have seen in the object library is for OS X apps, and the switch is the comparable item for iOS. If I want a “check box,” then, I need to do this image workaround. Maybe I’ll give it a shot next week

Posted in App development, tutorials, Xcode tutorials | Tagged , , , , , | Leave a comment

Learning Xcode 4.2 Part 2

Well, I have to say that I am enjoying the Xcode 4.2 tutorial series I mentioned in my last post.  Each lesson is short (less than 10 minutes), and the developer has you build an app that uses several functions available, such as switches, web views, buttons, segmented buttons, etc.  I have managed to get each item to work, so far, and that says a lot, especially since I had trouble earlier with other tutorials.

I apologize for this post being shorter than normal, but I have a part-time job, now, and am not able to put in as much time for learning app development as I would like.  However, I will keep you posted about what I am learning and any projects I attempt.

The main point of this post:  I recommend the mybringback Xcode 4.2 tutorials to iOS app development newbies (and no, I am not getting paid for this endorsement!).

Until next post

Posted in App development, Xcode tutorials | Tagged , , , | Leave a comment

Learning Xcode 4.2

Yes, you read my title correctly.  My next project will be learning Xcode 4.2.  And yes, I bit the bullet and paid Apple to be in the developer program in order to have access to 4.2 for Snow Leopard.

Why?  After watching and reading some tutorials and seeing code snippets and workarounds for Xcode 3.2.6, I realized if I wanted to get serious about app development, I really did need the latest version my iMac could use.  Since I received a refund check for an over-payment (not taxes), I paid up.

As I had mentioned in my comparison post of the Xcode versions, the development screen looks a little different in 4.2. So, I ventured to YouTube to find an introductory tutorial for 4.2.  Lo and behold, there is a series of tutorials named Learn Xcode 4.2 Tutorial iOS iPad iPhone 1.1 (1.2, 1.3, etc.) from mybringback which, after watching the first few, will be extremely helpful to me.  That find proved another positive reason for upgrading–more tutorials for Xcode 4.2 than Xcode 3.

From these tutorials (the 6 I have watched), I have already learned how to add a navigation controller to an iPhone tabbed application and an image to the first view controller.  I’m a little more excited now about the whole deal of app development!

I also now have a project app–an evaluation checklist.  Since Xcode 4.2 offers pre-made checkboxes, unlike 3.2, I am hoping this library object will make my experience a little easier.  I will keep my progress posted!

Portrait of a male snow leopard (Uncia uncia) ...

Portrait of a male snow leopard (Uncia uncia) of the Rheintal zoo. Français : Portrait d’une Once (ou Panthère des neiges, Panthera uncia) du zoo de Rheintal. (Photo credit: Wikipedia)

Posted in App development, Xcode, Xcode tutorials | Tagged , , , , , | Leave a comment

Xcode App Tutorial Success

Yes–I fixed my problem!

Thanks to this tutorial I found on YouTube (after trying other code found in various discussion threads), I inserted “textField.delegate=self;” in the (void)viewDidLoad method in the viewController.m file (where textField was the declared variable for the text field) and the keyboard DISAPPEARED after pressing “Done”!  The entire thing works correctly now with no build errors or warnings!

Success #2!

It’s interesting both are basic “Hello, World!” programs! (The first success was here, in case you missed it.)

I started reading through some of the Xcode reference .pdf files, mainly the UIKit_Framework.pdf.  It’s nice there is a library of pre-defined items such as sliders, buttons, and pickers to cut done on development time, but I still need to learn how to incorporate them (this document did not help me with my specific problem, though).

Now to decide what my next creation will be…

English: Very simple "Hello World!" ...

English: Very simple “Hello World!” program written in TI-BASIC on a TI-99/4A Home Computer. (Photo credit: Wikipedia)

(Reminds me of fun programming times in years past…)

Posted in App development, Xcode, Xcode tutorials | Tagged , , , , | 1 Comment