DicasWP - Hacks e Dicas Para WordPress http://dicaswp.com Tudo para tornar o seu blog WordPress no melhor! Thu, 17 May 2012 20:13:33 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 DicasWPhttp://feedburner.google.com Agora Já Podes Adicionar Plugins os Favoritos no WordPress.org http://feedproxy.google.com/~r/DicasWP/~3/bX64VsVphRg/ http://dicaswp.com/2012/05/17/agora-ja-podes-adicionar-plugins-os-favoritos-no-wordpress-org/#comments Thu, 17 May 2012 12:59:00 +0000 ORiOn http://dicaswp.com/?p=1703

plugin-favorito

Penso que vais gostar desta nova funcionalidade no repositório de plugins do WordPress.org, quando estiveres na tua conta, podes adicionar plugins aos favoritos.

Sem duvida que é uma boa ideia, porque muitas vezes não nos apetece instalar logo um plugin, ou quando encontramos um plugin bom mas que não precisamos já, mas possamos vir a precisar, basta adicionar aos favoritos.

Uma das perguntas que recebo muitas vezes é, “como se chama aquele plugin, eu já o usei/vi, mas não me lembro qual é?”, agora já não precisam de ter mais esse problema, sempre que encontrares um plugin interessante, adicionas aos teus favoritos. :)

Todos os plugins que adicionares aos favoritos, depois vão aparecer no teu perfil.

]]> http://dicaswp.com/2012/05/17/agora-ja-podes-adicionar-plugins-os-favoritos-no-wordpress-org/feed/ 0 http://dicaswp.com/2012/05/17/agora-ja-podes-adicionar-plugins-os-favoritos-no-wordpress-org/ Paginação Sem Usar Plugins http://feedproxy.google.com/~r/DicasWP/~3/8ozboHT7q9E/ http://dicaswp.com/2012/04/09/paginacao-sem-usar-plugins/#comments Mon, 09 Apr 2012 22:00:17 +0000 ORiOn http://dicaswp.com/?p=1689

paginacao-wp

Quanto menos plugins usarmos melhor, menos vulnerável fica o nosso site e também mais rápido fica. Mas isto tudo apenas se soubermos que funções usar e como.

É por isso que venho explicar como fazer uma paginação para os artigos sem recorrer a plugins, como por exemplo o famoso WP-PageNavi É tão simples que vão sem duvida começar a usar em todos os vossos themes.

1- Adicionem esta função ao ficheiro funcions.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
/** Paginação */
function pagination_funtion() {

global $wp_query;
$total = $wp_query->max_num_pages;
                   
if ( $total > 1 )  {
    if ( !$current_page = get_query_var('paged') )
        $current_page = 1;
                           
        $big = 999999999;

        $permalink_structure = get_option('permalink_structure');
        $format = empty( $permalink_structure ) ? '&page=%#%' : 'page/%#%/';
        echo paginate_links(array(
            'base' => str_replace( $big, '%#%', get_pagenum_link( $big ) ),
            'format' => $format,
            'current' => $current_page,
            'total' => $total,
            'mid_size' => 4,
            'type' => 'plain'
        ));
    }

}
/** END Paginação */

2- E depois no index.php ou nos restantes ficheiros com paginação, como o category.php etc, só precisam de adicionar o seguinte código.

1
2
3
4
<div id="pagination">
   <?php pagination_funtion(); ?>
   <div style="clear: both;"> </div>
</div>

3- Agora só precisamos de adicionar um pouco de estilo à paginação. Para isso adicionamos o seguinte código CSS ao ficheiro style.css.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
#pagination {
 margin: 5px 0;
 text-align: center;
 padding: 8px 4px;
 background: #DFDFDF;
}

#pagination {
 margin: 0 auto;
}

#pagination a, #pagination .dots, #pagination .next, #pagination .prev {
 padding: 2px 4px;
 margin: 0 2px;
 border: 1px solid #000;
 color: #000;
 background-color: #fff;
}
#pagination a:hover, #pagination .next:hover, #pagination .prev:hover {
 border: 1px solid #FF0000;
 color: #FF0000;
 background-color: #fff;
}
#pagination .current {
 padding: 2px 4px;
 margin: 0 2px;
 border: 1px solid #ccc;
 color: #333;
 background-color: #eee;
}

