Grow your CSS skills. Land your dream job.

WordPress Theme – some advice I hope

  • # September 20, 2011 at 1:17 pm

    I’ve been working on solé Televisions website for the past week to take it from what they have currently: http://soletv.com to something more like this: http://how-do-i-find-peace.com/sole .

    I’ve made the decision to (once I’m complete with the HTML/CSS side of things) convert the site to php pages and transform it into a WordPress theme. I’m new to WordPress themes, but comfortable with what I know. I’ve designed a total of 3 and they all came out pretty decent (thanks in large part to the support of this forum on a number of snags along the way).

    Today I started to design a product page and realized I had a problem. If you have a look at http://how-do-i-find-peace.com/sole/product-page.html you’ll see a grey box and a white space to the right. My intention is to utilize shadow box in the grey area to show images of the product being viewed. Large image on top then smaller images below … the user would pick an image and the shadow box would open. You get the idea I’m sure. In that white empty space I want to input something like this: http://jqueryui.com/demos/tabs/ to show specs and features of the product being viewed.

    And it hit me: How the hell could WordPress possibly handle this? I need to be able to create a page but within the WordPress page WYSIWYG editor be able to input these elements …. shadow box on the left, jquery tabs on the right.

    Is this possible? Can I write a page in WordPress that does this?

    # September 20, 2011 at 1:36 pm

    You’ll want to use the wonderful plugin: Advanced Custom Fields. I even recently did a little writeup about it: http://blog.designbygray.ca/make-wordpress-a-proper-cms-with-advanced-custom-fields/

    Basically, the plugin allows you to add multiple WYSIWYG areas to the edit screen. Then, you can call each individual field in your template file!

    # September 20, 2011 at 2:26 pm

    @TheDoc – this looks powerful. I might need your input if I get stuck with it, but it seems straight forward enough. Thanks a lot!

    # September 20, 2011 at 2:32 pm

    @TheDoc – let me link you to what I’m trying to pull off … http://how-do-i-find-peace.com/specspage.jpg

    Ignore the header as it has obviously changed. Basically I have two divs a left and a right.

    is this plugin necessary for what I’m trying to do or would it be easier to just post something like



    shadow box



    in each page that I create? Is that not possible?

    # September 20, 2011 at 2:55 pm

    I would definitely use the plugin. It will be much easier to manage. And you can set it to only appear on certain pages. So, you can set the extra fields to only appear if the parent page is ‘Products’, for example.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".