In dit deel van de “Shopp: maatwerk product in winkelwagen”-serie laat ik zien hoe je met een eigen formulier een product aan de winkelwagen kan toevoegen. Met deze code kun je dan inhaken op andere plugins.

Het formulier

Als eerste maken we het formulier. Je kunt hier het beste een aparte pagina-template voor gebruiken.

<form action="" method="post">
<input type="hidden" name="ProductName" value="Naam van Product" >
<input type="hidden" name="ProductPrice" value="10.00" >
<h2>Naam van Product</h2>

  <big>Prijs:
<php echo money(10.00); ?></big>

<label for="ProductQuantity">Aantal</label>
<input type="text" name="ProductQuantity" id="ProductQuantity" value="1" />
<input type="submit" name="addtocart" value="In winkelwagen" />
</form>

Uitleg formulier code

Zoals je kan zien is de action van dit formulier leeg, hierdoor wordt het formulier verzonden naar de huidige pagina. Vandaar de aparte pagina-template, je kunt de code voor het afhandelen van het verzonden formulier dan bij het formulier zelf houden.

<input type="hidden" name="ProductName" value="Naam van Product" >
<input type="hidden" name="ProductPrice" value="10.00" >

Deze verborgen velden zijn voor het opgeven van de benodigde gegevens, de naam en de prijs. De prijs wordt hier niet “op z’n Nederlands” neergezet, maar met een punt als scheiding tussen de decimalen en hele getallen. Dit om te verzekeren dat het bedrag juist wordt overgenomen als het product in de winkelwagen wordt gestopt.

<h2>Naam van Product</h2>

Dit lijkt me voor zich spreken. Je geeft de naam van het product wel mee in een verborgen veld, maar voor je bezoekers/klanten is het ook wel zo handig om te weten hoe het product heet.

<big>Prijs:
<php echo money(10.00); ?></big>

Je klanten willen natuurlijk ook wel graag weten wat een product dan kost, voor ze het in de winkelwagen stoppen. De money() functie is een Shopp-functie die ervoor zorgt dat de weergave van het bedrag overeenkomt met de valuta van je webshop. In Euro’s wordt dit dan €10,00.

<label for="ProductQuantity">Aantal</label>
<input type="text" name="ProductQuantity" id="ProductQuantity" value="1" />

Een invoerveld voor het aantal dat toegevoegd moet worden aan de winkelwagen. Hier kun je uiteraard ook een verborgen veld voor gebruiken waarmee je het aantal dat wordt toegevoegd vastzet.

<input type="submit" name="addtocart" value="In winkelwagen" />

De button die het formulier verzend.

Aan winkelwagen toevoegen

Met bovenstaande code heb je een leuk formuliertje, maar verder eigenlijk ook niet. We hebben nog code nodig die de verzonden gegevens gaan verwerken.

<?php

// is het formulier gepost?
if ( isset($_POST['addtocart']) )
{
  global $Shopp;
  $Order  =&#038; ShoppOrder();
  $Cart  =&#038; $Order->Cart;

  $Product          = new Product((time()-1));
  $NewProduct    = new Item($Product,time());

  $NewProduct->name  = esc_attr($_POST['ProductName']); // productnaam
  $NewProduct->unitprice  = intval($_POST['ProductPrice']); // de prijs per product
  $NewProduct->quantity  = intval($_POST['ProductQuantity']); // aantal van het product
  $NewProduct->taxrate  = shopp_taxrate(); // haal het BTW-percentage uit de Shopp instellingen
  $NewProduct->taxable  = true; // of het product met BTW belast moet worden of niet (true|false)

  $Cart->contents[]  = $NewProduct; // voeg het nieuwe product aan de winkelwagen toe
  $Cart->changed(true); // laat Shopp weten dat de winkelwagen is verandert
}

?>

Shopp heeft ook een speciale functie om producten aan de winkelwagen toe te voegen, Adam heeft daar een voorbeeld van in een van zijn tutorials, maar ik vind deze manier zelf fijner. Zo heb je meer controle over waar het item in de winkelwagen geplaatst wordt.

Custom data per product