#pagination .next {
float: right;
}
#pagination .prev {
float: left;
}

E é tudo, menos um plugin a fazer peso no vosso blog! :D

]]> http://dicaswp.com/2012/04/09/paginacao-sem-usar-plugins/feed/ 0 http://dicaswp.com/2012/04/09/paginacao-sem-usar-plugins/ Adicionar Coluna “Miniatura” na Lista de Artigos no wp-admin http://feedproxy.google.com/~r/DicasWP/~3/2GFHVcNCEK8/ http://dicaswp.com/2012/03/20/adicionar-coluna-miniatura-na-lista-de-artigos-no-wp-admin/#comments Tue, 20 Mar 2012 22:32:15 +0000 Sara Vieira http://dicaswp.com/?p=1661

Nesta pequena dica partilho com vocês um pedaço de código que permite adicionar uma extra coluna no back-end, para além de termos o titulo, autor, categorias e tags do post com este snippet também vamos poder ver uma pequena miniatura do nosso thumbnail.

adicionar-thumbnail-back-end

Para conseguir isto adiconem este código ao functions.php do vosso tema:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
if (function_exists( 'add_theme_support' )){
    add_filter('manage_posts_columns', 'posts_columns', 5);
    add_action('manage_posts_custom_column', 'posts_custom_columns', 5, 2);
    add_filter('manage_pages_columns', 'posts_columns', 5);
    add_action('manage_pages_custom_column', 'posts_custom_columns', 5, 2);
}
function posts_columns($defaults){
    $defaults['wps_post_thumbs'] = __('Thumbnail');
    return $defaults;
}
function posts_custom_columns($column_name, $id){
    if($column_name === 'wps_post_thumbs'){
        echo the_post_thumbnail( array(125,125) );
    }
}

Com isto mostramos uma nova coluna com o nome de “Miniatura” que terá a miniatura da nossa imagem em destaque com as dimensões de 125 por 125px.

]]> http://dicaswp.com/2012/03/20/adicionar-coluna-miniatura-na-lista-de-artigos-no-wp-admin/feed/ 0 http://dicaswp.com/2012/03/20/adicionar-coluna-miniatura-na-lista-de-artigos-no-wp-admin/ Criar Taxonomias Personalizadas http://feedproxy.google.com/~r/DicasWP/~3/MlC8zXkSFDE/ http://dicaswp.com/2012/03/19/criar-taxonomias-personalizadas/#comments Mon, 19 Mar 2012 21:55:51 +0000 Sara Vieira http://dicaswp.com/?p=1656

As Taxonomias são utilizadas para conseguirmos dividir os nossos artigos ou custom posts no WordPress e conseguirmos mostrar apenas o que queremos. Por defeito no WordPress temos categorias e tags mas para quem cria temas o WordPress também nos dá a possibilidade de criar as nossas próprias taxonomias.

taxonomias

Estas são criadas no nosso ficheiro functions.php, e é neste ficheiro que vamos escever o código para escrever as nossas taxonomias.

Como exemplo vamos criar taxonomias para um portefólio, e primeiro temas que pensar no que necessitamos:

  • Tipo de Trabalho: Aqui podemos difinir se é design gráfico, Webdesign ou programação
  • Cores
  • Cliente
  • Ano

Então com o nosso functions.php temos que registar as nossas novas taxonomias para isso utilizamos a função register_taxonomy() e passamos os argumentos que desejarmos:

1
2
3
4
5
6
7
register_taxonomy('cores',
                   'post', array(
                           'hierarchical' => true,  
                            'label' => 'Cores',
                            'query_var' => true,
                            'rewrite' => true
));

E tudo o que precisamos para adicionar uma nova taxionomia aos nossos posts, neste caso temos uma taxonomia com o nome categoria e esta é hierática como as categorias, funcionando exatamente da mesma maneira, se quisermos ter uma como as tags apenas colocamos o hierarchical para false.

