Incorporating FAlbum into your own Theme

The default page layout used by FAlbum will only work if your site uses the or a variation of the default WordPress 1.5 theme or uses a theme with a similar style of layout. In order to make FAlbum work with your own theme, do the following:

1. First you will need to create a copy of your theme's index.php file within the theme's directory and rename it to FAlbum.php
2. In the new FAlbum.php file, you need to first strip out all of the code that Word Press uses to assemble your posts on your standard blog page. In many cases it will be everything between <?php get_header(); ?> and <?php get_siderbar(); ?> or <?php get_footer(); ?> in the code.
3. After you have cleared out the code in step 2, copy and paste the code between the lines below in between the header and sidebar/footer calls:
4. Upload the finished FAlbum.php to your theme's directory and try it out. On case-sensitive systems (Linux, Unix, some versions of Mac OSX) and depending upon your version of FAlbum, you may need to name the file falbum.php (note the lack of capitalization) in order for it to be recognized. Using version 0.6.9 of FAlbum, this is the case.

<!-- FAlbum Start -->

<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/plugins/falbum/res/falbum.js"></script>

<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/plugins/falbum/res/overlib.js"></script>

<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/plugins/falbum/res/prototype.js"></script>

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

   <div id="content" class="narrowcolumn">

       <?php $falbum->show_photos(); ?>

   </div>

<!-- FAlbum End-->

For ease of understanding, here is what a basic working FAlbum.php looks like:

<?php
/*
Template Name: FAlbum
*/
?>


<?php get_header(); ?>

<!-- FAlbum Start -->

<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/plugins/falbum/res/falbum.js"></script>

<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/plugins/falbum/res/overlib.js"></script>

<script type="text/javascript" src="<?php bloginfo('url'); ?>/wp-content/plugins/falbum/res/prototype.js"></script>

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

   <div id="content" class="narrowcolumn">

       <?php $falbum->show_photos(); ?>

   </div>

<!-- FAlbum End-->

<?php get_footer(); ?>