Different headers for different templates


Author Message
AC

Posted: 6/25/2010
Quote message 

I'm hoping someone can assist with some php hacks to get two different headers on a template.

Ideally, I'd like to have the option to choose different whole templates for different site pages. In other words, two completely different Wordpress themes for the site which can be selected per page. Can this be done, or not?

Since I have not been able to find this kind of option, I've been trying plan B - which involves the process described here:

http://www.artisteer.com/Default.aspx?post_id=135223&p=forum_post

Here is the outline of what needs to be accomplished:
I'm trying to port a site from base html to Wordpress. The home page has a Flash header underneath the menu system measuring 730 pixels wide x 100 high.

However, every other page on the site has an image at the top instead of the flash header measuring 730px × 152px. In addition, site section has a different header.

So functionally, it would simply be ideal to just install full multiple themes and just select which theme for which section. But since that does not appear to be an option, I've been trying to hack a theme without much success.

I've created the template for the sub page with an image, not a Flash file and exported it. I've then renamed that page "aboutus.php" and changed the top code to turn it into a template called "About Us".

This page now appears as a template option, but sadly neither the header has been resized, nor is the About Us picture there.

I've hunted down the code to change the header image in styles.css. So, I added a new CSS option in styles.css which changes the header height and header image.

From here, one would assumed that my new template file, aboutus.php should refer somewhere to the stylesheet to make the change, but I don't see it anywhere. I assumed also, that if it was not in aboutus.php that it would be in header.php and all I'd need to do was point the header image css to the new css reference - but I can't find that anywhere.

Hope that makes at least some sense!

Can anyone help?
 
Adeptris

Posted: 6/25/2010
Quote message 

Quote AC:

Ideally, I'd like to have the option to choose different whole templates for different site pages. In other words, two completely different Wordpress themes for the site which can be selected per page. Can this be done, or not?

I have a WordPress Plugin that does this, sometimes it initializes fine, and sometimes you have to follow the FAQ's delete an option and reload the plugin, once installed you just upload your themes and choose which theme for which page.

http://wordpress.org/extend/plugins/digital-raindrops-page-styles/

David

www.digitalraindrops.net
 
AC

Posted: 6/26/2010
Quote message 

Thanks David

Giving it a crack now.


 
AC

Posted: 6/26/2010
Quote message 

Thanks for the plugin. It works well.

The only issue now is that the home page main site style has a flash file in the header.

So when I choose the second template for the "About Us" page, the correct css style sheet is read and the image and size are inserted correctly. However, the Flash file from the main theme is appearing on top of the image.

I'm assuming this this because the Flash file appears to be inserted directly into the header.php page by Artisteer, whereas an image appears to be called by styles.css.

Any suggestions?

AC
 
AC

Posted: 6/26/2010
Quote message 

I guess the most logical solution to the problem mentioned above would be to call the Flash .swf file from styles.css. On looking around the net though, it appears that a Flash file needs to be embedded in the page code and CSS is not good for inserting Flash (which probably explains why Artisteer inserts the Flash file in header.php instead of some CSS reference).

Is it somehow possible to get the page.php and/or aboutus.php (a copy of page.php set up as a second template) to call different header.php pages?

(Note to esteemed makers of Artisteer: It would be extemely handy to offer the option to select different themes for different pages!)
 
Adeptris

Posted: 6/26/2010
Quote message 

Glad you have it working, fixing the flash, copy the flash container style in the flash themes style.css file, add this block to the non flash theme style.css

Now just add a style to hide the block inside the braces:

display: none;

David :-)
 
AC

Posted: 6/26/2010
Quote message 

You are a genius!

Thanks for you help, it's perfect.

 
AC

Posted: 6/26/2010
Quote message 

Since it took me a little while to figure out the last instruction: here is more detail for anyone else who may need to jump through the same hoops:

The theme with a flash file in it will have a reference in styes.css which begins with /* begin Flash */ and ends, none to cryptically, with /* end Flash */.

In the second theme, simply copy all the Flash header info to the bottom of the styles.css file and also add:

display: none;

to the flash container style.


 
AC

Posted: 6/27/2010
Quote message 

This is probably all Wordpress hacking 101, but with the new templates I don't seem to have any additional sidebars in the Widget section of Wordpress.

Just updated to WP 3 - so hope that's got nothing to do with it.
 
AC

Posted: 6/27/2010
Quote message 

Looks like a combination of these two options should do the trick?

http://www.blogohblog.com/adding-extra-sidebar-to-your-wordpress-theme/

http://idratherbewriting.com/2010/02/07/registering-more-sidebars/
 
AC

Posted: 6/28/2010
Quote message 

Hi David

I'm not sure if you are still around but I'm hoping that you may be able to assist - the plugin at:

http://wordpress.org/extend/plugins/digital-raindrops-page-styles/

