Felizmente WordPress dispõe de um sistema próprio que permite anular estes scripts e estilos.

Neste exemplo se usam dois plugins muito populares, Contact Form 7 e WP-PageNavi, mas podes aplicá-lo a outros similares, como Sociável, que também peca do mesmo.

A pura realidade

Não todos os plugins fazem bem o trabalho carregando scripts e estilos, muitos deles só pensam em sua funcionalidade, sem ter em conta que terão que conviver com outros plugins, com teu theme, inclusive com WordPress. Muitos desenvolvedores metem “o seu” e depois te tens que procurar a vida se há problemas, inclusive recomendando-te (quando lhes perguntas) que desatives os outros plugins ou “mudes de theme” (verídico).

Não todos os plugins usam métodos adequados para o ônus de scripts e estilos. A maior parte das ocasiões é porque não dominam dois importantes funções de WordPress: wp_enqueue_script() y wp_enqueue_style(). Se o autor de um plugin/theme não usa estas funções melhor procura-te outro plugin/theme ou anima-lhe a fazê-lo. O que fazem é permitir ao resto conviver com seu código.

Uma vez tenhas claro que scripts ou CSS queres desativar já te podes pôr mãos à obra …

Desativando Javascript

No exemplo vamos desativar o Javascript do plugin Contact Form 7. O primeiro que temos que fazer é encontrar o telefonema ao script. Para isso abrimos o ficheiro wp-contact-form-7.php num editor de texto e procuramos a corrente wp_enqueue_script. Encontraremos o seguinte:

wp_enqueue_script( 'contact-form-7', wpcf7_plugin_url( 'contact-form-7.js' ), array('jquery', 'jquery-form'), WPCF7_VERSION, $in_footer );

O chama ao Javascript do plugin é, em conseqüência, contact-form-7. Agora já podemos fechar o arquivo e seguir adiante.A seguir abrimos o ficheiro functions.php de teu theme e adicionamos este código PHP:

add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
	wp_deregister_script( 'contact-form-7' );
}

Guardamos o arquivo e o que conseguimos é que o script não se volte a carregar. Podes desativar (desregistrar) tantos scripts como queiras com esta função.

Desativando estilos

Para este exemplo vamos desativar a folha de estilos do plugin WP-PageNavi. E é que é quase melhor sempre adicionar estilos em teu CSS, e não que os coxa das pastas dos plugins, as vezes atualizam os plugins com mudanças de CSS que podem destroçar tua theme.O primeiro que temos que fazer é abrir o ficheiro wp-pagenavi.php num editor de texto e procurar wp_enqueue_style. O que encontramos é este código:

wp_enqueue_style('wp-pagenavi', get_stylesheet_directory_uri().'/pagenavi-css.css', false, '2.50', 'all');

E também este outro:

wp_enqueue_style('wp-pagenavi', plugins_url('wp-pagenavi/pagenavi-css.css'), false, '2.50', 'all');

O que estamos procurando é como Page Navi gere os estilos. Uma vez o encontramos já o podemos fechar (depois de analisá-lo) e adicionar o seguinte ao ficheiro functions.php de teu theme:

add_action( 'wp_print_styles', 'my_deregister_styles', 100 );

function my_deregister_styles() {
	wp_deregister_style( 'wp-pagenavi' );
}

Com isto desativamos a folha de estilos deste plugin. Como antes, podes “desregistrar” quantos estilos queiras com esta função.

Trucos para melhorar a tarefa

Agora que desativamos scripts e estilos há algumas coisas que podemos fazer para melhorar esta técnica ou dar-lhe outros usos:

• Coloca os estilos desativados (ou os que queiras mudar) ao final de tua folha de estilos (style.css), adicionando algum comentário que os identifique, que mostre a que afetam.
• Combina vários scripts num só arquivo e carrega-os teu mesmo.
• Usa tags condicionais para afinar o controle do ônus de estilos e/ou scripts.
• Se desativas algo pode que o plugin/theme deixe de funcionar corretamente. A maioria dos estilos podes adicioná-los à folha de estilos de teu theme para assim não carregar várias folhas de estilos. Mas com o Javascript é diferente, com este tipo de código só combina vários scripts se sabes realmente o que estás fazendo

via ayudawordpress.com

15 Trucos e dicas para wordpress