Wil je graag custom data toevoegen aan je product(en)? Dat kan uiteraard en dat doe je zo (moet boven $Cart->contents[] = $NewProduct; geplaatst worden):

<?php
  $NewProduct->data['Naam specifiek veld 1'] = esc_attr($_POST['SpecificField1']);
  $NewProduct->data['Naam specifiek veld 2'] = esc_attr($_POST['SpecificField2']);
?>

Vergeet niet om de inputs voor deze velden ook toe te voegen aan het formulier (al dan niet met verborgen velden).

Verwijderen uit winkelwagen

Om het product uit de winkelwagen te verwijderen heb je geen extra code nodig, hier zorgt Shopp zelf voor.

HTML behouden bij import

Remkus wees me toen op een plugin “Unfiltered MU“, die zou ervoor zorgen dat alle HTML-code in de export (nog van de losstaande installatie) behouden zou blijven bij het importeren. Dus: alle oude posts verwijdert en – met die plugin geactiveerd – het export-bestand opnieuw geïmporteerd.
Resultaat: precies hetzelfde als voor de nieuwe import. De code van de tutorials was er nog steeds uit gehaald.

Toen bedacht ik me dat de gebruiker waar ik alle posts aan had gekoppeld, tijdens de import, geen beheerder was. Misschien dat dat ervoor zorgde dat de code er toch uit gehaald werd (te lage rol). Dus: weer alle oude posts verwijdert, gebruiker de beheerder-rol gegeven, posts weer importeren.
Resultaat: precies hetzelfde als met een lagere rol.

Toen via de Unfiltered MU pagina (op WP.org) naar de forum-berichten over die plugin gekeken. In een van de posts las ik dat er meer mensen waren die deze plugin niet werkend kregen op een WP3.1 Multisite omgeving. In een van de posts werd de Extend KSES plugin genoemd.

De Extend KSES plugin geïnstalleerd en geactiveerd, alle oude posts weer verwijdert en de posts opnieuw ingeladen. Toen bedacht ik me dat deze plugin natuurlijk opties had en ik daar niet naar had gekeken. En inderdaad: je moet eerst de te bewaren tags selecteren in de instellingen. Dus alle posts weer verwijdert, die instelling (voor de pre-tags) geactiveerd en alle posts opnieuw ingeladen.
Nu werd de class van de pre-tags ook bewaard, maar de inhoud (de daadwerkelijke code) werd er nog steeds uitgehaald.

Na veel proberen eindelijk resultaat

Toen via Google gezocht en daar kwam ik de Preserve Code Formatting tegen en ik besloot om het nog een keer uit te proberen. Dus snel die plugin geïnstalleerd en geactiveerd. Voor de zekerheid de Extend KSES plugin actief gelaten (je weet immers maar nooit), alle oude posts weer verwijdert en weer opnieuw ingeladen. En ja hoor! Eindelijk de code daar waar die hoort!

Mocht jij dus een blog moeten verhuizen waarin HTML wordt gebruikt die WP zelf normaal niet toestaat? Dan kan ik je de Preserve Code Formatting plugin van harte aanraden!

Nu alleen nog ff wat aan de weergave van die code doen

Het is niet zo heel moeilijk, het enige dat je hoeft te doen is de volgende code aan je functions.php toevoegen:

<?php
if ( is_plugin_active('shopp/Shopp.php') )
{
    shopp_deregister_script('colorbox'); // het script niet meer laden
    wp_deregister_style('shopp.colorbox'); // het css bestand is dan uiteraard ook niet meer nodig
}
?>

Een tijdje geleden wilde ik dit ook bij een klant en dit is de code dat ik ervoor gebruikt heb:

<?php
add_filter( "the_content", "add_date_content" );
function add_date_content ( $content )
{
  if (is_single())
  {
    $content = '

<span class="date">'.get_the_date(get_option('date_format')).'</span>' . substr($content, 3);
  }
  return $content;
}
?>

De substr functie haalt de eerste drie chars weg, wat over het algemeen de p tag is. Vandaar dus ook de p tag voor de span voor de datum.

De [wp]get_option[/wp]('date_format') functie zorgt ervoor dat de datum die wordt weergegeven het format gebruikt dat in de WordPress instellingen is opgegeven.

