Web Design Forum: Unique layout for each post - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Unique layout for each post Rate Topic: -----

#1 User is offline   zibizibi 

  • Dedicated Member
  • PipPip
  • Group: Members
  • Posts: 162
  • Joined: 09-August 09
  • Reputation: 0

Posted 09 February 2012 - 12:21 PM

Hi everyone,

On this WordPressbased website, if you click on several of the featured works you will see that each one has its own specific layout.

How do you think they accomplish that ? I imagine they don't use a different PHP template for each and every post, or do they ?

EDIT : well, actually the different layout is achieved with Photoshop so it's the same layout really. But on this other website they definitely use different layouts for each portfolio piece of work. So my question remains the same.

This post has been edited by zibizibi: 09 February 2012 - 12:24 PM

0

#2 User is online   zed 

  • Web Guru
  • Group: Moderators
  • Posts: 4,941
  • Joined: 25-May 10
  • Reputation: 703
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Designer/Coder

Posted 09 February 2012 - 12:26 PM

they all look the same to me. Note that some of the posts have transparent background images made up of more than one image.
0

#3 User is online   MikeChipshop 

  • Small but imperfectly formed
  • Group: Moderators
  • Posts: 7,047
  • Joined: 19-April 10
  • Reputation: 503
  • Gender:Male
  • Location:Scotland

Posted 09 February 2012 - 12:29 PM

View Postzibizibi, on 09 February 2012 - 12:21 PM, said:

EDIT : well, actually the different layout is achieved with Photoshop so it's the same layout really. But on this other website they definitely use different layouts for each portfolio piece of work. So my question remains the same.


But that's not a WordPress, so in fact, your question is completely pointless :p
0

#4 User is online   Renaissance-Design 

  • Available for custom WordPress work
  • View blog
  • Group: Moderators
  • Posts: 3,595
  • Joined: 12-August 10
  • Reputation: 559
  • Gender:Male
  • Location:South Wales
  • Experience:Web Guru
  • Area of Expertise:Designer/Coder

Posted 09 February 2012 - 12:42 PM

Art Direction plugin.
0

#5 User is offline   brightonmike 

  • Web Guru
  • PipPipPipPipPip
  • Group: Members
  • Posts: 2,996
  • Joined: 27-June 11
  • Reputation: 340
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Web Designer

Posted 09 February 2012 - 01:29 PM

You could add a class to the body which is the Post ID, and target the CSS that way.


<body <?php body_class('class-name'); ?>>

This post has been edited by brightonmike: 09 February 2012 - 01:32 PM

0

#6 User is online   MikeChipshop 

  • Small but imperfectly formed
  • Group: Moderators
  • Posts: 7,047
  • Joined: 19-April 10
  • Reputation: 503
  • Gender:Male
  • Location:Scotland

Posted 09 February 2012 - 01:32 PM

View Postbrightonmike, on 09 February 2012 - 01:29 PM, said:

You could add a class to the body which is the Post ID, and target the CSS that way.


Exactly.
Should have this...

<body <?php body_class(); ?>>


...all good to go.
0

#7 User is offline   zibizibi 

  • Dedicated Member
  • PipPip
  • Group: Members
  • Posts: 162
  • Joined: 09-August 09
  • Reputation: 0

Posted 09 February 2012 - 03:27 PM

Right but what if I need complete control over the layout of my thumbs ? For example : in one post all thumbs need be displayed one on top of the other, but then in another post I want a big thumb here, a row of 3 small ones there, and then maybe a testimonial over here, etc.

Well in that case I guess I need to have one template for each layout, actually it's obvious because what could decide how exactly to display things except myself through custom code in a template ? Sorry then, please ignore this thread :(
0

#8 User is offline   porkchops 

  • Web Guru
  • PipPipPipPipPip
  • Group: Members
  • Posts: 1,073
  • Joined: 13-March 11
  • Reputation: 228
  • Gender:Male
  • Location:Belmont, Massachusetts
  • Experience:Advanced
  • Area of Expertise:Web Designer

Posted 09 February 2012 - 03:31 PM

If you have decent HTML markup to work with and great CSS you can do whatever you need to with CSS only.

Swapping CSS files makes the most sense.
0

#9 User is offline   brightonmike 

  • Web Guru
  • PipPipPipPipPip
  • Group: Members
  • Posts: 2,996
  • Joined: 27-June 11
  • Reputation: 340
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Web Designer

Posted 09 February 2012 - 03:38 PM

You could also learn to use Wordpress conditional comments to target specific CSS/Javascript at specific pages/layouts.
0

#10 User is offline   zibizibi 

  • Dedicated Member
  • PipPip
  • Group: Members
  • Posts: 162
  • Joined: 09-August 09
  • Reputation: 0

Posted 18 February 2012 - 01:14 PM

Thanks guys I'm gonna try that.
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users