O WordPress é um CMS (Content Management System) extremamente poderoso. Ao longo dos últimos dias temos vindo a analisar formas de melhorar pormenores significantes nos seus templates, para que possa fazer-se distinguir rapidamente de toda a sua concorrência. Este artigo é dirigido a todos aqueles que gostam de desenvolver e/ou editar templates WordPress.

1- COMO DESLIGAR OS COMENTÁRIOS EM ARTIGOS COM MAIS DE 30 DIAS
Uma grande forma de reduzir o volume de spam do seu blog, passa pela abilidade de desligar os comentários em artigos com mais de 30 dias. Apenas copie e cole o seguinte código no ficheiro functions.php do seu template. Se desejar, poderá alterar o valor (30) para o número de dias que deseja.

    < ?php
    function close_comments( $posts ) {
    	if ( !is_single() ) { return $posts; }
    	if ( time() - strtotime( $posts[0]->post_date_gmt ) > ( 30 * 24 * 60 * 60 ) ) {
    		$posts[0]->comment_status = 'closed';
    		$posts[0]->ping_status    = 'closed';
    	}
    	return $posts;
    }
    add_filter( 'the_posts', 'close_comments' );
    ?>

2- COMO COLOCAR UM COPYRIGHT AUTOMÁTICO NO RODAPÉ DO SEU BLOG
Um dos maiores erros dos webdesigners e blogueiros de hoje, é não actualizarem anualmente o seu Copyright no rodapé dos seus blogs. Algo do tipo “Copyright 2007 – 2009″. No entanto e com o WordPress, é possível fazê-lo automaticamente. Faça uso do seguinte código no rodapé do seu blog:

Copyright &copy; 200x-< ?php echo date('Y'); ?> Exemplo.com.

3- COMO COLOCAR UMA LISTA DE TAGS HTML PERMITIDAS, JUNTOS DOS SEUS COMENTÁRIOS
Já alguma vez um blog que oferece uma lista de tags HTML ao lado da ficha de comentários? Gostaria de o faze no seu blog WordPress? Utilize o seguinte código:

Poderá utilizar as seguintes tags HTML: < ?php echo allowed_tags(); ?>.

4- COMO COLOCAR UM BOTÃO “EDITAR” EM TODOS OS SEUS ARTIGOS
Alguma vez encontrou um erro num dos seus artigos, e sentiu a necessidade de o corrigir imediatamente, tendo rapidamente se apercebido de que tinha de navegar até ao seu painel WordPress para efectuar a edição? Agora já não necessita de se dar a esse trabalho! Copie e cole este código no ficheiro single.php, index.php, ou em qualquer outro ficheiro onde tenha conteúdo. Tenha em conta também que este link só irá aparecer para o Administrador do blog!

    < ?php edit_post_link('Editar', ''); ?>

5- COMO REMOVER CITAÇÕES NÃO PADRONIZADAS DOS SEUS ARTIGOS
Alguma vez copiou e colou código php que encontrou num website num dos seus artigos, e reparou que os caracteres aparecem todos enrolados e não padronizados? Isso acontece por culpa da forma como os estilos WordPress trabalham com as marcas de pontuação e as tornam o máximo estéticas possíveis. Quem necessita disso? Copie e cole o seguinte código no ficheiro functions.php do seu template, e acabe com os seus problemas.

    < ?php remove_filter('the_content', 'wptexturize'); ?>

6- COMO REMOVER CITAÇÕES NÃO PADRONIZADAS DOS SEUS COMENTÁRIOS
Tendo em mente o ponto nº5, este código faz precisamente o mesmo, mas para os comentários contidos nos seus artigos.

    < ?php remove_filter('comment_text', 'wptexturize'); ?>

7- COMO DESLIGAR A INDEXAÇÃO PARA MOTORES DE BUSCA NUMA DETERMINADA CATEGORIA
Este truque tem em vista a Optimização para Motores de Busca, com o intuito de o proteger contra a duplicação de conteúdo. Se pretender não indexar os artigos contidos numa determinada categoria do seu blog, copie e cole o seguinte código no ficheiro header.php. Tenha em conta que poderá alterar o número da categoria para o ID que desejar.

    < ?php if ( is_category('4') || in_category('4') ) {
        echo '<meta name="robots" content="noindex">';
    }

8- COMO APRESENTAR O NÚMERO TOTAL DE ARTIGOS DO SEU BLOG
Um truque muito simples para apresentar o número de artigos total que se encontram publicados no seu blog.

