Carregar certos arquivos de estilos quando exibir posts

Arquivos: header.php

Funções: in_category is_single

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.

Carregar certos arquivos de estilos quando exibir posts é um artigo sobre arquivos
  • Como carregar folhas de estilos .css somente quando exibir páginas de postagens ou páginas
  • Como adicionar arquivos de estilos ou javascript somente em postagens de certas categorias
arquivos Sem categoria http://dianakcury.com/sem-categoria-pt/carregar-certos-arquivos-de-estilos-quando-exibir-posts#respondDiana K. Cury http://dianakcury.com/wordpress/wp-content/themes/di3554/img/card.png

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *