Info-Macross | Um blog sobre como criar blogs. » Templates

Por que eu gosto da ElegantThemes? Parte 3

Info-Macross — Wed, 10 Nov 2010 09:30:48 +0000

Depois de três semanas e ter escrito o primeiro e o segundo posts sobre as características dos templates da ElegantThemes, finalmente chegamos hoje a útlima parte. Mais algumas funcionalidades muito importantes como tradução, shortcodes, logotipos e integração de códigos no template.

Tradução

Para a minha alegria, foi inplementado em todos os templates arquivos com as palavras que precisam ser traduzidas. Não é mais preciso abrir página por página do template e procurar o que precisa traduzir. Dentro da pasta de cada template existe uma pasta chamada ‘lang’, onde há os arquivos necessários para fazer a tradução.

É preciso ter o programa PoEdit para fazer a tradução, mas ficou extremamente fácil de fazer isso. Do lado esquerdo do arquivo tem os termos em inglês, e do lado direito o que você deve colocar como tradução. Depois de colocar todas as traduções é só salvar o arquivo e pronto, seu template inteiro já está traduzido!

ShortCodes

Agora cada template permite a inserção de pequenos códigos que podem ajudar muito a preparação dos posts. São códigos para botões, caixas de conteúdo, slideshow, e muitos outros tipos que podem ser inseridos diretamente na hora da edição de seu post. Você pode ver exemplos dos códigos que podem ser usados clicando aqui.

Veja um exemplo utilizando o código [tab][/tabs]. Isso pode ser feito diretamente quando estiver escrevendo seu artigo.

Integração

Além disso tudo os templates permitem que você integre códigos, como o do Google Analytics por exemplo, diretamente através do painel. Você pode escolher entre colocar o código dentro das tags ou e no topo ou no fim dos posts. Eu testei com códigos do adsense e também funcionam, caso não seja de seu agrado os lugares pré-estabelecidos de anúncios de cada tema, basta adicionar o código antes ou depois dos posts.

Cores

Há também a opção do painel de modificar as cores do template, como cor do fundo, cor da fonte, cor dos links nos posts, links para as páginas, headers da sidebar (como no exemplo abaixo), headers do rodapé e links do rodapé. Também é possível adicionar uma outra folha de estilo ao template. Tudo muito simples:

Para isso basta escolher a opção dentro do menu colorization do painel e colocar a cor desejada:

Logotipos

Se é igual a mim, que não leva jeito nenhum para design, os temas da ElegantThemes são perfeitos, pois vem com os arquivos psd do logotipo para ser editado no photoshop ou fireworks. Basta abrir o arquivo, alterar o nome do logo para o nome do seu blog, salvá-lo na pasta images do template e pronto, já tem um logotipo para o blog! Foi exatamente isso que eu fiz nesse blog!

Bem, acho que isso é o principal, tem mais coisas, mas não dá para falar de tudo. Mas já dá para notar que é possível fazer tudo sem mexer em uma linha de código sequer. Por isso também que eu simplesmente adoro trabalhar com os temas da ElegantThemes, além, é claro, de serem realmente muito bonitos.

Posso garantir que vale a pena o investimento, são $39 para ter acesso a todos os templates por um ano, são até agora 50 layouts muito bonitos e modernos. Fica aqui o link para quem quiser ver os templates disponíveis.

Ainda por cima o site tem um blog, onde sempre são mostradas as novidades e alterações que os templates estão tendo e os que ainda estão por sair, e também há um fórum muito bom, onde o próprio desenvolvedor dos temas responde a todas as perguntas, e é possível trocar informações com os membros da comunidade.

Não pensem que estou falando tudo isso por causa do programa de afiliados deles, que por sinal é muito bom, já que paga metade de cada compra realizada através do link de afiliados, mas a verdade é que os templates são muito bons mesmo, da mais alta qualidade, e nem se comparam com os templates free que existem por aí.

Só pelo fato de não precisar abrir nenhum arquivo php, já vale a pena. Eu recomendo!

Um abraço e até a próxima!

Por que eu gosto da ElegantThemes? Parte 3 is a post from: Info-Macross | Um blog sobre como criar blogs.

Por que eu gosto da ElegantThemes? Parte 2

Info-Macross — Wed, 03 Nov 2010 09:30:46 +0000

Continuando o artigo da semana passada sobre os temas da ElegantThemes, onde falei sobre as primeiras funcionalidades como cores, thumbnails e slides, hoje trago mais características muito interessantes desses templates.

Blog ou Site

Se não quer que o seu template fique com cara de site e sim de blog, é possível tirar os slides e colocar os posts de forma como aparecem em blogs, tudo pelo painel. Veja o mesmo tema mostrado no artigo anterior como fica sem a apresentação dos posts em forma de slides:

Assim como é possível deixar a homepage com cara de blog ou site, nos posts também é possível definir se os formulários de comentários serão mostrados e também se a seção de informações de cada post, como autor, data, categoria e números de comentários, serão ou não mostrados, deixando seu site com cara de blog, ou não. Tudo através do epanel.

Barra de Navegação

No epanel é possível escolher as páginas que irão ou não aparecer na barra de navegação, assim como as categorias, sem o uso de nenhum plugin:

Com um simples clique em cima da página ou da categoria você decide se elas irão ou não aparecer nos menus de navegação de seu layout.

Espaços para banners de publicidade

Os templates já vem com espaços pré-determinados para a inserção de banners de publicidade ou códigos adsense. É possível colocar a imagem do banner e o endereço URL de destino, ou então colocar o código adsense nos locais já preparados pelo layout. Cada tema tem um tamanho de anúncio e locais diferentes para os banners, sendo o mais comun o de 468×60. Basta inserir o código pelo painel e ativar a opção e seu blog já terá os anúncios rodando.

Montando a sidebar e o rodapé

Todos os scripts possuem sidebar e rodapés dinâmicos, ou seja, basta arrastar o widget desejado para a sidebar, sem precisar mexer em código nenhum. Para isso é só ir ao menu Widgets da opção Aparência do Wordpress.

Alguns templates vem com o plugin wp-postrankigs, que é um plugin que permite que os leitores dêem notas para os posts, mostrando as estrelinhas para serem marcadas. Depois, é possível colocar esse widget na sidebar ou no rodapé, mostrando quais os artigos mais votados. Veja o exemplo no tema eGallery:

A maioria deles possuem também a opção de colocar widgets no rodapé.

Páginas sem sidebar

Se precisar fazer um site ao invés de um blog, as vezes é muito útil que uma página não tenha sidebar, os temas da ElegantThemes vem com dois templates de páginas, a normal com sidebar, e a full, sendo uma página inteira. Para fazer isso basta selecionar o template desejado na edição de cada página.

Mais uma vez, para não deixar o artigo muito grande, vou deixar o resto para o próximo. Trarei as opções de tradução, shortcodes, integração, cores e logotipos. Não deixe de acompanhar!

Um abraço e até a próxima!

Por que eu gosto da ElegantThemes? Parte 2 is a post from: Info-Macross | Um blog sobre como criar blogs.

Por que eu gosto da ElegantThemes?

Info-Macross — Wed, 27 Oct 2010 17:16:15 +0000

Quando voltei à ativa aqui no blog, pedi para os leitores sugestões sobre quais assuntos abordar, e um dos assuntos mais pedidos foi sobre templates. Como eu só uso os templates da ElegantThemes em todos os meus projetos wordpress, hoje vou mostrar aqui o porque que eu sou tão fã deles e não os troco por nada.

Os templates desse site são incríveis. Além de serem muito bonitos e funcionais, eles vem com um painel administrativo onde é possível configurar o template inteiro, sem mexer em uma única linha de código sequer! A assinatura do site vale por um ano, e o melhor, o assinante tem direito a todos os temas do site, isso mesmo, todos, são cerca de 50 temas para você escolher qual o melhor se adapta para você ou seus projetos, e sempre são lançados novos templates, cada vez mais modernos e funcionais.

No site você encontra templates para os mais diversos tipos de trabalhos, como blogs, galerias de imagens, e-commerce, portfólios entre outros. Todos vem com o painel administrativo onde é possível configurar tudo, simplesmente tudo o que é preciso sem mexer em uma única linha de código! Vou começar a enumerar as características que eu acho de muita importância para no quesito template de blog.

O painel

O painel de administração do template, ou epanel, é facilmente acessado através do menu Aparência do Wordpress.

É a partir dele que é possível configurar a maioria das opções do template. Depois será preciso também colocar os widgets necessários na sidebar, o que é muito simples de se fazer.

Opções de Cores

Na primeira aba do epanel, General, é possível escolher o esquema de cores do tema. Cada tema vem com um esquema padrão, mas também traz algumas opções de cores pré-definidas, ficando a sua escolha qual utilizar. No tema TheProfessional por exemplo é possível escolher entre quatro cores diferentes: Default, Blue, Green ou Purple. O bom é que todos os temas tem várias cores para escolher.

ThumbNails

A maioria dos temas já vem com um plugin para criar os thumbnails automaticamente das imagens dos posts, e também para colocá-los nos slides da homepage dos temas que tem esta característica. Para que funcione é preciso apenas acrescentar um campo personalizado para uma imagem de cada post, assim, as miniaturas poderão ser mostradas nas categorias, na home, e nos slides. Digo que pode porque é você quem decide, se não quiser basta ir até a opção correspondente do painel e desmarcar, e não serão mais mostrados os thumbs.

