@import in style.css di Thematic

Wordle: @import in thematicTempo 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!

Termini collegati: , Scrivi il tuo commento all'articolo

Scrivi un Commento

Il tuo indirizzo Email non verra' mai pubblicato e/o condiviso. I Campi obbligatori sono contrassegnati con *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre lang="" line="" escaped="">