O uso dessa condição é comum quando você tem muitos plugins jQuery que não estão linkados em todas as páginas do seu site, e apenas um arquivo “base.js” com todas as chamadas das funções desses plugins. Nesse caso, o arquivo “base.js” vai dar erro, pois não vai encontrar o link dos plugins em todas as páginas que ele é executado.

Talvez você tenha tentado o óbvio que seria:

if ( $("#minhadiv") ){
  // faça algo
}

Mas o código acima não funciona com jQuery. O correto é usar o seguinte código:

if ( $("#minhadiv").length ){
  // faça algo
}

Com esse if você verifica se um elemento existe na página, e se sim (true), execute um código em especial. Caso o if retorne false, o código dentro dele será ignorado.

Abaixo segue a função que você precisa adicionar no seu arquivo functions.php:

add_filter( 'body_class', 'post_name_in_body_class' );
function post_name_in_body_class( $classes ){
	if( is_singular() )
	{
		global $post;
		array_push( $classes, "{$post->post_type}-{$post->post_name}" );
	}
	return $classes;
}

O resultado dessa função é o tipo de post + o slug do post. Por exemplo, se for do tipo page (página) com nome de contato ficará “page-contato”.

= '1980-05-11' AND post_date <= '2011-05-11'";
    return $where;
  }
  add_filter('posts_where', 'filter_where');
  
  query_posts($query_string);
  while (have_posts()) :
      the_post();
      the_content();
  endwhile;
?>

Altere as datas ‘1980-05-11’ e ‘2011-05-11’ pelas datas desejadas, lembre-se de que a primeira data tem de ser anterior a segunda, e ambas tem de estar escritas no padrão americano (ano-mês-dia).

Se você está usando o WordPress e precisa criar estilos diferentes para cada navegador, uma boa maneira de fazer isso é adicionar o nome do navegador como classe no elemento body do HTML. Você iria escrever seu CSS da seguinte forma:

.minha-div {}
.ie6 .minha-div {} /* se for o Internet Explorer 6 */
.ie7 .minha-div {} /* se for o Internet Explorer 7 */
.firefox .minha-div {} /* se for o Firefox */

No código HTML do seu tema WordPress, você tem a seguinte função PHP na tag body:

>

Para adicionar classes a função body_class, teremos de criar uma função no arquivo functions.php que usará o filtro body_class. Veja o código a seguir com a função:

Adicione essa função no arquivo functions.php e está pronto!
Essa função não só checa qual é o navegador do usuário, como também checa a versão e o sistema operacional (MAC, Windows, Linux).

Com um pouco de leitura do código você será capaz de customizar o código e adicionar outras classes para sua necessidade.

A variável que vamos usar para “imprimir” na tela o resultado vai ser $numposts.

Exibindo o número de posts e páginas(pages)

<?php
// Quantidade de posts e pages
$numposts = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->posts WHERE post_status = 'publish'");
if (0 < $numposts) $numposts = number_format($numposts);
?>

// Mostra o valor
<?php echo $numposts; ?>

Exibindo o número de posts

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

// Mostra o valor
<?php echo $numposts; ?>

Exibindo o número de páginas(pages)

<?php
// Quantidade de pages
$numposts = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'page'");
if (0 < $numposts) $numposts = number_format($numposts);
?>

// Mostra o valor
<?php echo $numposts; ?>

Primeiro, para chamar o campo de busca no seu tema de WordPress você usa o código:

<?php get_search_form(); ?>

Caso você não tenha no seu tema um arquivo chamado de searchform.php, o WordPress por padrão vai apresentar o template do campo de busca dessa forma:

<form role="search" method="get" id="searchform" action="http://www.example.com/" >
	<div><label for="s">Search for:</label>
	<input type="text" value="" name="s" id="s" />
	<input type="submit" id="searchsubmit" value="Search" />
	</div>
</form>

Para mudar esse template você pode fazer de 2 formas. Primeiro, você pode criar um arquivo searchform.php e adicionar o código abaixo:

/**
Template Name: Search Form
**/