< ?php $numposts = $wpdb->get_var("SELECT count(*) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post'");
if (0 < $numposts)
     $numposts = number_format($numposts);
echo $numposts.' posts.';
?>

9- COMO ADICIONAR UM BOTÃO “ENVIAR PARA O TWITTER” EM CADA ARTIGO
O Twitter está cada vez mais popular nos dias de hoje. Para aproveitar esse crescimento, porque não colocar um botão “Enviar para o Twitter” em cada um dos seus artigos? Copie e cole o seguinte código para a secção correcta do seu ficheiro single.php.

<a href="http://twitter.com/home?status=Acabei de ler <?php the_permalink(); ?>" title="Enviar artigo para o Twitter!" target="_blank">Enviar para o Twitter!</a>

10- COMO APRESENTAR OS SEUS ARTIGOS AGENDADOS
O WordPress tem a particularidade de permitir agendar artigos. Se desejar, poderá criar suspense nos seus leitores, criando uma lista dos artigos agendados para os próximos dias. Copie e cole o seguinte código onde desejar.

    < ?php
    $my_query = new WP_Query('post_status=future&order=DESC&showposts=5');
    if ($my_query->have_posts()) {
        while ($my_query->have_posts()) : $my_query->the_post(); ?>
            < ?php the_title(); ?>
        < ?php endwhile;
    }
    ?>

11- COMO EXCLUIR DETERMINADAS CATEGORIAS DE SEREM MOSTRADAS
Se por alguma razão você não pretende que determinada categoria seja apresentada no seu blog, copie e cole o seguinte código no “loop” do seu WordPress. Poderá alterar o ID da categoria para aquele que desejar.

    < ?php
    if ( have_posts() ) : query_posts($query_string .'&cat=-3'); while ( have_posts() ) : the_post();
    ?>

12- COMO PERMITIR A ESTILIZAÇÃO INDIVIDUAL DE ARTIGOS
Este truque é certamente uma tremenda complicação quando os templates não têm esta função por defeito. Se por ventura um utilizador do seu template desejar estilizar um artigo individual, a única forma de o fazer, é atribuindo um código unitário a cada artigo. Para o fazer, copie e cole a função “the_ID” no “loop” do seu template WordPress.

<div id="post-<?php the_ID(); ?>">
    <!-- Post Content -->
</div>

13- COMO ATRIBUIR UM ÚNICO IDENTIFICADOR A CADA COMENTÁRIO
Este truque faz basicamente o mesmo que o anterior, mas desta feita aplicável apenas aos comentários do seu blog.

<div id="comment-<?php comment_ID() ?>">
     <!-- Comment Content -->
</div>

14- COMO SEPARAR OS TRACKBACKS E OS PINGBACKS DOS SEUS COMENTÁRIOS
Nos dias de hoje faz cada vez menos sentido utilizar a secção de comentários do seu blog para linkar pings e trackbacks, quando na verdade a secção deveria ser utilizada apenas para debates de ideias. Com este código, pode colocar os pings e os trackbacks em colunas separadas, evitando misturá-los com os seus comentários:

    < ?php if ( $comments ) : ?>
    < ?php foreach ($comments as $comment) : ?>
    < ?php $comment_type = get_comment_type(); ?>
    < ?php if($comment_type == 'comment') { ?>

    <!-- It's a comment -->
    <!-- Comment content goes here -->

    < ?php } else { $trackback = true; }?>
    < ?php endforeach; ?>
    < ?php if ($trackback == true) { ?>

    <!-- It's a trackback -->
      <ol id="trackbacks-ol">
    	  < ?php foreach ($comments as $comment) : ?>
    	  < ?php $comment_type = get_comment_type(); ?>
    	  < ?php if($comment_type != 'comment') { ?>
    	  <li>
    		< ?php comment_author_link() ?>
    	</li>
    	  < ?php } ?>
    	  < ?php endforeach; ?>
      </ol>

    < ?php } ?>
    < ?php else : ?>
    < ?php endif; ?>

