Custom page template

This page is made using a customized page template.

It shows you a slideshow on a black background.
A statistical message is added at the top of the page.
The text color of the names and descriptions is changed and the background color of the navigation bars is modified.
This is just an example that you could use for the Generic Photo Album (just publish a page with a title and %%wppa%% in the content only), you can do much more! You can modify most of the ‘standard’ settings in the Photo Albums -> Settings admin page that apply to the appearance of the display.

The title of the page is ‘Custom page template’.
The contents of the page is: (besides the text above and below the black area):

%%wppa%% %%slide=4%%

The content of the template is: (modifications bold):

<?php
/**
* Template Name: Custom one column
*
* A custom page template without sidebar.
*
* The “Template Name:” bit above allows this to be selectable
* from a dropdown menu on the edit page screen.
*
* @package WordPress
* @subpackage Twenty_Ten
* @since Twenty Ten 1.0
*/
global $wppa_show_statistics;

get_header(); ?>

<div id=”container” class=”one-column”>
<div id=”content” role=”main”>

<?php $wppa_show_statistics = true; ?>

<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>

<div id=”post-<?php the_ID(); ?>” <?php post_class(); ?>>
<h1 class=”entry-title”><?php the_title(); ?></h1>
<div class=”entry-content”>
<?php the_content(); ?>
<?php wp_link_pages( array( ‘before’ => ‘<div class=”page-link”>’ . __( ‘Pages:’, ‘twentyten’ ), ‘after’ => ‘</div>’ ) ); ?>
<?php edit_post_link( __( ‘Edit’, ‘twentyten’ ), ‘<span class=”edit-link”>’, ‘</span>’ ); ?>
</div><!– .entry-content –>
</div><!– #post-## –>

<?php comments_template( ”, true ); ?>

<?php endwhile; ?>

</div><!– #content –>
</div><!– #container –>

<script type=”text/javascript”>
/* <![CDATA[ */
jQuery(document).ready(function(){
jQuery('#wppa-container-1').css('background-color', 'black');
jQuery('#wppa-container-1').css('padding', '80px');
jQuery('#wppa-container-1').css('margin-left', '-80px');
jQuery('.wppa-fulldesc').css('color', '#eef7e6');
jQuery('.wppa-fulltitle').css('color', '#eef7e6');
jQuery('.wppa-nav').css('background-color', '#ccc');
});
/* ]]> */
</script>

<?php get_footer(); ?>

« Previous pageNext page »