@import in style.css di Thematic

Tempo fa parlavamo dell’ impatto sulle prestazioni usando la modalita’ @import per i nostri file CSS: vediamo come utilizzare questa conoscenza al meglio con Thematic. Thematic Framework per WordPress usa la modalita’ @import svariate volte nel file style.css e cio’ comporta un degrado nelle prestazioni. Ian Stewart ha sviluppato questa semplice funzione da aggiungere al file functions.php del nostro child theme per WordPress.

<?php

function childtheme_create_stylesheet() {
	$templatedir = get_bloginfo('template_directory');
	$stylesheetdir = get_bloginfo('stylesheet_directory');
	?>
	<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/styles/reset.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/styles/typography.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/styles/images.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/layouts/2c-l-fixed.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo $templatedir ?>/library/styles/18px.css" />
	<link rel="stylesheet" type="text/css" href="<?php echo $stylesheetdir ?>/style.css" />

	<?php
}
add_filter('thematic_create_stylesheet', 'childtheme_create_stylesheet');

?>

Guardiamo attentamente l’ ordine in cui i file vengono importati nel nostro file style.css e riproduciamolo nella funzione. Una volta fatto questo, possiamo cancellarli da style.css.

Finito!