No último post falei sobre o CSS3Pie e como ele ajuda na formatação do CSS3 no IE, neste post vou dar uma dica rápida de como usar ele com o WordPress, pois se você usar ele com o caminho desta maneira: behavior: url(PIE/PIE.htc);, não irá funcionar com o WordPress. Então partindo do principio que você tem uma pasta chamada js dentro da pasta do seu tema e que os arquivos do CSS3Pie estão dentro desta pasta js, use o seguinte caminho: behavior: url(wp-content/themes/<nome_do_seu_tema>/js/PIE.htc);, assim o WordPress consegue identificar o arquivo corretamente.
[UPDATE]
Depois de alguns testes percebi que esse metodo citado acima só funciona com a pagina inicial do site, estão descobri outra de usar o CSS3Pie e que funcionará em todas as páginas, no seu arquivo funtions.php adicione a seguinte função:
1 2 3 4 5 6 7 8 9 10 | <code>function my_render_ie_pie() { echo "<!--[if lte IE 8]> <style type=\"text/css\" media=\"screen\"> .class1, .class2, #id1, #id2, div{ behavior: url(".trailingslashit(get_bloginfo('template_url'))."htc/PIE.php); } </style> <![endif]-->"; } add_action('wp_head', 'my_render_ie_pie', 8);</code> |
<code>function my_render_ie_pie() {
echo "<!--[if lte IE 8]>
<style type=\"text/css\" media=\"screen\">
.class1, .class2, #id1, #id2, div{
behavior: url(".trailingslashit(get_bloginfo('template_url'))."htc/PIE.php);
}
</style>
<![endif]-->";
}
add_action('wp_head', 'my_render_ie_pie', 8);</code>Onde .class1, .class2, #id1, #id2, div são os seletores e tags que você deseja usar o CSS3Pie. Atente-se que o arquivo usado dessa vez é o PIE.php e não o PIE.htc, então caso não tenha na pasta precisará colocá-lo.
Qualquer duvida, use os comentários.