Vamos agora criar o resto das nossas taxonomias:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
register_taxonomy('trabalho',
                   'post', array(
                           'hierarchical' => true,  
                            'label' => 'Tipo de Trabalho',
                            'query_var' => true,
                            'rewrite' => true
));
register_taxonomy('cliente',
                   'post', array(
                           'hierarchical' => false,  
                            'label' => 'Cliente',
                            'query_var' => true,
                            'rewrite' => true
));
register_taxonomy('ano',
                   'post', array(
                           'hierarchical' => true,  
                            'label' => 'Ano',
                            'query_var' => true,
                            'rewrite' => true
));

E com isto temos todas as nossas taxonomias adicionadas e prontas a ser utilizadas em qualquer situação. No caso de cliente, a taxonomia está como tags pois podemos ter imensos clientes diferentes e assim teremos muito mais facilidade em adicionar o cliente para o qual trabalhamos.

Mas como mostramos estas taxonomias no nosso loop?

É muito fácil, para isso abram o vosso loop e depois do conteúdo adicionem:

1
<?php echo get_the_term_list( $post->ID, 'ano', "Ano: ", " , ") ?>

O que estamos a fazer com esta função é ir buscar todos os termos da taxonomia personalizada ano e colocá-la no ecrã, tal como fazemos com as categorias e tags, o primeiro argumento é o ID, segundo é o nome da nossa taxonomia, depois temos o que irá aparecer antes das nossas taxonomias e por último temos o que vai separar as nossas taxonomias se tivermos mais que uma relacionada com esse post.

E por hoje é tudo, espero que tenham gostado desta dica :)

]]> http://dicaswp.com/2012/03/19/criar-taxonomias-personalizadas/feed/ 0 http://dicaswp.com/2012/03/19/criar-taxonomias-personalizadas/ Como mostrar os ultimos posts de uma categoria http://feedproxy.google.com/~r/DicasWP/~3/FGadJdx0mHs/ http://dicaswp.com/2012/03/03/como-mostrar-os-ultimos-posts-de-uma-categoria/#comments Sat, 03 Mar 2012 17:46:18 +0000 Sara Vieira http://dicaswp.com/?p=1640

Muitas vezes na nossa página inicial queremos ter apenas uma categoria de artigos, e não os últimos artigos de todas as categorias pois nem todas podem interessar, e é isto que vou explicar como se faz hoje, mostrar os últimos artigos de uma especifica categoria.

Para conseguirmos isto necessitamos de usar a função query posts e esta função é a nossa maneira de conseguir alterar os posts que o WordPress coloca na página, pode ser usado para diversas coisas mas neste casos vamos falar das categorias e numero de posts por página.

Começamos com um loop de WordPress completamente normal:

1
2
3
4
5
6
7
8
9
10
11
12
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
 <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
 <small><?php the_date('d/m/Y') ?> by <?php the_author_posts_link() ?></small>
 <div class="artigo">
   <?php the_content(); ?>
 </div>
 <p class="postmetadata">Na categoria <?php the_category(', '); ?></p>
<h6><?php comments_popup_link('Sem Coment&aacute;rios &#187;', '1 Coment&aacute;rio &#187;', '% Coment&aacute;rios &#187;'); ?></h6>
 <?php endwhile; else: ?>
 <p>Não existe nenhum post.</p>
 <?php endif; ?>

Mas isto mostrará os últimos posts que houve em todas as categorias, e é nesta parte que o query_posts entra em ação, limitando o numero de posts que são mostrados na página e a categoria a que eles pertencem, depois do if e antes do while adicionamos

1
 <?php query_posts("category_name=atuacategoriaaqui&posts_per_page=3"); ?>

Como podem ver aqui apenas colocamos a categoria da qual queríamos ver os artigos e colocamos um máximo de 3 posts por página e um & entre os dois. Após isto temos que fazer um reset ao loop do WordPress para o query_posts não entrar em conflitos mais tarde com outras páginas, então no final do nosso loop, depois do end if colocamos:

1
<?php wp_reset_query();?>

O código completo é:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php if ( have_posts() ) : ?>
 <?php query_posts("category_name=atuacategoriaaqui&posts_per_page=3"); ?>
<?php while ( have_posts() ) : the_post(); ?>
 <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
 <small><?php the_date('d/m/Y') ?> by <?php the_author_posts_link() ?></small>
 <div class="artigo">
   <?php the_content(); ?>
 </div>
 <p class="postmetadata">Na categoria <?php the_category(', '); ?></p>
