sIFR and WordPress Themes

When I was developing Junction, I was finally able to get sIFR and WordPress to play nicely, including having functioning title links.

The hardest part was getting sIFR to work on whatever installation of WordPress other users had. My site uses the root folder as the WordPress installation folder, however others use “/blog/”, “/wordpress/”, etc.

Below is how I made it all work (with thanks to J. Bradford Dillon).

Download sIFR 3 from the nightly builds.
Follow the instructions at Design Intellection for exporting sIFR files (UPDATE: sIFRGenerator.com has just been updated to support sIFR 3 font files! Simply upload your TTF file, and let sIFRGenerator.com do the rest!).

In the js/sifr-config.js file, remove or comment out the first three lines of code.

//var MYSIFRFONT = {
//      src: 'wp-content/themes/THEMENAME/sifr/flash/MYSIFRFONT.swf'
//};

Upload sIFR folder to your theme’s directory (ie. ”/themename/sifr/”).

Copy the following code and add it to your theme’s functions.php file, replacing “MYSIFRFONT” with the name of your font file (ie. rockwell.swf) and “THEMENAME” with your theme’s folder name.

// sIFR
function sifr_scripts() {
global $siteurl;
if (empty($siteurl)) $siteurl = get_settings('siteurl');
$sifrurl = $siteurl.'/'.'wp-content/themes/THEMENAME/sifr/';

/* The xhtml header code needed for sIFR to work: */
/* Added inline JS for mod_rewrite concerns - http://jbradforddillon.com */
echo '<!-- start sifr scripts -->

<link rel="stylesheet" href="'.$sifrurl.'css/sIFR-screen.css" type="text/css" media="screen" />
<link rel="stylesheet" href="'.$sifrurl.'css/sIFR-print.css" type="text/css" media="print" />

<script src="'.$sifrurl.'js/sifr.js" type="text/javascript"></script>
<script type="text/javascript">
var MYSIFRFONT = { src: "'.$sifrurl.'flash/MYSIFRFONT.swf" };
</script>
<script src="'.$sifrurl.'js/sifr-config.js" type="text/javascript"></script>

<!-- sifr scripts -->

' ;

}

add_action('wp_head', 'sifr_scripts');

Continue setting sIFR up using the instructions at Design Intellection.
Smile as you enjoy fantastic web typography (for titles, at least).

If you have any questions, please let me know!

(As a side note, if anyone knows a good plugin for adding code to a wordpress post, I’d love to know if it! Thanks - PD)

※