15- COMO UTILIZAR PAGINAÇÃO NO SEU BLOG EM VEZ DO HABITUAL “PRÓXIMO” E “ANTERIOR”
Pagenavi é um dos plugins WordPress mais populares do mercado. Ao contrário de mostrar os usuais botões de “Próximo” e “Anterior”, este plugin cria-lhe uma paginação com números muito eficiente e elegante. Comece por efectuar o download do plugin e extrair os ficheiros. Procure pelos ficheiros wp-pagenavi.php e wp-pagenavi.css e faça upload deles para a pasta de plugins do seu blog. Depois disso, só tem de trocar o código da sua paginação, pelo que código do novo plugin. Para o fazer, procure no seu template pelo seguinte código:

    < ?php next_posts_link('Previous entries') ?>
    < ?php previous_posts_link('Next entries') ?>

e substitua por este novo código:

    < ?php
    include('wp-pagenavi.php');
    if(function_exists('wp_pagenavi')) { wp_pagenavi(); }
    ?>

Depois disso, deverá fazer um pouco de edição no ficheiro wp-pagenavi.php. Abra-o e procure pela linha de código 61:

    function wp_pagenavi($before = '', $after = '') {
            global $wpdb, $wp_query;

depois de encontrar o código, substitua-o por este novo:

    function wp_pagenavi($before = '', $after = '') {
    	global $wpdb, $wp_query;
            pagenavi_init(); //Calling the pagenavi_init() function

Para terminar, tenha a certeza de que o seu blog consegue encontrar a folha de estilos (CSS) do plugin. Visite o seu ficheiro header.php e cole lá dentro o seguinte código, entre as tags <head>.

<link rel="stylesheet" href="<?php bloginfo('template_url');?>/pagenavi.css>" type="text/css" media="screen" />

via wordpress-love.com ]]> http://www.ajudawp.com/tutorias-e-dicas/15-trucos-e-dicas-para-tornar-o-seu-template-wordpress-mais-interessante.html/feed 2 http://www.ajudawp.com/temas/galeria-de-imagens-em-themes-antigos.html http://www.ajudawp.com/temas/galeria-de-imagens-em-themes-antigos.html#comments Sun, 12 Jul 2009 13:37:07 +0000 Alyen http://www.ajudawp.com/?p=56 Desde WordPress 2.5 existe uma funcionalidade para criar galeria de imagens que permite criar coleções das nossas fotos ou capturas favoritas nos posts. Mais, muitos themes antigos não oferecem um modo adequado de mostrar este tipo de característica, ou não têm integrada essa funcionalidade, mais podemos adaptar o nosso theme.

O primeiro é fazer uma cópia do arquivo single.php de da nossa planilha, podemos colocar por exemplo galeria.php. Abrimos ele e procuramos a seguinte linha:

<?php the_content('Continuar'); ?>

E justo em cima desta linha adicionamos o seguinte código:

<p class="attachment"><a href="<?php echo wp_get_attachment_url($post->ID); ?>">ID, 'medium' ); ?></a></p>

<div class="caption">post_excerpt) ) the_excerpt(); // este es el "caption" ?></div>

E embaixo da mesma linha colocamos este outro código:

<div class="imgnav">
<div class="imgleft">< ?php previous_image_link() ?></div>
<div class="imgright">< ?php next_image_link() ?></div>
</div>
<br clear="all" />

Para finalizar temos que dar um pouco de estilo às novas funções incluidas. Com esse objeto adicionaremos as seguintes linhas ao nosso arquivo style.css:

/**************** Galeria de Imagenes *********************/
.gallery {
text-align: center;
}
.gallery img {
padding: 2px;
height: 100px;
width: 100px;
}
.gallery a: hover {
background-color: #ffffff;
}
.attachment {
text-align: center;
}
.attachment img {
padding: 2px;
border: 1px solid #999999;
}
.attachment a: hover {
background-color: #FFFFFF;
}
.imgnav {
text-align: center;
}
.imgleft {
float: left;
}
.imgleft a: hover {
background-color: #FFFFFF;
}
.imgleft img {
padding: 2px;
border: 1px solid #999999;
height: 100px;
width: 100px;
}
.imgright {
float: right;
}
.imgright a: hover {
background-color: #FFFFFF;
}
.imgright img {
padding: 2px;
border: 1px solid #999999;
height: 100px;
width: 100px;
}

Para usar a funcionalidade de galerias, e que o nosso theme mostre corretamente, só temos que criar um novo post ou página, ir ao carregador de imagens do editor de WordPress, subir nossas imagens, aceder à tab da Galeria e inserír a galeria no nosso post ou página.

via ayudawordpress.com.

Estrutura básica