<h6><?php comments_popup_link('Sem Coment&aacute;rios &#187;', '1 Coment&aacute;rio &#187;', '% Coment&aacute;rios &#187;'); ?></h6>
 <?php endwhile; else: ?>
 <p>Não existe nenhum post.</p>
 <?php endif; ?>
<?php wp_reset_query();?>

E está concluído, de uma maneira mais simples que secalhar muitos de vocês pensaram. Na nossa página inicial só irá mostrar no máximo 3 posts e todos da mesma categoria, se quiserem mais alguns artigos sobre alterar o loop do WordPress coloquem nos comentários :)

]]> http://dicaswp.com/2012/03/03/como-mostrar-os-ultimos-posts-de-uma-categoria/feed/ 1 http://dicaswp.com/2012/03/03/como-mostrar-os-ultimos-posts-de-uma-categoria/ Instalar Comentários do Facebook no WordPress http://feedproxy.google.com/~r/DicasWP/~3/QdxxqRc90Vo/ http://dicaswp.com/2012/02/18/instalar-comentarios-do-facebook-no-wordpress/#comments Sat, 18 Feb 2012 20:16:18 +0000 Sara Vieira http://dicaswp.com/?p=1628

O Facebook tem imensos aplicativos fantásticos como o like button que pode adicionar no seu blog ou site para conseguir fazer o seu nome sobressair nas redes sociais, outro aplicativo que também podemos aplicar no nosso site é os comentários do facebook, isto é uma boa ideia pois é muito mais fácil a partilha de comentários no facebook , tem filtro de gramática que previne erros gramaticais e adiciona pontuação e acabam os comentários anónimos pois as pessoas têm que fazer login no facebook para postarem qualquer comentário. Vamos então começar.

O primeiro passo a tomar é fazer download de um plugin grátis chamado Facebook Comments for WordPress.

Depois do download e activação do plugin feita temos que criar a nossa aplicação no facebook, se já sabem fazer isto podem passar à frente desta parte, se não continuem a ler.

Para criar a vossa nova aplicação têm que ir à pagina de programadores de facebook e clicar em criar nova aplicação:

Irá aparecer-lhe um pop-up a pedir o nome da sua aplicação, o seu namespace e para aceitar os termos de utilização, coloque o nome que desejar, no namespace coloque esse mesmo mas com letras minúsculas e sem espaços e carregue em continuar.

Após isso e colocar o captcha irá ver esta página:

Ai coloque o URL do seu site e copie a App ID e App Secret para as definições do Facebook Comments for WordPress onde as pedir. Se desejar também pode mudar o ícone da sua  aplicação mas o site é a única coisa que necessita mesmo.

E para colocar os comentários do facebook no seu blog de WordPress é só isto, claro que o plugin tem mais definições com as quais pode experimentar mas estas são as básicas para por o seu site com todo o potencial que os comentários do facebook trazem.

Existem outras maneiras de colocar os comentários no nosso tema mas penso que esta é a mais simples de utilizar, espero que tenham gostado e se alguém utilizar estes comentários que dê o seu feedback nos comentários.


]]> http://dicaswp.com/2012/02/18/instalar-comentarios-do-facebook-no-wordpress/feed/ 3 http://dicaswp.com/2012/02/18/instalar-comentarios-do-facebook-no-wordpress/ Como Mostrar Links Para Posts Aleatórios na Barra Lateral http://feedproxy.google.com/~r/DicasWP/~3/gGjY2XbyCoo/ http://dicaswp.com/2012/02/07/como-mostrar-links-para-posts-aleatorios-na-barra-lateral/#comments Tue, 07 Feb 2012 19:16:28 +0000 Sara Vieira http://dicaswp.com/?p=1612

Devido ao facto de um blog ser actualizado muitas vezes na mesma semana por vezes muitos artigos ficam enterrados e os utilizadores não os conseguem ver com facilidade mas estes podem ser muito interessantes para a visitante e ao adicionarmos esta característica na nossa barra lateral os utilizadores são confrontados com mais artigos logo ao abrir o site e muitos que podem ainda não ter visto tendo assim mais uma razão para ficarem no seu site. Esta ideia também pode trazer à vida antigos artigos que tenha no seu blog.

