• I’d like to have the content separated into 2 different portions: image and text so that the text can be styled separately from the image. Is there a way to do this or any extension that makes it easy to do this?

    Another alternative I am thinking of is to make use of the featured image of the post. But what if I want to include multiple images?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Yes you can do this, but it does mean that you need to make some adjustments to your theme. You could look at plugin like multiple content block or advanced custom fields. These are very helpful at providing you with different editable areas for each page.

    Generally text and images are separated by putting them inside tags (often div, p or h tags for text; usually divs for images) and assigning a class or id to the tag elements. The use the class or id to attach CSS styles to that element.

    A bit more information would make a more specific answer possible. i.e. what theme are you using, a link to your site?

    Thread Starter wrip

    (@wrip)

    Thanks for the quick answers. Yes I might have to modify the themes but that’s fine. I am currently using Imbalance theme but have been making some big changes to it.

    I am trying to create a photo gallery website. I’d like to have the attached image or featured image to display as the main content. Then the text description will be styled as a separate div under the image (perhaps using a jquery to hide it). So basically I need a way to separate those 2 contents. Yes I can attach CSS classes to the tag elements but I don’t prefer doing it when adding content. It’ll be a bit time consuming and not a right way (I think). Christine’s suggestions may work very well. I will look into those plugins. They sound promising.

    Make sure you are using a child theme — so that changes to your theme won’t be overwritten and erased when the theme is updated.

    http://codex.wordpress.org/Child_Themes

    Thread Starter wrip

    (@wrip)

    Thanks for pointing out the Child Themes. That’s something I need to figure out. I was trying to override some of the php files in the parent theme such as sidebar.php. I created a modified version inside the child template but it doesn’t seem to recognise it. Do you know how to make this work? I had a look at the link you suggested but I still couldn’t figure out or is it not possible?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to separate content into image and text?’ is closed to new replies.