Antes de mais nada, vamos criar a função que vai carregar nosso javascript e adicioná-la ao hook correto do WordPress:

function meuPlugin_addJS() {
// aqui vou carregar meu javascript
}

add_action('wp_print_scripts', 'meuPlugin_addJS');

Agora, sempre que o WordPress imprimir as chamadas a arquivos javascript, vai rodar a sua função. Vamos ver como isso vai funcionar.

Usando a função wp_enqueue_script

A função “wp_enqueue_script()” serve para colocar o script em uma fila de carregamento. Ela é extremamente útil para evitar que um script seja carregado mais de uma vez e também para carregar todas as dependências na ordem certa. Vamos ver um exemplo que usa todos os parâmetros desta função:

wp_enqueue_script('meu_script', 'http://meusite.com/wp-content/plugins/meuplugin/script.js', array('jquery'), '1.0');

Esta função está colocando o seu script na fila para ser carregado, dizendo o seguinte

• ele se chama ‘meu_script’
• ele está em http://meusite.com/wp-content/plugins/meuplugin/script.js
• ele depende do jquery
• esta é a versão 1.0 do ‘meu_script’

Você só precisa passar tantos parâmetros quando se trata de um script que o WordPress não conhece. Para carregar o jQuery, por exemplo, você pode simplesmente especificar:

wp_enqueue_script('jquery');

Note que ‘jquery’ é apenas um “nome fantasia” para o script. Para saber quais são todos os scripts disponíveis por padrão no WordPress, dê uma olhada na documentação completa da função wp_enqueue_script().
Deixando seu caminho flexível

Para encerrar este post, só falta esclarecer um ponto: não é bonito colocar o caminho para seu arquivo assim na mão, como fizemos no exemplo acima. Isso pode trazer vários problemas, porque, a partir do WordPress 2.6, é possível trocar o diretório ‘wp-content’ de lugar. Seu plugin ou tema não vai funcionar corretamente em uma instalação em que alguém tenha movido este diretório. Além disso, não é raro as pessoas trocarem o nome da pasta do plugin, o que também quebraria o seu esquema.

Para contornar esse problema e deixar o seu código universal, vamos usar a constante WP_CONTENT_URL, que guarda o caminho da pasta wp-content, onde quer que ela esteja.

Vamos ver como ficaria nosso script completo:

function meuPlugin_addJS() {
$meuPluginURL = WP_CONTENT_URL.'/plugins/'.plugin_basename( dirname(__FILE__)).'/';
wp_enqueue_script('meuJs', $meuPluginURL . 'meuJS.js');
}

add_action('wp_print_scripts', 'meuPlugin_addJS');

Note que, se meu plugin não depende de ninguém, não preciso passar os dois últimos parâmetros.

Importante: A constante WP_CONTENT_URL só foi introduzida no WordPress 2.6, portanto, se você quiser que seu plugin ou tema funcione em versões anteriores a esta, adicione uma linha para criar a constante, caso ainda não exista:

if ( !defined('WP_CONTENT_URL') )
define( 'WP_CONTENT_URL', get_option('siteurl') . '/wp-content');

Mas e nos temas?

Nos temas, você pode fazer assim:

// para garantir compatibilidade com versões anteriores ao WordPress 2.6
if ( !defined('WP_CONTENT_URL') )
define( 'WP_CONTENT_URL', get_option('siteurl') . '/wp-content');

function meuTema_addJS() {
wp_enqueue_script('meuJs', WP_CONTENT_URL.'/themes/meuTema/' . 'meuJS.js');
}

function meuTema_addCSS() {
echo '
';
}

add_action('wp_print_scripts', 'meuPlugin_addJS');
add_action('wp_head', 'meuTema_addCSS');

Próximos passos

Seu próximo passo é garantir que esses arquivos externos sejam carregados apenas quando realmente forem usados, para não sobrecarregar o site à toa. Existem várias maneiras de fazer isso, usando hooks específicos ou condições, mas é tema para outro post.

via wordpress-br.com

Para isso deves ir no menu Configurações>Geral no seu painel de administração e adequar a diferença de seu horário local à UTC mostrada no painel. No meu caso, para que mostre a hora local adaptada ao horário de inverno na Espanha tive que pôr assim.

Quando regressemos ao horário de verão a diferença terá que ser de +2 horas. Este truco funciona igual para WordPress.com que para WordPress.org.

via ayudawordpress.com