Para conseguirmos atingir este efeito o que temos que fazer é abrir o nosso sidebar.php e onde desejarmos adicionar os artigos aleatórios colocar o seguinte código:

1
2
3
4
5
6
7
<h3>Artigos Aleatórios</h3>
<ul>
   <?php $artigos = get_posts('orderby=rand&numberposts=5');
      foreach($artigos as $artigo) { ?>
   <li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>
<?php } ?>
</ul>

Explicando agora este código o que nós fazemos a adicionar este código na nossa página é primeiro adicionar uma heading onde avisarmos os nossos utilizadores que os artigos mencionados abaixo são artigos aleatórios, depois disso abrimos um lista e isto tudo é feito na parte do código escrita em HTML.

No parte do php o primeiro passo que temos que fazer é ir buscar todos os artigos existentes no blog de forma aleatória e depois escolhermos quantos artigos queremos mostrar na nossa barra lateral e guardarmos tudo isto numa variável:

1
2
$artigos = get_posts('orderby=rand&numberposts=5');
// O numero de artigos pode ser mudado para o que desejar

Após termos uma variável que contém 5 artigos aleatórios tudo o que temos que fazer é percorrer esses 5 artigos e por cada um desses criar um list item e lá colocar o link para o artigo por isso utilizamos um foreach loop:

1
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>

Como podem ver com pouco trabalho temos algo que nos poderá dar imenso jeito para trazer de volta à vida os nossos antigos artigos, e uma outra vantagem de utilizar este método é que o podemos modificar como quisermos, se na barra lateral quisermos ter as imagens de destaque é só colocar:

1
2
3
4
5
6
7
8
9
10
<h3>Artigos Aleatórios</h3>
<ul>
   <?php $artigos = get_posts('orderby=rand&numberposts=5');
      foreach($artigos as $artigo) { ?>
   <li>
      <?php the_post_thumbnail(); ?>
      <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
   </li>
   <?php } ?>
</ul>

E a partir desta ideia podem modificar como desejarem e têm uma nova adição à vossa barra lateral.
Espero que este pequeno tutorial tenha ajudado e qualquer dúvida coloquem nos comentários :)





]]> http://dicaswp.com/2012/02/07/como-mostrar-links-para-posts-aleatorios-na-barra-lateral/feed/ 2 http://dicaswp.com/2012/02/07/como-mostrar-links-para-posts-aleatorios-na-barra-lateral/ 7 Plugins WordPress para Formulários de Contacto http://feedproxy.google.com/~r/DicasWP/~3/yM2dgIBPxk0/ http://dicaswp.com/2012/02/01/7-plugins-wordpress-para-formularios-de-contacto/#comments Wed, 01 Feb 2012 18:09:00 +0000 Sara Vieira http://dicaswp.com/?p=1587

Formulários para contacto são sempre algo muito importante em qualquer Website, são a melhor forma dos visitantes do seu site entrarem em contacto e darem algum feedback. O problema ás vezes é encontrar um plugin de WordPress perfeito para as nossas necessidades pode ser um pouco frustrante por isso aqui junto alguns plugins grátis que podem facilitar imenso a vida levando a usabilidade e funcionalidade a outro nível.

1. Contact Form 7

 

O Contact Form 7 é um plugin de WordPress usado mundialmente e tem uma interface simples, suporta múltiplos formulários, tem muita flexibilidade e também usa ajax para enviar os conteúdos do formulário.

2. Ninja Forms Lite

O Ninja Forms Lite é a versão grátis do plugin Ninja Forms, e tem uma interfaçe drag and drop o que torna a criação de formulários muito simples e intuitiva a criação de formulários sejam eles simples ou complexos

3. Fast Secure Contact Form

Este plugin bloqueia automaticamente todas as táticas habituais de spam, tirando assim o spam da lista de problemas. Inclui Captcha e suporta o Askimet para ainda mais proteção. Podemos criar os formulários que desejarmos e também temos a opção de redirecionar os usuários para o URL que quisermos.

4. SimpleModal Contact Form

O SimpleModal Contact Form é um plugin que cria um pop-up com o formulário que desejamos. Usa JQuery e Ajax para uma melhor usabilidade.

 

