Se você se preocupa em criar sites rápidos e acessíveis aos seus visitantes já deve ter ouvido falar que devemos reduzir o número de arquivos carregados no cabaçalho de uma página.
Onde está o cabeçalho do site?
No arquivo header.php do seu tema! Procure pela tag <head> e tag de fechamento </head>. Tudo o que está entre essas tags é inserido em cada página gerada no seu site.
Em muitos casos, cria-se folhas de estilos extras ou mesmo adicionamos java scripts em algumas postagens para uma ou outras funcionalidade, por que exibir tais arquivos em todas as páginas e postagens sobrecarregando o visitante? O mais sensato é limitar a inclusão desses arquivos somente onde eles serão usados.
O WordPress tem a vatagem de nos permitir checar e adicionar arquivos condicionalmente sem que precisemos nos preocupar com plugins adicionais.
Nos exemplos a seguir, insiro um arquivo chamado extras.css que está contido na pasta do tema.
Adicionar arquivo somente em páginas de postagens
Insira o código a seguir no cabeçalho do arquivo header.php do seu tema atual:
<?php if (is_single( ) ) { ?> <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/extras.css" type="text/css" media="print" /> <?php } ?> |
Adicionar arquivos somente em postagens de determinada categoria
Supondo que você queira adicionar um arquivo somente nas postagens de uma certa categoria:
<?php if (in_category('codigos') ) { ?> <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/extras.css" type="text/css" media="print" /> <?php } ?> |
Adicionar vários arquivos
É só adicionar outras linhas ao código acima, como por exemplo:
<?php if (in_category('codigos') ) { ?><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/extras.css" type="text/css" media="print" /> <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/icones.css" type="text/css" media="print" /> <link rel="stylesheet" href="http:/site.com/estilos/quadros.css" type="text/css" media="print" /> <?php } ?> |
Adicionar arquivo em certas categorias
Use o código:
<?php if (in_category( array( 'Flores brasileiras', 'musicas-alemas','2' ) ) ) { ?> <link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/extras.css" type="text/css" media="print" /> <?php } ?> |
Como você pode ver no exemplo, pode-se usar nome da categoria, nome simplificado e ID da categoria.
