Tema Para WordPress Parte 4: Criando os Subtemplates

Post Individual

É o que vai gerar a visualização dos posts, com os comentários e links para os posts próximo e anterior.

Copie seu index.php e cole no editor de textos, como você já fez tantas vezes.

Localize o código abaixo:

<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent

Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

E substitua por esse:

<h1><?php the_title(); ?></h1>

Localize e delete o código abaixo:

<div class="navigation">
<div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
<div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
</div>

Acrescente o seguinte código, logo após <?php endwhile; ?>.

<?php comments_template(); ?>

<br clear="all"/>

<div class="navigation">

<div class="alignleft"><?php previous_post_link('&laquo; %link') ?></div>

<div class="alignright"><?php next_post_link('%link &raquo;') ?></div>

</div>

Página de Erro

É a famigerada página de erro 404, exibida quando um link que não existe mais é acessado.

Copie o index.php, cole no editor de textos e substitua toda a área responsável pela geração do conteúdo, desde <?php if (have_posts()) : ?> até <?php endif; ?> pelo código abaixo.

<h2 class="posttitle">Not Found</h2>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>

Formulário de Busca

Essa é fácil, e acho que o título é auto-explicativo. Copie o código abaixo, cole no editor de textos e salve como searchform.php.

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>/">
<div><input type="text" value="<?php the_search_query(); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>

Se você quiser uma página com resultados de busca personalizada, copie seu index.php, cole no editor de textos e acrescente <h2>Search Results</h2> logo abaixo de <?php if (have_posts()) : ?>, substitua <?php the_content('Read the rest of this entry &raquo;'); ?> por <?php the_excerpt() ?> e salve como search.php.

Funções

Copie o código abaixo e salve como functions.php. Experimente suas widgets, que devem funcionar a partir de agora.

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name'=>'LeftSidebar',
'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget' => '</li>',
'before_title' => '<h2>',
'after_title' => '</h2>',
));

register_sidebar(array(
'name'=>'RightSidebar',
'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget' => '</li>',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
?>

Hoje temos um brinde para os assinantes do feed, os principais arquivos que você utilizou até agora, traduzidos para o português. Quem já é assinante vai ver um link para download no final do texto.

Se por acaso esqueci de algo, avise nos comentários.

Não é assinante ainda? Clique aqui e resolva seus problemas.

Páginas: 1 2 3

Compartilhar

Computador SIM Intel Core 2 Duo 4GB 500GB + LCD 21,5" Wide LG
Computador SIM Intel Core 2 Duo 4GB 500GB + LCD 21,5" Wide LG
 R$ 1.699,00 
Veja mais
Computador Intel Core 2 Duo 4GB 500GB Windows 7 Basic + LCD 18,5" LG
Computador Intel Core 2 Duo 4GB 500GB Windows 7 Basic + LCD 18,5" LG
 R$ 1.499,00 
Veja mais
Computador SIM Intel Core 2 Duo 4GB 500GB + LCD LG 21,5" Wide
Computador SIM Intel Core 2 Duo 4GB 500GB + LCD LG 21,5" Wide
 R$ 1.399,00 
Veja mais
Computador SIM Intel Core 2 Duo 4GB 500GB + LCD 19" Wide Samsung
Computador SIM Intel Core 2 Duo 4GB 500GB + LCD 19" Wide Samsung
 R$ 1.299,00 
Veja mais

Vitrine Submarino 3.4.1

Gostou? Cadastre seu email e receba mais, é grátis!

10 Comentários para “Tema Para WordPress Parte 4: Criando os Subtemplates”

  1. Ricardo disse:

    Qual a manhã desse Post Individual? Eu salvo ele como posts.php?

    Salvando dessa forma ñ consigo visualizar os comentários e muitos menos comentar! Se eu faço as alterações dentro da própria index.php os posts perdem o link, porém consigo ver os comentários e postar.

    Qual a manhã aê galera!?

    Show de bola a matéria!

  2. j. noronha disse:

    Acho que esqueci desse detalhe. Você salva como single.php. Qualquer dúvida, é só usar os comentários.

  3. Ricardo disse:

    Valeu meu caro! Agora está tudo perfect!
    Mas é impressão minha ou a Lista de Links e as Metas q ficam no side bar ñ aparecem em todas as páginas?
    Tipo em arquivos, categorias e no próprio post elas ñ aparecem, apenas na principal e nos links das páginas q criei eles estão presentes!

  4. j. noronha disse:

    É assim mesmo, os links e meta estão em uma tag condicional, como no tema padrão do WordPress. Para que apareçam em todas as páginas é só remover o código abaixo, em negrito.

    < ?php /* If this is the frontpage */
    if ( is_home() || is_page() ) { ?>

    links
    meta

    < ?php } ?>

  5. Pedro Arch disse:

    cara não esta aparecendo o codigo que tenho que copiar desse trecho aqui:

    “Comentários

    Os comentários que serão exibidos junto aos posts são gerados pelo arquivo comments.php. para criá-lo, copie o código abaixo, cole no editor de textos e salve-o como comments.php.

    O código é uma versão ligeiramente modificada do encontrado no tema padrão do WordPress. Ele exibe os comentários separados dos trackbacks, que vem abaixo dos comentários normais.”

    Se der podes mandar pra mim?

    Obrigado

  6. Pedro Arch disse:

    opa sou eu denovo!!!

    Não vi que estava na outra página o codigo.
    Resolvido o problema.

    Mas agora estou com outro. hehehehe

    Essa parte aqui:

    “Página de Erro

    É a famigerada página de erro 404, exibida quando um link que não existe mais é acessado.

    Copie o index.php, cole no editor de textos e substitua toda a área responsável pela geração do conteúdo, desde até pelo código abaixo.”

    eu salvo com qual nome?

    Obrigado

  7. Romulo disse:

    tentei fazer a validacao do codigo, mas mesmo depois de colocar a ainda ta aparecendo um erro

    1. Error Line 211, Column 8: ID “linkcat-2″ already defined.

    Lista de Links

    An “id” is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

    2. Info Line 157, Column 8: ID “linkcat-2″ first defined here.

    Lista de Links

    vc pode me ajudar nesse problema?

  8. Romulo disse:

    vc pode mandar o link para os arquivos traduzidos?
    eu assinei o feeds mas nao tem link para os arquivos
    se for possivel disponibilizar eu agredeco
    Ah… esse tutorial e otimo,

  9. j. noronha disse:

    Pedro,
    Você salva como 404.php.

    Romulo
    Isso acontece porque são os mesmos links nas duas barras laterais. Como você vai usar apenas em uma, ou até nem usar, vai validar sem problemas quando estiver em uso.

    O link para download é esse:

    Download Arquivos

  10. Everton disse:

    Cara! parabens pelo tutorial, me ajudou muito a entender como funciona os templates, agora ficarei bem menos perdido nao hora de editar rsrs
    um abraço!

Deixe um comentário

XHTML: Tags permitidas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Online