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 na função query_posts, pois só assim ele irá funcionar.

E está pronto!

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:

<?php
$tags = wp_get_post_tags($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 '<h3>Related Posts</h3><ul>';
		while ($my_query->have_posts()) {
			$my_query->the_post();
		?>
			<li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
		<?php
		}
		echo '</ul>';
	}
}
?>

Exibir os post relacionados pelas categorias

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

<?php
$categories = get_the_category($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 '<h3>Related Posts</h3><ul>';
		while ($my_query->have_posts()) {
			$my_query->the_post();
		?>
			<li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
		<?php
		}
		echo '</ul>';
	}
}
?>

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.

Geralmente usamos programas como Multiple IE, IETester, entre outros, que emulam outros navegadores. Mas esses, muitas vezes apresentam bugs para diversos usuários.

Para nossa sorte, existe uma ótima solução para esse problema, conhecido como Spoon Browser Sandbox. O Spoon roda diferentes navegadores no seu PC, e a única coisa que você precisa fazer é instalar um plugin.

Ao entrar pela primeira vez na página do Spoon Browser Sandbox, ele vai pedir para você instalar o plugin. Depois disso, você poderá rodar qualquer navegadores disponível no site. Lembre-se, os navegadores não estarão instalados no seu PC, então você terá de acessar o site do Spoon toda vez que quiser fazer seus testes.

Os navegadores disponíveis para uso são: Microsoft Internet Explorer (IE6, IE7 e IE8), Mozilla Firefox (2, 3 e 3.5), Apple Safari (3 e 4), Google Chrome e Opera (9 e 10).

Problemas que podem ocorrer

Apesar desse “emulador” ser muito bom, já tiver um ou outro problema com ele. Por exemplo: através do Chrome não consigo usá-lo, e em meu notebook ele não queria funcionar de maneira nenhuma. Fora isso, ele já me salvou diversas vezes.

Primeiro você tem de ter acesso ao seu FTP. Dentro da pasta do seu tema existe um arquivo chamado functions.php. Na parte PHP do código adicione o código abaixo:

function alterar_titulo($titulo) {
	$titulo = attribute_escape($titulo);
	$keywords = array(
	'#Protegido:#',
	'#Privado:#'
	);
	$substituir = array(
	'', // podes definir se queres branco ou outra palavra, imagem, etc
	'' // O mesmo para quando aparece o texto Private
	);
	$titulo = preg_replace($keywords, $substituir, $titulo);
	return $titulo;
}
add_filter('the_title', 'alterar_titulo');

Tenha cuidado para não adicionar o código dentro de outra função (function) ou dentro da parte JavaScript (<script>) do código que fica mais para o final do arquivo functions.php.

Caso seu WordPress seja em inglês, você deve usar o seguinte código:

function alterar_titulo($titulo) {
	$titulo = attribute_escape($titulo);
	$keywords = array(
	'#Protected:#',
	'#Private:#'
	);
	$substituir = array(
	'', // podes definir se queres branco ou outra palavra, imagem, etc
	'' // O mesmo para quando aparece o texto Private
	);
	$titulo = preg_replace($keywords, $substituir, $titulo);
	return $titulo;
}
add_filter('the_title', 'alterar_titulo');

Repare que a única coisa que mudou no código foi texto Protected e Private.

O interessante desse plugin é que ele procura sozinho as imagens no seus artigos e coloca elas como thumbnails dos seus artigos relacionados. Caso ele não ache nenhuma imagem no seu artigo, ele substitui por um link com texto.

Instalando no WordPress:
1° – Vá no site do LinkWithin e preencha o formulário (imagem de exemplo abaixo) e clique em “Get Widget!”.

2° – Depois disso, faça o download do arquivo .zip.
3° – Descompacte o arquivo .zip e suba para a pasta “Plugins” através do FTP do seu blog.
4° – No administrativo do seu blog, vá no menu “Plugins” e ative o plugin “LinkWithin”. E está feito!

Resultado final com imagem: ver exemplo

Resultado final com texto: ver exemplo

Observação: O plugin demora uns segundos para aparecer na página.

O plugin é bem fácil de instalar. Basta fazer o download do Sociable, descompactar o arquivo e colocar a pasta “sociable” – através do seu FTP – na raiz da sua pasta de plugins.

Depois disso, vá no administrativo do seu blog/site, e no menu “Plugins” ative o Sociable. No menu “Configurações” ou “Opções” (depende da versão do seu wordpress), clique no link “Sociable”.

Dentro de “Sociable” você poderá escolher entre diversas redes sociais (veja imagem abaixo). Você também escolhe onde devem aparecer os ícones: nos posts individuais, nas páginas de categoria, na pagina principal, nas páginas de arquivos, e etc.

O resultado final fica parecido com:

* O CSS do plugin fica dentro da pasta “sociable” que você instalou na pasta “Plugins” no FTP, o nome é sociable.css.