Allereerst moet je timthumb.php downloaden en deze voeg je in de map van je theme (makkelijkst is om deze in een map scripts toe te voegen). In die map voeg je ook de map cache toe, in die map worden de afbeeldingen die timthumb.php maakt opgeslagen.

Dat ziet er dus uit als volgt:

• /scripts
  • /cache
  • timthumb.php

TimThumb gebruiken

Het gebruiken van TimThumb is net zo moeilijk als de ‘installatie’ ervan:

<img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?src=http://url/images/whatever.jpg&amp;h=150&amp;w=150&amp;zc=1" alt="" />

In de plaats van de URL zet je dan bijvoorbeeld de code voor het ophalen van een custom field neer:

<img src="<?php bloginfo('template_directory'); ?>/scripts/timthumb.php?src=<?php get_post_meta($post_id, 'thumbnail', true) ?>&amp;h=150&amp;w=150&amp;zc=1" alt="" />

Variabelen

Je kunt TimThumb meerdere variabelen meegeven:

• src – de URL naar de afbeelding
• h – height (hoogte) van de afbeelding – wordt automatisch berekend al height wel is opgegeven en width niet
• w – width (breedte) van de afbeelding – wordt automatisch berekend al width wel is opgegeven en height niet
• q – kwaliteit van de afbeelding (standaard 75, 100 is max)
• zc – zoomcrop (0 = nee, 1 = ja)

Gelukkig kun je heel makkelijk een stylesheet koppelen aan de WYSIWYG-editor en dat ga ik in een voorbeeld laten zien.

Editor stylesheet

Allereerst maken we een nieuwe stylesheet aan. Het laten inladen van de standaard theme-css heeft namelijk geen zin, hier zitten namelijk veel stijlen in die de klant nooit zal gebruiken.

html .mceContentBody { font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000; font-size:1em; }

