Converter template blogger para wordpress

2105 palavras 9 páginas
Convertendo tema do Wordpress para o Blogger
Isto é que o você vai precisar para converter o tema: • Faça o download do tema que será convertido aqui e guarde o link da visualização do tema(é o décimo segundo, de cima para baixo - GreenDark) • Se você ainda não tem, baixe um editor de HTML. Recomendo o MAX's HTML Beauty++ • Baixe o Firebug, uma extensão indispensável do Firefox (ou seja, use o Firefox). Este item é muito importante, pois o Firebug nos dá uma visão rápida e clara da hierarquia da div's e classes. • Providencie um local para guardar as imagens: recomendo o TinyPic, que ao contrário do ImageShack e do Photobucket, nunca me deixou na mão. • Crie um blog só para isso, assim você não perde nada
…exibir mais conteúdo…

Veja com o Firebug que ele corresponde a #header:
[pic]

Transfira as propriedades e valores de #logo para #header, ficando assim:

#header {float: left;width: 300px;height: 100px;padding: 37px 10px;padding-bottom: 0;}

Novamente visualizando com o Firebug, você verá que #logo h1 a corresponde ao título do blog, o que no blogger se apresenta como #header h1. Faça a transferência das propriedades e valores de um para o outro, ficando assim:

#header h1 { text-decoration: none; color: #fff; font-size: 26px; letter-spacing: -1px;}

#logo h2 refere-se a descrição do blog. No Blogger este seletor se apresenta como #header .description. Faça a conversão:

#header .description { color: #fff; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; font-weight: lighter; }

Apague os seguintes trechos do seu blog (não há correspondência entre eles e o tema do wordpress):

#header-inner { background-position: center; margin-left: auto; margin-right: auto;
}
#header a { color:$pagetitlecolor; text-decoration:none;
}
#header a:hover { color:$pagetitlecolor; }
#header img { margin-$startSide: auto;

Relacionados