WordPress.org

1. ncjcj
   Member
   Posted 3 years ago #

   I can easily create sIFR without wordpress, but cannot seem to get it to work within a wordpress theme. Is there a simple tutorial that I can use?

   Thank you

2. jcow
   Member
   Posted 3 years ago #

   Your problem probably comes down to having the relative paths correct. It is actually kind of tricky to setup without having to manually set it up for each page level's header.

   Since sIFR needs the font path to be relative, if you setup a link in JS config file to "wp-content/themes/yourtheme/sifr/arial.swf", it will be fine on your main url (eg http://www.mysite.com/), but it won't work on a child directory (even virtual directories using .htaccess) of your site (eg http://www.mysite.com/typography/). To get it to work on pages in the typography directory, you would have to change the link to "../wp-content/themes/yourtheme/sifr/arial.swf".

   To make the whole thing easier, I wrote a plugin that makes sIFR pretty painless for WordPress, all the config is done in the backend, and the plugin figures it out for you.

   WP sIFR:
   http://wordpress.org/extend/plugins/wp-sifr/

3. johnji
   Member
   Posted 3 years ago #

   Thanks jcow, your plugin works exactly as advertised, and was a pleasure to use. Was also very happy to find you are using one of the newest builds of sIFR v3.

4. thinkadrian
   Member
   Posted 3 years ago #

   It works great in Safari 4 even, but in Firefox 3 I don't even get an <object> tag. The JS file is loaded as well as the CSS. In firebug my <h2> tag isn't edited edited at all, but in the styles applied field it seems to have gotten the .SIFR-active class attached.

   I guess it should look like <h2 class="sifr-active">Header</h2> but only looks like this <h2">Header</h2>. Is it a bug?

Topic Closed

This topic has been closed to new replies.