May 08
Centralizando textos e imagens.
Muitas pessoas tem costume de centralizar textos e imagens assim:
No xhtml esse center não é utilizado. Então você pode centralizar seus textos e imagens assim:
May 08
Código para imagens em xhtml.
Em html geralmente você coloca o código que gera a imagem assim:
As vezes você acrescenta o alt pra gerar um título quando passar o mouse em cima e as vezes o border igual 0 para não gerar borda em imagens com links.
No xhtml é obrigatório ter o alt, mesmo que você não insira nenhum título e finalizar a imagem com uma barra antes do sinal maior, ficando assim:
Depois você pode acrescentar uma class e/ou aquele border, como quiser. Mas sempre tem que ter pelo menos isso no código que gera a imagem.
May 08
Códigos de quebra de linha.
Já vi muitos códigos em que as pessoas usam como quebra de linha (como se fosse apertar o enter pra digitar em nova linha) assim:
No xhtml você tem que usar essa quebra de linha assim, com a barra antes do sinal maior:
Também muitas pessoas escrevem seus conteúdos entre a tag p:
Continue usando assim, sem problemas. O único problema desse p são os espaços absurdos que ele normalmente gera, quando você insere um conteúdo fora dele. Então insira no seu css esse código:
May 08
Como usar widgets no seu tema.
Testado com a versão 2.5 do wordpress.
O que é widgets? Segundo o wikipédia…
Bem os widgets do wordpress funcionam parecido com aquela nova versão do blogger, onde o perfil é todo adicionado por janelinhas, você puxa uma pra cima, outra pra baixo, tira uma e coloca outra…
Baixe o arquivo functions, descompacte e envie ele para dentro da pasta do seu tema atual.
Agora no arquivo sidebar.php do seu tema, insira o código abaixo e deixe somente ele no sidebar.php:
if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<?php endif; ?>
Insira no css do seu tema:
#sidebar h2 {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; font-size: 1.5em; color: #909090; text-transform: lowercase; font-family: times new roman;}
#sidebar ul, #sidebar li {margin: 0; padding: 0 0 0 0px; list-style-type: none;}
#sidebar ul {margin: 2px 0px 0px 0px;}
#sidebar ul li {background-color: #FFF9FD; border: 1px dotted #FED7EC; border-width: 0px 0px 1px 0px; display: block; margin: 0px; padding: 3px 0px 2px 2px; voice-family: "\"}\""; voice-family: inherit; color: #696969;}
html>body #sidebar ul li {}
#sidebar ul li:hover {background-color: #FFF5FC; border: 1px dotted #FED7EC; border-width: 0px 0px 1px 0px; color: #696969; text-decoration: none;}
#sidebar ul li a, #sidebar ul li a:active, #sidebar ul li a:visited, #sidebar ul li a:hover {text-decoration: none;}
Agora entre no painel do wordpress, vá em Design/Widgets e veja que apareceu várias caixinhas pra você adicionar no sidebar, então é só clicar em add para adicionar no sidebar e depois ao lado vai aparecer essa caixinha com um edit, clicando nele você pode mudar o título daquela caixinha, também pode remover ele quando quiser e alguns plugins que você instalar tem outras funções para editar, depois de editar é só clicar em change e depois em save changes.
Alguns plugins não tem widgets, então você pode adicionar o código na caixinha Text que funciona do mesmo jeito. Nesta mesma caixinha você pode adicionar outras coisas que você queira que apareça no sidebar e pode mover uma pra cima ou pra baixo, para deixar na ordem que quiser.
May 08
Como criar uma página template.
Todos já viram que lá no painel do wordpress tem um campo escrito "page template"?
Pois é, mas muitos não deve saber como usar né?
Se você deixar default template, ele vai usar aquele page.php do seu tema, mas você pode fazer um modelo diferente para uma determinada página do seu site/blog.
Para criar sua página template copie o código abaixo e cole no bloco de notas (txt):
/*
Template Name: Extras
*/
?>
<?php get_header(); ?>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="title"><?php the_title(); ?></div>
<div class="postentry">
<?php the_content('Read the rest of this entry »'); ?>
</div>
<div class="divider"> </div><br />
<!– <?php trackback_rdf(); ?> –>
<?php endwhile; ?>
<?php else : ?>
<div class="title"><?php _e('Not Found'); ?></div>
<div class="postentry"><?php _e('Sorry, but no posts matched your criteria.'); ?></div>
<?php endif; ?>
<?php get_footer(); ?>
No código acima onde tem escrito Extras é o nome do template, então você pode colocar o que quiser e depois salve como extras.php ou com o nome que quiser, desde que tenha o final .php
Configure as divs do código acima como desejar, este acima é o padrão que eu uso, mas você pode editar para ficar como as divs da sua page.php.
Depois de feito isso, envie para a pasta do seu tema o arquivo e na hora que for criar a página, selecione em page template o nome do template que você acabou de criar.
Então você pode usar a sua criatividade e editar este código acima como quiser, tipo a posição de cada coisa ou acrescentar mais coisas ali antes do código que gera o footer, fazendo assim uma página diferente das outras.
