Theme Name: Baby SweetTooth
Theme URL: http://www.arcanepalette.com
Description: a Baby Girl theme with a revolutionized layout.
Author: Arcane Palette Creative Design
Author URI: http://www.arcanepalette.com
Version: 1.0
Notes
================
Hey, thanks for downloading Baby Sweettooth. Baby Sweettooth is a multicolumn babyblog for grrlz that's perfect for family scrapbooking-type stuffs. There's
a few things to be aware of to get this up and running and looking like hawtness, so please read this and if you have any questions, feel free to post any questions you may have to the theme's support page at http://wp.arcanepalette.com/sweettooth/support/
Installation Steps
======================
1) Extract and upload to your /wp-content/themes folder like any other WordPress theme.
2) Install and set up TTFTitles (see below).
3) Set up categories. You at least need a Featured Photo and a Featured Post category. Ideally, you'll have at least 3 other categories for the front page
also, but the first two are the most important for structural reasons.
4) You also need at least one post in each of those categories. A photo in the Photo category (just a photo), and anything in the Post category. Even if
it's just a big under construction sign and a temp post, again this is for structural reasons.
5) Once all that's done (whew!), you can activate the theme in Design/Appearance (depending on if you have WP 2.6 or below or 2.7).
Requirements
================
We used the Wordpress plugin TTFTitles fairly extensively in this theme. It's an awesome plugin and opens up a lot of possibilities and we use it a lot. To
use the TTFTitles, you'll need to download the plugin here: http://wordpress.org/extend/plugins/ttftitles/
There's also a ton of great information about how to use TTFTitles in new and confusing ways in the comments section of the plugin page here:
http://www.templature.com/2007/10/18/ttftitles-wordpress-plugin/
We've included the two fonts we used in the theme directory. Once you've installed and setup TTFTitles (for more information on THAT check HIS installation
notes, but I'll give you a hint -- you need to make a cache directory in /wp-content/plugins/ttftitles and make both that and the fonts directory writable
(chmod 777) before you can use TTFTitles), copy the two fonts we've included, KLINOM__.TTF and spahrtyg.ttf to the fonts directory in /ttftitles.
If, however, you don't want to use it, you'll need to make some changes to the code, but I've added the alternate, non-TTF'd versions of everything in the
comments, so all you'll need to do is comment out the TTFTitle'd line, and uncomment the un-TTF'd line and voila!
We also like ShutterReloaded for a quick-loading, Lightbox-esque effect. You can find that here: http://wordpress.org/extend/plugins/shutter-reloaded/
Using and/or Turning off TTFTitles
======================================
If you don't want to use TTFTitles, you'll need to make changes to the sidebars and the header. I've commented out the alternate code you'll want to use for
the non-TTF'd titles. So you'll go from this:
to this:
Get Updates
Got it? Also, if you want to change the titles of the headings, you'll want to change the text in the quotes, so this part:
the_ttftext ("change this right here", $echo = true, yadda, yadda, yadda
There are 4 files you'll want to look at if you want to make any changes to the TTFTitles, sidebar.php, sidebar_left.php, sidebar_right.php, and header.php.
The header is a little bit different, but the idea is the same and what you'll be changing is more or less the same. Just look for this:
Once you've got TTFTitles set up, you'll need to create the styles. Here's what we used:
klinkomitepink
Image Type: PNG, Font Name: KlinkOMite, Font Size: 19, Font Color: #db429a, Letter Case: upper, Background Color: #feeef7, Transparent Background: TRUE, Max
Line Width: 500, Sub Indent: 20, Leading: 5, Effect Type: None
sweettooth
Image Type: PNG, Font Name: Spahrty Girl, Font Size: 50, Font Color: #462c10, Letter Case: unchanged, Background Color: #fed9ee, Transparent Background: TRUE,
Max Line Width: 500, Sub Indent: 20, Leading: 5, Effect Type: Soft Shadow, Shadow Color: #db429a, Shadow Spread: 4, Shadow X Offset: 2, Shadow Y Offset: 2
Did you notice in the the_ttftext line there was a part that said "$style="sweettooth" and/or "$style=klinkomitepink" ? Well if you end up using your own fonts and your own styles, you'll want to change those in the header.php and the sidebars. And if not, you want to make sure that when you create your styles, you're using the names we used, because that's what's in the code.
Glad that's done, what's next?
==================================
Now you need to set up your category feeds. Open home.php in Notepad (in Windows) or in the Theme Editor in WordPress.
There are 5 areas on the home page which dynamically display content from specific categories. There are two separate categories used for the top, featured
area, and then obviously the 3 categories below.
The idea for the top section is one category will be used only for pictures, and another category will be used to feed the description or featured update
that appears underneath the picture. So you can have a category called "Featured Photo" and another category called "Featured Post" that are reserved for
that top area.
***NOTE***
For the theme to display correctly, you need to have at least 1 Featured Photo and Featured Content post. Otherwise it messes up the margins and spacing.
Okay, thank you, drive thru.
Images in the Featured Photo area will be stretched to 625px wide if they are less than that amount, or scaled proportionally to 625px if they are larger.
So when inserting an image, avoid any resizing, just do full size and it will work fine.
There are a number of Wordpress plugins that reveal the category IDs, which can be useful in setting up the home page feeds. You'll need to know your
category IDs to display posts from different categories on the home page.
So, for example, the Featured Photo section looks like this:
have_posts()) : $recent->the_post();?>
You'll want to change the "cat=21 part to be "cat= whatever the category ID is for Featured Photo. I use this trick to get the category IDs...
- Go into Manage -> Categories
- Click on the category you want to get the id from
- the URL in the address bar will look something like this: http://www.yourdomain.com/wp-admin/categories.php?action=edit&cat_ID=21
- that last part that says cat_ID= is your category ID
A different code is used for the content areas underneath. We're still in home.php, though. It looks like this:
have_posts()) : $recent->the_post();?>
Same idea here, change "cat= to whatever your category ID is.
Other Notes
===============
Core sidebar components have been hard coded. Additional widgets added through the Widget manager will not be styled.
There are several additional options that can be added in Design -> Baby Sweettooth Options, most notably the Featured Video embed code goes here. It's
noted on the Options page, but warrants repeating that the video should be resized when pasting the embed code so the video does not spill out
of the sidebox.
Also, the theme is set up to use FeedBurner, and that stuff is in the Options page as well, so you might as well head over to http://www.feedburner.com and
get that set up. It's worth it, trust me.
Last, we included a version of the graphic on the top right with white boxes insteat of our cute kid, so you can put your own cute kid in there.
Thanks!
Again, post if you have any questions
http://wp.arcanepalette.com/sweettooth/support/
~chris at arcane palette creative design