Categories
WordPress Themes

Change Nav Menu For Specific Page In Header.php

This tutorial shows you how to display a different nav menu to your default menu settings on specific pages.

It applies to themes which include a header.php like Twenty Twelve which is the theme the code is tested on.

Line 45 of the the Twenty Twelve themes header.php file includes this code:

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>

Simply replace that line with this code:

<?php if ( is_page('members-downloads') ) : ?>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu' => 'wp-sites', 'menu_class' => 'nav-menu' ) ); ?>
<?php else : ?>
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu' => 'Primary', 'menu_class' => 'nav-menu' ) ); ?>
<?php endif; ?>

The code above includes a conditional tag to change the default menu in the Primary position to a menu named wp-sites only when the page with the slug members-downloads is loaded.

You can easily modify the conditional tag and menu name to suit your own requirements.

Note: When modifying code in parent theme files, its best practice to copy the file over to a child theme and modify there as any changes to the code in the parent theme will be lost when its updated. Child themes aren’t generally updated.

This solution does not apply to Genesis.

To change the nav menu for a specific page in Genesis you can use the Genesis Simple Menus plugin.

Categories
WordPress Themes

Twenty Twelve Theme – Use Different Header Images

This tutorial provides the solution you can use on any default theme like Twenty Twelve, Twenty Thirteen and any of the other default themes:

The example in this post displays the Custom Header you upload under Appearance > Header on all single posts and a custom image named non-single.jpg uploaded to your themes images folder on all other pages.

Simply change the code between lines 48 and 53 in the Twenty Twelve themes header.php file to this code:

You can easily modify the conditional tag in the code to change which header images are displays on different parts of your site.

Note: This code will only work in a child theme of Twenty Twelve. Its best practice to copy over the header.php file from your parent theme to a child theme and modify the code there which is safe when the parent theme updates.

Different Header Images On Every Page

Try the WP Display Header plugin you can search for on the plugin installation page.

Demo Video

Categories
WordPress Themes

Twenty Twelve Default Theme for WordPress

Twenty Twelve has been officially released today by Automattic.

You can download the theme directly from your wp admin panel or go to the themes.trac and grab it.

Demo

You can demo the theme here.

Homepage Template

The theme has a special homepage template which you can activate from the drop down.

You’ll also find 2 home page widgets which you can use with this template.

Setup Static Homepage

  • Create a new page named Home and publish it
  • Create another page titled blog (for your posts) and publish it
  • Go to settings > Reading and select the Home page from the drop down as your static front page
  • Select the blog page for your posts
Front Page Displays Static Page

Responsive

2012 is the first default theme to be fully responsive and therefore perfectly viewable on any type of mobile device.

Read more on the WordPress.com blog.

http://twitter.com/wpsitesdotnet/status/240609247153512448

Premium Option

If you like this theme but need more flexibility and support, i suggest you take a look at the the Minimum theme from StudioPress. It includes all the additional features which the Genesis framework offers on top all the the theme options which you won’t get with Twenty Twelve.

Opinion

What do you think of Twenty Twelve?

I believe its an excellent theme to build a site with however you’ll need to create your own custom functions and styling.

You just won’t get the support you need to customize it unless you choose a premium theme alternative.

Categories
WordPress Themes

Download Twenty Twelve Theme for WordPress

Just Downloaded the new default theme for WordPress, Twenty Twelve (2012).

Development of the Twenty Twelve design wasn’t quite finished when WordPress 3.4 came out earlier this year so it has been included in the latest release of WordPress 3.5.

ONLY download Twenty Twelve from the official WordPress websites.

Download Twenty Twelve

You have a couple of options.

  1. You can download Twenty Twelve from the WordPress developers Trac website or
  2. Directly from the official WordPress theme directory. (Recommended)


Twenty Twelve

Twenty Twelve is mobile responsive, includes a full width page template and adjustable header height in theme options.

While the styling has been finished for this theme, the functions haven’t so its not advisable to use this theme on a live production site.

Twenty Twelve Video

You’ll find several widget areas which you can use on the home page.

You’ll need to create a static page for your homepage and set this page as your front page in the reading settings.

Read more about customizing Twenty Twelve.

Looks a bit like the minimum child theme for Genesis. What do you think?

Categories
WordPress Themes

WordPress Twenty Twelve Default Theme – Whats On The Drawing Board So Far

Twenty Twelve WordPress Default ThemeMatt Mullenweg is overseeing the new design for the next default theme for WordPress, Twenty Twelve.

Twenty Eleven hasn’t been as popular as Twenty Ten even though it is a better theme so i expect WordPress will make Twenty Twelve a fair bit different than their last 2 default theme’s.

Here’s some ideas about what could be coming in the Twenty Twelve default theme:

  • single post/permalink view with post formats is needed
  • variable height header image
  • mobile version
  • default to static front page (will need a function in core to auto-choose)
  • editor styles the same as front end.
  • avoid clever things that aren’t super-useful (like ephemera widget)
  • start with 2011 as base for code (or 2010, which has gotten more updates and had more eyes on it)
  • no featured image in header
  • by default – no header image

Twenty Twelve Default Them for WordPressI hope they try and build in the best functions from the best plugins like Chris Pearson is doing with Thesis 2.0 and the Woo framework and make it as good as those 2 premium WordPress theme frameworks.

I think the reason the WordPress default theme’s aren’t as popular as they used to be is because the WordPress forum doesn’t offer the same level of support which you get from owning a premium theme.

Most WordPress users like to have access to quality technical support when it comes to theme customization.

Update on Twenty Twelve: WordPress 3.4 was going to include the new Twenty Twelve theme but this has now changed and will be included in the release of WordPress 3.5 in the second half of 2012

This image shows WordPress 3.4 with the new Twenty Twelve default theme

Lance Willett

Update: Twenty Twelve is not going to make the cut for 3.4.

The design isn’t quite finished, and we risk a rushed, incomplete product by forcing it in.

We’ll continue working on it so it’ll be ready at the start of the 3.5 development cycle, and do a longer report soon on why it was delayed so we can prevent it from happening again.

Here’s the latest on whats happening with the development of Twenty Twelve:

  • Add custom header support
  • header.php: use get_stylesheet_uri() to load stylesheet
  • Add full-width template, including adding relevant body_class value as a CSS hook
  • Hide sidebar on all views if no active widgets exist
  • Fix site title output (was missing site title)
  • Remove “featured” title for sticky posts
  • Add content template files for aside, image, link, and quote post formats
  • Indent content-single.php to match content.php
  • Remove sample JPG since Twenty Twelve ships with no default header images

Style updates

  • Better footer styles
  • Styling for full-width layouts
  • Add basic styles for archive views
  • Refine post header/footer styles a bit