a { color:#000; font-weight:bold; }
a:hover { color:#ea1e25; }

h1, h2 { color:#365eab; font-size:200%; line-height:normal; margin-bottom:10px; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:120%; }

p { margin:0 0 20px; font-weight:normal; color:#000; font-size:1em; }

Bovenstaande CSS slaan we op in een nieuw CSS bestand, style-editor.css genaamd. En dit is uiteraard alleen maar een voorbeeld van standaard stijling die je er in kunt zetten.

Stylesheet koppelen aan de WYSIWYG-editor

Om de stylesheet ook daadwerkelijk te koppelen aan de WYSIWYG-editor voegen we de volgende code toe aan de functions.php van onze theme:

<?php

add_filter('mce_css', 'my_editor_style');
function my_editor_style($url)
{
  if ( !empty($url) )
    $url .= ',';

  // Change the path here if using sub-directory
  $url .= trailingslashit( get_stylesheet_directory_uri() ) . 'style-editor.css';

  return $url;
}

?>

Bovenstaande code heb ik gevonden, toen ik het zocht voor een klant, op Andrew Ozz z’n website. Hij linkt er ook naar een voorbeeld-pakket die je kunt gebruiken voor in je theme.

De domeinhouder

Als eerste moeten we bedenken hoe we de pagina eruit willen laten zien, ofwel: het ontwerp van de paginahouder-pagina Hier onder het ontwerp van de domeinhouder van illutic WebDesign.

In deze tutorial zal ik de gegevens van mijn eigen domeinhouder (zoals CSS, HTML) gebruiken en dus uitkomen op bovenstaand ontwerp in HTML.

De code

Nadat het ontwerp is gemaakt moet deze worden omgezet naar (x)HTML/CSS.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Domeinhouder</title>
<link rel="stylesheet" type="text/css" href="reset.css" media="screen" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>

<body>
<div id="container">
<div id="logo"><a href="http://www.illutic-webdesign.nl"><strong>illutic WebDesign</strong></a></div>
<div id="content">

De domeinnaam <strong>domeinnaam.nl</strong> is geregistreerd door<a href="http://www.illutic-webdesign.nl">illutic WebDesign</a>.

<small><strong>Interesse in deze domeinnaam?</strong>Neem dan contact op via <a href="mailto:domein@adres.nl">domein@adres.nl</a></small>
<div id="banner">
                <!-- banner code -->
        </div>
</div>
</div>

</body>
</html>

CSS

Onderstaande CSS is de inhoud van style.css:

@charset "utf-8";
/* CSS Document */

html body { background:#efefef url('body_bg.jpg') 0 0 repeat-x; font-size:1em; line-height:1.2em; font-family: Arial, Helvetica, sans-serif; font-weight:normal; color:#000; }

a { color:#000; }
a:hover { color:#09c; }

p { margin:0 0 30px; }

small { font-size:.8em; }

#container { width:500px; display:block; margin:150px auto 20px; }
/* logo */
#logo { width:100%; display:block; }
#logo a { width:204px; height:52px; display:block; margin:0 auto; background:url('logo.gif') 0 0 no-repeat; }
#logo a strong { text-indent:-9999px; font-size:0; }

/* content */
#content { width:460px; padding:30px 20px; margin:30px 0 0; display:block; background-color:#fff; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; }

/* banner */
#banner { width:100%; display:block; padding:10px 0 0; }

PHP toevoegingen

Om de pagina wat dynamischer te maken voegen we wat PHP codes toe. Als eerste voegen we de volgende code boven alle HTML toe (dus boven de doctype):

<?php
  if ( substr ( $_SERVER['HTTP_HOST'], 0, 3 ) === 'www' ) { $domeinnaam = substr( $_SERVER['HTTP_HOST'], 4 ); }
  else { $domeinnaam = $_SERVER['HTTP_HOST']; }
?>

Bovenstaande code zorgt ervoor dat $domeinnaam met de domeinnaam wordt gevuld. Als de domeinnaam inclusief www wordt opgevraagd, dan wordt dit stukje eraf geknipt (om zo voor elke domeinnaam hetzelfde formaat domeinnaam weer te geven).

De volgende code voeg je dan toe op de plek waar je de domeinnaam weergegeven wilt hebben, zoals in mijn geval op de plek van ‘domeinnaam.nl’:

<?php echo $domeinnaam; ?>

Extra mogelijkheid

Als je voor bepaalde domeinnamen een extra bericht wilt weergeven kun je dit op de volgende manier doen:

<?php if ( strstr( $_SERVER['HTTP_HOST'], 'string' ) ) { ?>
<!-- tekst alleen voor deze domeinnaam -->
<?php } ?>

Het woord string verander je naar een woord dat in de domeinnamen voorkomt (bijvoorbeeld ‘design’). De tekst in die if wordt dan alleen weergegeven bij domeinnamen die het woord ‘design’ bevatten.

Je kunt het eventueel ook zo doen:

<?php
switch ( $domeinnaam )
{
  case 'domeinnaam.nl':
  ?>
  <!-- dit wordt alleen weergegeven voor domeinnaam.nl -->
  <?php
  break;

  case 'domein2.nl':
  ?>
  <!-- dit wordt alleen weergegeven voor domein2.nl -->
  <?php
  break;

  default:
  ?>
  <!-- dit wordt standaard weergegeven voor alle domeinnamen, behalve bij de cases hierboven -->
  <?php
  break;
}
?>

Live demo

Een live demo van mijn domeinhouder van illutic WebDesign kun je bekijken via www.paginanietgevonden.nl

Parse error: syntax error, unexpected '&amp;', expecting T_VARIABLE or '$' in /.../wp-content/plugins/shopp/Shopp.php on line 488<span id="more-1262"></span>

Dit komt doordat Shopp alleen met PHP5 werkt en dat staat ook op de website vermeld (maar zoals het de mens betaamt: we lezen niet graag, dus dit weten we niet). Als je provider niet wil upgraden naar PHP5 heb je een probleem: Shopp draait dan namelijk gewoon niet.

Er zijn ook providers, zoals Vuurwerk (Tele2) hosting, die je de mogelijkheid geven PHP5 te draaien met een kleine toevoeging aan je .htaccess bestand. De code die je dan in je .htaccess moet neerzetten is het volgende: AddHandler application/x-httpd-php5 .php

Widget idee

Voor je een widget gaat maken moet je natuurlijk bedenken waar je een widget voor gaat maken. In deze tutorial gaan we een eigen zoekformulier maken die gebruikt kan worden in plaats van de standaard widget daarvoor.

De code

We beginnen met de standaard plugin code bovenin het bestand, dit omdat de widget als plugin wordt geinstalleerd en geactiveerd. Je kunt het eventueel ook in je theme-map gooien en het bestand includen in je functions.php maar dat doen we nu dus niet.

<?php
/*
Plugin Name: Zoekformulier
Plugin URI: http://www.hiranthi.nl/cms/wordpress/eigen-widget-maken/1232.html
Description: Custom zoekformulier widget
Author: Hiranthi Molhoek-Herlaar (illutic WebDesign)
Version: 1.0
Author URI: http://www.illutic.nl
*/
?>

Daarna maken we de class aan voor onze widget:

<?php

class Custom_Search_Widget extends WP_Widget
{
  function Custom_Search_Widget()
  {
    // widget actual processes
  }

  function form($instance)
  {
    // outputs the options form on admin
  }

  function update($new_instance, $old_instance)
  {
    // processes widget options to be saved
  }

  function widget($args, $instance)
  {
    // outputs the content of the widget
  }
}

add_action('widgets_init', create_function('', 'return register_widget("Custom_Search_Widget");'));

?>

Hier onder gaan we per functie de code af.

Custom_Search_Widget()

In deze functie geef je de basis informatie van de widget op: titel en omschrijving.

<?php
  function Custom_Search_Widget()
  {
    $widget_ops = array('description' => 'Mijn eigen zoekformulier');
    $this->WP_Widget('custom_search_widget', 'Zoekformulier', $widget_ops);
  }
?>

Dit ziet er zo uit in je Widget overzicht:

form()

Deze functie is voor het formulier waarmee je de instellingen van je widget kunt aanpassen.

<?php

  function form($instance)
  {
    $title = esc_attr($instance['title']);
    $label = esc_attr($instance['label']);
    $input = esc_attr($instance['input']);
    $submit = esc_attr($instance['submit']);

    ?>

<label for="<?php echo $this->get_field_id('title'); ?>">Titel van het zoekformulier:
<input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo $title; ?>" /></label>

<label for="<?php echo $this->get_field_id('label'); ?>">Label van het zoekformulier:
<input class="widefat" id="<?php echo $this->get_field_id('label'); ?>" name="<?php echo $this->get_field_name('label'); ?>" type="text" value="<?php echo $label; ?>" /></label>

<label for="<?php echo $this->get_field_id('input'); ?>">Standaard inhoud zoekveld:
<input class="widefat" id="<?php echo $this->get_field_id('input'); ?>" name="<?php echo $this->get_field_name('input'); ?>" type="text" value="<?php echo $input; ?>" /></label>

<label for="<?php echo $this->get_field_id('submit'); ?>">Verzend button:
<input class="widefat" id="<?php echo $this->get_field_id('submit'); ?>" name="<?php echo $this->get_field_name('submit'); ?>" type="text" value="<?php echo $submit; ?>" /></label>

<?php
  }

?>

Een visuele weergave van bovenstaande code:

update()

Waar de update() functie voor is zal geen verrassing zijn: het updaten van de Widget instellingen.

<?php

  function update($new_instance, $old_instance)
  {
    $instance = $old_instance;
    $instance['title'] = strip_tags($new_instance['title']);
    $instance['label'] = strip_tags($new_instance['label']);
    $instance['input'] = strip_tags($new_instance['input']);
    $instance['submit'] = strip_tags($new_instance['submit']);
    return $instance;
  }

?>

widget()

De widget() functie zorgt voor de output van de widget in je sidebar.

<?php

  function widget($args, $instance)
  {
    extract($args);

    $title  = ( $instance['title'] != '' ) ? $before_title . apply_filters('widget_title', esc_attr($instance['title'])) . $after_title : ''; // laat de title, en $before_title/$after_title, alleen zien als de widget title is ingevuld
    $label  = ( $instance['label'] != '' ) ? esc_attr($instance['label']) : 'Zoeken:'; // is $label leeg? Dan krijgt het standaard de waarde 'Zoeken:'
    $input  = esc_attr($instance['input']);
    $submit  = ( $instance['submit'] != '' ) ? esc_attr($instance['submit']) : 'Zoeken'; // is $submit leeg? Dan krijgt het standaard de waarde 'Zoeken'

    // output title &#038; $before_widget
        echo $title . $before_widget;

    // output widget inhoud
    ?>
<form method="get" action="<?php bloginfo('siteurl'); ?>" class="searchform">

<label for="s"><span><?php echo $label; ?></span>
<input type="text" name="s" value="<?php echo $input; ?>"<?php if ( $input != '' ) { ?> onblur="if(this.value=='') this.value='<?php echo $input; ?>'; return false;" onfocus="if(this.value!='') this.value=''; return false;"<?php } ?> /></label>
<input type="submit" value="&raquo;" title="<?php echo $submit; ?>" class="submit" />
</form>

        <?php

    // output $after_widget
    echo $after_widget;
  }

?>

Zoals je misschien al is opgevallen in de bovenstaande code heb ik er een kleine ‘handigheid’ bij in gezet: als de instelling ‘input’ is opgegeven zal het veld automatisch leeggehaald worden als het veld is geselecteerd. Gaat de bezoeker met de muis ergens anders naartoe zonder de inhoud te veranderen, dan komt de inhoud van de instelling ‘input’ weer tevoorschijn.

Nieuwe stylesheet.php

In plaats van de stylesheet.php in mijn originele post kun je ook deze gebruiken:

<?php
/*
 Stylesheet.php - merge all stylesheets into one sheet
*/

$sheets = array( 'style.css', 'css/reset.css', 'css/global.css' );

ob_start ("ob_gzhandler");
header ("content-type: text/css; charset: UTF-8");
header ("cache-control: must-revalidate");
header ("expires: " . gmdate ("D, d M Y H:i:s", time() + (60 * 60)) . " GMT");

/* loopt through all sheets */
foreach ( $sheets as $sheet )
{
  if ( file_exists($sheet) )
  {
    $handle = fopen($sheet, "r");
    if ($handle)
    {
      $contents = fread($handle, filesize($sheet));
      $contents = str_replace('../img/', 'img/', $contents); // strip ../ from image URL's in the sheets
      $contents = str_replace(array("n", "r", "t"), '', $contents); // strip new lines and tabs
      $contents = str_replace(array(" {", "{ ", " }", "} ", "; ", " ;", ": ", " :"), array('{', '{', '}', '}', ';', ';', ':', ':'), $contents); // strip unneccessary spaces
      $contents = preg_replace('!/*[^*]**+([^/][^*]**+)*/!', '', $contents); // strip comments from all stylesheets
      echo $contents."nn";

      fclose($handle);
    }
  }
  else
  {
    echo "/* $sheet could not be opened */n";
  }
}

?>

Toegevoegde regels

Caching van je css bestand. Door de charset ook in de headers mee te nemen hoef je dit in je CSS bestand niet meer neer te zetten.

<?php
ob_start ("ob_gzhandler");
header ("content-type: text/css; charset: UTF-8");
header ("cache-control: must-revalidate");
header ("expires: " . gmdate ("D, d M Y H:i:s", time() + (60 * 60)) . " GMT");
?>

Haal alle nieuwe regels en tabs uit de CSS bestanden:

<?php $contents = str_replace(array("n", "r", "t"), '', $contents); ?>

Haal alle onnodige spaties weg:

<?php $contents = str_replace(array(" {", "{ ", " }", "} ", "; ", " ;", ": ", " :"), array('{', '{', '}', '}', ';', ';', ':', ':'), $contents); ?>

Haal alle commentaar uit de CSS bestanden:

<?php $contents = preg_replace('!/*[^*]**+([^/][^*]**+)*/!', '', $contents); ?>

Gebruik jij style.css ook alleen om de theme-informatie in te stoppen? Dan zorgt de bovenstaande code ervoor dat er niks van style.css wordt weergegeven. Wil je die informatie juist wel graag weergeven? Dan maak je van bovenstaande regel het volgende:

<?php if ( $sheet !== 'style.css' ) { $contents = preg_replace('!/*[^*]**+([^/][^*]**+)*/!', '', $contents); } ?>

Een aantal van de codes komen van deze post.