WPI Theme Typeface Modifications

I made this guide because of many request from my theme user asking for the blog-header PSD. FYI, the new theme blog-header is generated via server side scripts (gd-font png). If you need to change the font face, size or the foreground background colors etc,… read on.

Before we start, this guide are for WPiStalker WordPress theme (version 1.6x on WordPress 2.5.x).

Editing the font face.

• First, Upload your fonts file to */themes/wp-istalker/lib/webfonts/ directory.

  note: avoid funky font name with symbols or non-utf, rename it if you must.

• Next, go to your WordPress Admin Dashboard, Design » Theme Editor. Then on the right sidebar links, click on “Theme Functions” (functions.php).

 .

• Inside theme functions, scroll down to the end of file. Copy and paste the below code.

  function my_new_header_settings($options){
  	$options = array('font'=>'the-font-name','size'=>24,'hex'=>'F4F5F7');
  	return $options;
  }
  

  But first you need to replace/edit “the-font-name” with your upload font file name.

  Example:

  assuming your upload filename is BDBARDUS.ttf, so the correct code should be like so ↓

  function my_new_header_settings($options){
  	$options = array('font'=>'BDBARDUS','size'=>24,'hex'=>'F4F5F7');
  	return $options;
  }
  

• While still inside the “Theme Functions” file, find on line 1541 function wpi_init(), add the following code ↓

  add_filter('wpi_blog_header_options','my_new_header_settings');
  

  After

  $active_plugins = $Wpi->getActivePlugins;
  

  The results should be ↓

  $active_plugins = $Wpi->getActivePlugins;
  add_filter('wpi_blog_header_options','my_new_header_settings');
  

• OK thats it, save the theme functions file and go to your front-page. Dont forget to refresh the browser.
• Do the happy dance, the end. Namaste

External Links

• Recommended font resources daFont