<form action="/" method="get" accept-charset="utf-8" id="searchform" role="search">
  <div>
    <label for="s">Search for:</label>
    <input type="text" name="s" id="s" value="<?php the_search_query(); ?>" />
    <input type="submit" id="searchsubmit" value="Search" />
  </div>
</form>

E então é só editar da maneira que desejar o HTML e o CSS.

Outra maneira é criar uma função dentro do arquivo functions.php no seu tema. Dentro dele adicione o código:

function my_search_form($form) {
$form = '<form method="get" id="searchform" action="' . get_option('home') . '/" >
<div><label for="s">' . __('Search for:') . '</label>
<input type="text" value="' . attribute_escape(apply_filters('the_search_query', get_search_query())) . '" name="s" id="s" />
<input type="submit" id="searchsubmit" value="'.attribute_escape(__('Search')).'" />
</div>
</form>';
return $form;
}

Para chamar a função que você criou no seu tema, em vez do get_search_form(), você precisa usar o seguinte código:

<?php add_filter('get_search_form', 'my_search_form'); ?>

* Nota: o nome my_search_form tem de ser o mesmo nome da função que você criou no arquivo functions.php.

A solução é incluir um código no Loop, que irá fazer a paginação funcionar corretamente.

Primeiro, entre em uma das páginas do seu tema (index.php por exemplo). Localize no Loop, o código:

<?php if (have_posts()) : ?> 
<?php while (have_posts()) : the_post(); ?>

Se você adicionou o query_posts, ele deve está algo assim:

<?php query_posts(’cat=10&showposts=6′); ?> 

<?php if (have_posts()) : ?> 
<?php while (have_posts()) : the_post(); ?>

Para solucionar o problema, substitua o código por:

<?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; ?> 
<?php query_posts("cat=10&showposts=6&paged=$paged"); ?> 

<?php if (have_posts()) : ?> 
<?php while (have_posts()) : the_post(); ?>

* Nota: É importante que você mantenha as aspas duplas na função query_posts, pois só assim ele irá funcionar.

E está pronto!

Atualização: Caso a maneira acima não funcione…

Já aconteceu comigo de o código acima não funcionar, e então eu tive de procura outra maneira de resolver esse problema. Segue o código:

<?php 
global $query_string; parse_str( $query_string, $my_query_array ); 
$paged = ( isset( $my_query_array['paged'] ) && !empty( $my_query_array['paged'] ) ) ? $my_query_array['paged'] : 1; 

query_posts("cat=10&showposts=6&paged=$paged"); 
?> 

Espero que uma dessas soluções possa ajuda.

Você pode exibir esses posts relacionados pelas tags ou pela categorias. Ou seja, posts que tiverem as mesmas tags/categorias irão aparecer nessa lista de posts relacionados.

Exibir os post relacionados pelas tags

Abra o arquivo single.php por exemplo, e nele adicione o código dentro do if do post:

ID); 
	if ($tags) { 
		$tag_ids = array(); 
		foreach($tags as $individual_tag) 
			$tag_ids[] = $individual_tag->term_id; 
			
		$args=array( 
			'tag__in' => $tag_ids, 
			'post__not_in' => array($post->ID), 
			'showposts'=>5, // Number of related posts that will be shown. 
			'caller_get_posts'=>1 
		); 
		$my_query = new wp_query($args); 
		if( $my_query->have_posts() ) { 
			echo '
Related Posts
'; 
			while ($my_query->have_posts()) { 
				$my_query->the_post(); ?> 
				
 
			'; 
		} 
	} 
?>

Exibir os post relacionados pelas categorias

Abra o arquivo single.php por exemplo, e nele adicione o código dentro do if do post:

ID);  
	if ($categories) {  $category_ids = array();  
		foreach($categories as $individual_category)  
			$category_ids[] = $individual_category->term_id; 
		
		$args=array( 
			'category__in' => $category_ids, 
			'post__not_in' => array($post->ID), 
			'showposts'=>5, // Number of related posts that will be shown. 
			'caller_get_posts'=>1 
		); 
		$my_query = new wp_query($args); 
		
		if( $my_query->have_posts() ) { 
			echo '
Related Posts
'; 
			while ($my_query->have_posts()) { 
				$my_query->the_post(); ?> 
				
 
			'; 
		} 
	} 
?>

Importante!

É importante lembrar que os dois códigos são feitos utilizando o método wp_query. Isso quer dizer que a sua query de post vai ser sobrescrita. Para que isso não aconteça usamos a função wp_reset_query(). Ela reseta a query para a padrão da página. Um exemplo de erro que pode está acontecendo com você é colocar os posts relacionados antes da lista de comentários do post. Nesse caso você verá que os comentários ficaram bugados. Para resolver isso inclua o seguinte código antes da chamada dos comentários:

Passo a passo

1º Copie o arquivo page.php ou single.php e renomeie para outro nome como novotemplate.php (esse nome é um exemplo, você pode dar o nome que preferir).

2º Agora você tem de fazer o WordPress identificar esse arquivo como sendo um template. Para isso vamos edita-ló. Você terá de substituir o código do começo do arquivo que você copiou para:

<?php
/**
Template Name: Nome do Template */
get_header(); ?>

* Nota: No lugar do “Nome do Template” você colocará o nome que desejar dar a essa página personalizada.

3º Agora que seu template foi criado, você só precisa ativá-lo quando for criar uma nova página. Quando criar uma nova página, vai ter a opção “Modelo” do lado direito, você só precisa escolher o nome do seu template entre as opções.

Observe a opção “Modelo” no layout

As opções de edições são inúmeras, só depende do que você precisar.

A opção modelo não aparece?

Se você fez todo o passo a passo exatamente como descrito acima, e quando foi ativar o novo template não visualizou a opção “Modelo”, de uma lida nesse post sobre um possível problema que pode ocorrer em relação a opção “modelo”.

Atualmente existem diversas maneiras inventadas de conseguir usar as fontes “não padrão” nos sites. Tem algumas soluções que usam Flash, outras em JavaScript, mas nenhuma delas é boa o suficiente para se tornar algo recomendável.

Pensando nisso o Google criou um catálogo de fontes de alta qualidade para o uso dos desenvolvedores, o Google Font API. Ainda não é o que todos nos desejariamos, que seria usar isso nativamente, pois o Google Font API requer o uso de arquivos do Google para poder funcionar, mas é uma ótima solução.

As vantagens do Google Font API em relação aos outros métodos com Flash ou JavaScript são enormes. A unica desvantagem por enquanto é que o catálogo dispõe de poucas fontes, o que imaginamos ser algo que vai crescer com o tempo.

Essa API é compatível com a maioria dos browser que usamos atualmente, como: Chrome versão 4+, Firefox versão 3.5+, Safari versão 3.1+, Opera versão 10.5+ e IE versão 6+.

Usando o Google Font API

Para usa-lo é muito fácil. Veja um exemplo:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <h1>Making the Web Beautiful!</h1>
  </body>
</html>

Repare o código em vermelho que você tem de usar para poder funcionar. Bem simples neh?! Vamos ver agora como funciona o código em detalhe.

Primeiro você usa a URL padrão:

http://fonts.googleapis.com/css

Para usar a fonte Inconsolata por exemplo, adiciona ao link ?family= e o nome da fonte:

http://fonts.googleapis.com/css?family=Inconsolata

Se o seu projeto precisar de mais de uma fonte do Google Font API, adicione ao final do nome da primeira fonte uma | e em seguida o nome da outra fonte:

http://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans

*Nota: repare que as fontes com nome com espaço você tem de adicionar um + no lugar do espaço.

Mudando o estilo da fonte

O Google Font API também permite customizar o estilo da fonte que você quiser usar. Para isso, adicione dois pontos ( : ) ao final do nome da fonte para usar os estilos que quiser, por exemplo:

http://fonts.googleapis.com/css?family=Cantarell:italic|Droid+Serif:bold

As opções de estilo são:
itálico = italic ou i
negrito = bold ou b
negrito e itálico = bolditalic ou bi

Veja quais variações de estilo cada fonte suporta no catálogo de fontes.

O Google também disponibiliza uma biblioteca JavaScript, chamada WebFont Loader, que te dá mais controle sobre o carregamento das fontes.