“My” new theme!

Posted on

Welcome to my blog on a new theme!

I am using a custom child theme of the default Twenty Twelve theme. It features a modified featured image, custom width sizing depending on the size of monitor (it’s also slightly wider on most larger monitors than the original), footer widgets and a generally different style.

My fonts are Zeyada (title), Amaranth (headings) and Lora (body). (Although I still might change it). All fonts are from Google webfonts for now.

This blog is best viewed on a higher resolution monitor (such as 1500px+) with a newer browser. It does work on tablets and phones – more or less. Right now it is currently less… especially on small tablets…I’m still working on that.

It works in all modern browsers (I think?), but I can’t vouch that all functions will work or display correctly on older browsers.

The background is made by me…although I may change it as I’m not entirely happy with it.

For anyone else wanting to undertake this, note that the CSS to this theme is a bit….odd. It makes use of newer techniques and has CSS classes that aren’t as simple as you think.

Tutorials I used

http://zeaks.org/tutorials/twenty-twelve-footer-widgets-tutorial/
http://voodoopress.com/modify-the-width-of-the-new-wordpress-twenty-twelve-theme/
http://voodoopress.com/woking-with-featured-image-in-wordpress/  (and a few other very similar ones on that subject)
http://wordpress.org/support/topic/getting-post-thumbnail-url  (linking featured imaged to itself)
+ probably more! (And lots of trial and error).

I also used several generator and such. (The media query playground is also very useful)

Stole a bit of CSS from the Presswork theme for image hovers.

I do not know PHP so I consulted tutorials for modifications to the PHP files.

Credits:

Designed by Me
Background image by me
Post background: Paper Fibers from Subtle Patterns
Page background: Textured Stripes from Subtle Patterns (modified)

The Featured Images Thing is Driving Me Insane

Posted on

So I thought it’ll be a great idea to make use of featured images, you know to showcase more photography and artwork.

I tried following various tutorials on auto-cropping featured images and it still doesn’t work. I tried copy and pasting that portion in my child functions.php and nope. I even broke the site a few times. I tried several methods and couldn’t get it working. Oddly it was working fine at first (i.e. before I made a child theme) but nope, not anymore

I’ve been at this for a while now (okay, just a day) but it’s driving me crazy and I just don’t understand why it won’t work properly! Later I discovered that it sort of works – just with new images and not in the post editor.

With much googling and some logical leaps I did finally figured it out (I was worried there that I’ll never figure it out, but I did). However, since I don’t know PHP…I’m never quite sure what I’m doing although I do have the feeling when something is probably not going to work. When the blog doesn’t load…it means I did it wrong. When the line is in the admin panel…it means I did it wrong. When only the top part of the blog loads….it means I did it wrong. So yeah, that’s how I found out I did the PHP wrong. I still find PHP confusing though. Some parts look really easy (a bit like CSS) while others are just…confusing. I should probably try to learn some PHP.

However, what I should do with single posts as I find full size featured images overwhelming and the smaller ones…well, small and it won’t word-wrap correctly. Oh well. I’ll work on it but I guess it’s okay for now.