5. Contact Me

 

O Contact Me é um dos Plugins Grátis com este propósito mais robusto e com mais opções, este plugin permite adicionar formulários como Widgets ou Adicionar à sua página um botão de contacto.

 

6. Formidable Forms

Crie os seus formulários rapidamente com a interfaçe drag and drop deste plugin.

7. Enhanced WP Contact Form

 

Este plugin criado pela Yoast torna fácil adicionarmos um plugin na nossa página ou post através dos conhecido shortcodes do WordPress e possui também proteção contra spam.

Se souberem mais algum coloquem nos comentários e espero que este artigo tenha ajudado :)

 

Para plugins premium podem sempre visitar:

]]> http://dicaswp.com/2012/02/01/7-plugins-wordpress-para-formularios-de-contacto/feed/ 0 http://dicaswp.com/2012/02/01/7-plugins-wordpress-para-formularios-de-contacto/ Melhorar o Titulo do Seu Site http://feedproxy.google.com/~r/DicasWP/~3/fZm1kGtibs4/ http://dicaswp.com/2012/01/28/melhorar-o-titulo-do-seu-site/#comments Sat, 28 Jan 2012 21:46:14 +0000 Sara Vieira http://dicaswp.com/?p=1447

Um dos aspectos muito importantes em termos de SEO num Website é o seu titulo, os motores de busca procuram muito por ai, neste artigo vou partilhar com vocês o que penso ser um bom pedaço de código para gerar o titulo dinamicamente.

Para adicionarem o código abram o header.php do tema em que estão a trabalhar e entre as tags de title coloque:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?php
if (function_exists('is_tag') && is_tag()) {
   single_tag_title("Arquivo para a tag "); echo ' - 'bloginfo('name'); }
elseif (is_archive()) {
   wp_title(''); echo ' Arquivo - 'bloginfo('name'); }
elseif (is_search()) {
   echo 'Procura por'.wp_specialchars($s).' - '; }
elseif (!(is_404()) && (is_single()) || (is_page())) {
   wp_title(''); echo ' - ' bloginfo('name'); }
elseif (is_404()) {
   echo 'Não encontrado - ' bloginfo('name'); }
if (is_home()) {
   bloginfo('name'); echo ' - '; bloginfo('description'); }
else {
   bloginfo('name'); }
if ($paged>1) {
   echo ' - Página '. $paged;
}
?>

O que este código faz se explicar por partes é:

1
2
if (function_exists('is_tag') &amp;&amp; is_tag()) {
single_tag_title("Arquivo para a tag &amp;quot;"); echo '&amp;quot; - 'bloginfo('name'); }

Se a função is_tag existir e estivermos numa página de tags no titulo irá aparecer “Arquivo para a tag”, o nome da tag e depois o nome do nosso Website.

1
2
elseif (is_archive()) {
wp_title(''); echo ' Arquivo - ' . bloginfo('name'); }

Se for uma página de procura este código irá colocar no nosso titulo Arquivo e o nome do nosso blog ou Website.

1
2
elseif (is_search()) {
echo 'Procura por &amp;quot;'.wp_specialchars($s).'&amp;quot; - '; }

Aqui o WordPress verifica se o utilizador está numa página de procura, se sim coloca “Procura por” e o que quer que o usuário tenha pesquisado, também pode adicionar o nome do blog aqui se desejar.

1
2
elseif (!(is_404()) &amp;&amp; (is_single()) || (is_page())) {
wp_title(''); echo ' - ' bloginfo('name'); }

Aqui o WordPress procura se a página em que utilizador esá é um single post ou uma página mas não uma página de 404 e se for coloca o nome da página e depois o nome do nosso blog.

1
2
3
4
if (is_home()) {
bloginfo('name'); echo ' - '; bloginfo('description'); }
else {
bloginfo('name'); }

A função is_home() procura se o utilizador está na página inicial e se este estiver apenas será mostrado o nome do Website e a Descrição, o else srve para se o WordPress encontrar alguma página que não esteja descrita em cima, se acontecer o titulo será o nome site.

1
2
3
if ($paged&gt;1) {
echo ' - Página '. $paged;
}

