Štítek CSS ×

Android Apache Ant Chrome CSS Data Databáze Desocializace Download ESRI Facebook Flash GIS Google Google Maps GPS Hardware HTML Hudba Internet iOS iPhone Jak na to jQuery Kindle mapa Maps Mapy Mashup Mobile MySQL Nezařazeno Obrázky PHP Programování Silverlight Software Studentská tvorba Test Video Všechno možné Webdesign Weblbinky Windows Wordpress Zajímavosti

14. 1. 2012

Minifikace CSS pomocí PHP

Pro minifikaci CSS existuje řada nástrojů (např. YUI Compressor), nejraději však používám klasické PHP:

$regex = array(
  "`^([\t\s]+)`ism" => '',
  "`([:;}{]{1})([\t\s]+)(\S)`ism" => '$1$3',
  "`(\S)([\t\s]+)([:;}{]{1})`ism" => '$1$3',
  "`\/\*(.+?)\*\/`ism" => "",
  "`([\n|\A|;]+)\s//(.+?)[\n\r]`ism" => "$1\n",
  "`(^[\r\n]*|[\r\n]+)[\s\t]*[\r\n]+`ism" => "\n"
);

$css = preg_replace(array_keys($regex), $regex, file_get_contents(__DIR__ . '/style.css'));

file_put_contents(__DIR__ . '/style.min.css', $css);
#css, #php, #php-minifikace-css, #programovani
20. 10. 2011
28. 7. 2011
24. 7. 2011
15. 11. 2010

Zvýraznění právě hledaných slov ve WordPress

Několik následujících řádků kódu obalí všechna právě vyhledávaná klíčová slova do značky STRONG (class search-keyword). Kód je možné vložit do function.php ve Vašem template. Nebo jej můžete vložit rovnou do search.php někde těsně za volání funkce get_header(). Předpokladem samozřejmě je, že využíváte standardních vyhledávacích funkcí WordPress.

function omSearchHeighlight($text)
{
$keys = explode(" ", get_search_query());
$text = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-keyword">\0</strong>', $text);
return $text;
}

add_filter('the_title','omSearchHeighlight');
add_filter('the_content','omSearchHeighlight');
add_filter('the_excerpt','omSearchHeighlight');

// nezapomeňte strong element nastylovat např.
// strong.search-keyword {background: #f3ff0f!important; color:#000!important;}

Výsledkem je malé, ale užitečné, vylepšení výsledků vyhledávání, které Vás navíc nestojí téměř žádnou námahu. Ještě malá poznámka na závěr: Kód nedbá na velikost písmen.

#css, #php, #wordpress