Converter template blogger para wordpress
2105 palavras
9 páginas
Convertendo tema do Wordpress para o BloggerIsto é 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;