Este ultimo bocado é usado quando estamos por exemplo na segunda página de um blog e adiciona ao que estiver no titulo o numero da página em que o usuário está.

Por hoje é tudo, espero que esta pequena dica tenha ajudado e se tiverem alguma duvida é só colocarem nos comentários :)


]]> http://dicaswp.com/2012/01/28/melhorar-o-titulo-do-seu-site/feed/ 5 http://dicaswp.com/2012/01/28/melhorar-o-titulo-do-seu-site/ Como Criar Uma Simples Página de Erro 404 http://feedproxy.google.com/~r/DicasWP/~3/n5KJGsSmKlQ/ http://dicaswp.com/2012/01/18/como-criar-uma-simples-pagina-de-erro-404/#comments Wed, 18 Jan 2012 20:48:39 +0000 Sara Vieira http://dicaswp.com/?p=1384

A página de 404 é a página que um visitante pode encontrar por diversas razões, e como donos de uma website temos que tentar dar sempre a melhor experiência ao nosso utilizador para este não se sentir perdido ou confuso quando estas situações acontecem. Neste tutorial vou explicar os básicos de como criar uma simples página de 404.

A melhor parte de todas é que uma página personalizada de 404 não é difícil de criar, basta criarmos uma página com o nome 404 no nosso tema de WordPress, a partir é colocarmos o que desejarmos na nossa página. Mas há sempre algumas coisas que deveremos adicionar para o utilizador não se sentir perdido:

  • Dizer ao utilizador qual foi o erro.
  • Explicar o Significado de esse erro e porque terá acontecido.
  • Dar um link para o inicio ou últimos artigos colocados.
  • É sempre uma boa prática ter uma caixa de pesquisa na página 404 para o utilizador se tiver encontrado essa página por um mau link conseguir procurar o que pretendia no site.
  • Colocar um link para o contacto ou manter o mesmo menu na página para os usuários o poderem contactar com o erro.

Tendo isto dito, vamos começar por criar a nossa página, criem um ficheiro na pasta do vosso tema chamado 404.php (se já tiverem abram-o e vejam se segue estas dicas) e abram no vosso editor de escolha.

A primeira coisa que acho fulcral colocar se desejamos que o layout da página se integre com o resto do site é chamar a header, footer e sidebar, ou seja:

1
2
3
<?php get_header(); ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Depois de isto feito, colocamos a div ou section que usamos para conter os artigos e pomos o erro e a sua explicação lá:

1
2
3
4
5
6
7
8
9
<?php get_header(); ?>

<div id="artigos">
<h1 id="404">404</h1>
<h2>A Página não foi encontrada</h2>
</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

O próximo passo que temos na nossa lista é explicar ao utilizador porquê é que pode ter encontrado esse erro, então adicionamos depois do h2:

1
<p>Tem a certeza que escreveu bem o URL? Se sim talvez o post que estava à procura tenha sido apagado, tenta fazer uma procura para ver se encontras o que precisas.</p>

Depois da explicação adicionamos uma caixa de pesquisa para o utilizador tentar encontrar o que procuravae também um link para o inicio da nossa página:

1
2
3
<?php get_search_form(); ?>

Ou talvez queiras voltar para o <a href="<?php bloginfo('url'); ?>">Inicio</a>.

Esta página de 404 claro que não tem CSS aplicado mas com estes elementos básicos e um pouco de CSS conseguem criar uma página de 404 simples mas eficaz, podem ver aqui todo o código da nossa página:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?php get_header(); ?>

<div id="artigos">
<h1 id="404">404</h1>
<h2>A Página não foi encontrada</h2>

<p>Tem a certeza que escreveu bem o URL? Se sim talvez o post que estava à procura tenha sido apagado tenta fazer uma procura para ver se encontras o que procuras.</p>

<?php get_search_form(); ?>

Ou talvez queiras voltar para o <a href="<?php bloginfo('url'); ?>">Inicio</a>.

</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Espero que tenham gostado desta dica e se tiverem duvidas coloquem nos comentários.

]]> http://dicaswp.com/2012/01/18/como-criar-uma-simples-pagina-de-erro-404/feed/ 0 http://dicaswp.com/2012/01/18/como-criar-uma-simples-pagina-de-erro-404/