Slides

Os temas novos da ElegantThemes possuem um show de slides na página inicial. Você pode escolher entre mostrar os posts ou páginas específicas nos slides, para isso é só configurar na aba Features Sliders do epanel. Também é possível escolher o número de slides a serem mostrados, o tipo de animação entre eles e quantos que quer que seja mostrado. Veja o exemplo do template DeepFocus. Na parte inferior mostra quantos são os slides, no caso 3, e é possível configurar para que eles fiquem mostrando automaticamente cada post, no intervalo de tempo que você definir.

Outros temas, como o Polished, possuem outro tipo de show de slides, funcionando da mesma maneira: você escolhe como quer que ele se comporte:

Ainda tem muito o que falar das características dos layouts da ElegantThemes, mas, para o artigo não ficar extremamente grande, vou deixar para falar mais no próximo. São características sobre sidebar e rodapé, transformar um blog em um site ou vice versa, barra de navegação e banners de publicidade.

Um abraço e até lá!

Por que eu gosto da ElegantThemes? is a post from: Info-Macross | Um blog sobre como criar blogs.

Como alterar o template de um blog já existente

Info-Macross — Tue, 19 Jan 2010 21:45:03 +0000

Como disse na semana passada, estou preparando um novo template para o blog. E alterar um tema de um blog que já está no ar é bem diferente do que simplesmente escolher um template para um novo blog, principalmente pelo fato de você já estar a usar um layout há tempos e já saber os prós e contras desse layout.

Vou colocar aqui uma breve lista do que estou fazendo para poder alterar a cara do blog, alguns itens foram rápidos de ser resolvidos, outros entretanto, estão demorando mais, por isso a demora do lançamento do novo Info-Macross.

Novas funcionalidades

Esse item eu estou pensando desde o ano passado, muito antes mesmo de pensar em escolher um novo template. Como já estou a mais de um ano com este blog, vi que faltavam algumas coisas que a meu ver são essenciais e o tema atual do blog não provê. Como por exemplo poder ter respostas aos comentários e ter os trackbacks e pingbacks separados dos comentários normais. Não vou dizer quais são todas as novas funcionalidades, mas acho que essas são essenciais para qualquer blog, e o meu ainda não tem.

A escolha do template

Depois de ter em mente todas as funcionalidades que queria disponibilizar em meu novo layout, fica mais fácil escolher o novo tema. Pois se quer um espaço para publicidade, procure um que já tenha esse espaço definido, se quer certos widgets, veja se o template escolhido lhe provê esses widgets, a maioria são instalados através de plugins. Tanto faz se o template for free ou pago, mas os pagos tem as vantagens de você quase não ou nem precisar mexer em código algum, já que praticamente todas as configurações são feitas através do painel do wordpress.

A adaptação/configuração do template

Mesmo que o template escolhido permita ser configurado pelo painel, será preciso escolher as opções desejadas e testar até que fique a seu contento. Eu faço isso instalando o novo tema no backup do blog que tenho na minha máquina local, isso evita inúmeros problemas, já que só depois de tudo testado que irá colocar no blog verdadeiro o novo tema.

Anotar as alterações

Algumas alterações feitas na máquina local terão que ser feitas novamente quando alterar o template do blog no ar. No meu caso, serão criadas novas páginas e desativadas algumas outras. Também alterei meu blogroll, e inúmeras imagens que aparecerão no novo blog. Por isso é importante anotar todas as modificações feitas no painel, para que quando subir seu novo visual ele fique idêntico ao que você tiver na máquina. Isso inclui anotar as imagens criadas, arquivos alterados, configurações gerais do wordpress e do template, e também novas páginas criadas. Tendo isso anotado ficará muito mais fácil e rápido as modificações a serem feitas.

Testar em diversos navegadores

A parte que acho mais chata é testar no internet explorer. Eu uso o Chrome. Eu gosto do Chrome. Quando vou testar no Firefox sempre está tudo a mil maravilhas, agora, quando chega a hora de testar no IE, por favor, que desgraça! Mas é bom testar para que seus leitores que ainda usam o IE não sejam prejudicados com um visual torto e fora do lugar.

Torcer para que dê certo

Esse sem dúvida é um item essencial! Espero que quando subir o novo layout do blog tudo fique a contento e dê certo. No mais é esperar o feedback dos leitores para dizerem possíveis problemas.

Acredito que na semana que vem conseguirei colocar no ar o novo tema do blog. Ainda faltam alguns (muitos) ajustes.

Um abraço e até a próxima!

Como alterar o template de um blog já existente is a post from: Info-Macross | Um blog sobre como criar blogs.