Is playing up as you describe in the notes - no logging of the template in the database. I've followed the fix instructions but it still does not appear to be logging settings and use is erratic. I thought it may be because of an upgrade to WP 3, but testing with 2.9.2 on a fresh database seems to do the same thing.

Can assist to fix? I'd gladly buy 30 mins of your time to have a working solution.


 
Selase

Posted: 6/28/2010
Quote message 

Hi David,
I have read your very good suggestions to AC and just wondering it you could help me too. I got into Wordpress because i wanted a lot more flexibility in how a website i develop will look like. I want to be able to decide where every image, link and the general structure should be. I have realized that i have to work with templates and i find this a bit limiting. For example i want to create a template similar to http://www.kineticchurch.com/ without all the flash. Just the structure. Can you suggest to me what competencies i need to build to be able to do so? I also downloaded the trial for Artisteer but not able to make it look the Kinetic church site. Please help me
 
Adeptris

Posted: 6/28/2010
Quote message 

Quote Selase:

Hi David,
For example i want to create a template similar to http://www.kineticchurch.com/ without all the flash. Just the structure.


The site in your link is created with Adobe, flash, dreamweaver and director.

You cannot recreate that but you could do a static website with Artisteer, make a narrow theme with no sidebars, pages only in WordPress settings, style the page contents to suit.

The best way to learn is break your project down into small tasks, tackle each one as a step so you do not lose momentum.

Second option is to pay someone to get close in Artisteer or create the theme for you.

Regards

David
 
Selase

Posted: 7/1/2010
Quote message 

I first of all will like to thank you for answering to my post. I am trying what you suggest however i have the following concerns
1. how do i use wordpress as a Web development tool and not just a blogging tool. Any free but good resources you can suggest?
2. What is the best way for me to develop my own theme? Photoshop and slicing or what? I really hope I'll hear from you. GBU
 
Garry

Posted: 7/1/2010
Quote message 

@ Selase

Simply set you home page a static page and create as many pages as you want from add new page from your Wordpress admin.
 
Bruce

Posted: 7/9/2010
Quote message 

Quote Adeptris:


I have a WordPress Plugin that does this, sometimes it initializes fine, and sometimes you have to follow the FAQ's delete an option and reload the plugin, once installed you just upload your themes and choose which theme for which page.

http://wordpress.org/extend/plugins/digital-raindrops-page-styles/

David

www.digitalraindrops.net


Adeptris.I simply want a home page with 1 column and inner pages with 2 columns (1 is sidebar). All the other styles will stay the same. Do I need to create 2 separate themes in Artisteer and use your plug-in to switch between them?

That would be useful for a lot of sites. Please give details on how to do this.
Thanks for your work on the plug-in and help on these forums.

 
Garry

Posted: 7/9/2010
Quote message 

Following related thread may be helpful:

http://www.artisteer.com/?post_id=119936&p=forum_post&topicsPage=2&forum_id=17
 
@Bruce

Posted: 7/9/2010
Quote message 

Yoy would not need the plugin for that, to have different layouts you would create a template page, or template pages, then apply these.

Have a look at the Mulitple Template tutorial on this page.
http://www.digitalraindrops.net/index.php/category/tutorials/page/2/

David (Adeptris)
 
Bruce

Posted: 7/12/2010
Quote message 

Quote @Bruce:

Yoy would not need the plugin for that, to have different layouts you would create a template page, or template pages, then apply these.

Have a look at the Mulitple Template tutorial on this page.
http://www.digitalraindrops.net/index.php/category/tutorials/page/2/

David (Adeptris)


Thanks Adeptris, I looked at your tutorial and in addition read the WordPress codex on Page Templates and it finally makes sense to me. Thanks. I really appreciate it. I am almost having fun! I am using Bud's templateer and now I see how that system works as well. What I have been able to do now is go in and tweak some templates for specific pages. For example I wanted to take out the headers on my page entry.

One thing I am eager to do is to have several blocks of content on a page, each separated by a round edge content container against a transparent background. I am using a sandbox website to try these things out on. www.honohales.com. the home page shows something of the layout I want. One full length block for a slide show and 3 smaller block beneath it for featured products, posts, or ads.

Any suggestion on how to approach that one?

One idea I had was to create a separate category include those posts as the content on my page. Then I would create the layout the way I want it and display the posts within that layout. I would want to hide that category from any other pages and would want to be able to designate the order in which the post display on my layout.

 
Martin

Posted: 12/14/2010
Quote message 

Great thread, and seems to be all about what i want to achieve, but any ideas where the tutorial at:

http://www.digitalraindrops.net/index.php/category/tutorials/page/2/

has gone? It would be good to have a read of that if at all possible.

Thanks


 

Reply


NAME *
EMAIL
SMILIES :-) :( :-D 8-) :*) :-/ :-{} :-X :-O :-@ O:) :-P :-< :-( :-| ;-) 
CODES [Quote] [B] [I] [U] [Code] [IMG] 
BODY *  
VALIDATION *