Uhuuu! Depois de quase um ano e 4 programadores, eis que o Living Gazette estreia seu novo layout! Vocês sabem o quanto sou fissurada por design gráfico (e qualquer coisa visual) e se pudesse, mudaria de layout umas 2x por ano! A verdade é que por mais que eu gostasse do antigo, eu precisava atualizar as funções do template, que hoje é imprescindível que seja responsivo (adaptado para mobile e tablet) e que tenha outras funcionalidades. Sem falar no fator novidade: sempre tão bom renovar, dar um refresco visual!
O novo layout é um template customizado (não quis fazer um do zero) e tem tanta novidade no painel que ainda estou descobrindo aos poucos. Voltei ao branco e preto, cores do saudoso Fashion Gazette mas não descartei o rosa claro, meu xodó, que por enquanto vai aparecer nas montagens mas talvez eu acrescente em alguns lugares do layout depois. O cabeçalho voltou com o logo original e seu brasão que eu amo, para mostrar esse estilo mais tradicional mas que é misturado ao contemporâneo com o layout mais clean, sem barra lateral, sonho antigo! Agora está mais fácil compartilhar as imagens no pinterest, os slides nos posts são do jeito que queria (e vou usar muito, principalmente para desfiles), os slides do cabeçalho vão de ponta a ponta, tem meu instagram no rodapé…detalhes que eu desejava há tempos! Todas as mudanças foram feitas pelo Victor Costa, da agência Cítrica (web@citrica.com.br)
Mas como nem tudo são flores, no final do ano e começo desse, o blog foi hackeado duas vezes e tive meu instagram and facebook bloqueados…aprendi demais para resolver esses pepinos (sabia que se uma pessoa só denunciar uma foto sua no instagram eles bloqueiam sem te avisar?) e nos últimos dias passei boas horas otimizando o blog, com a ajuda da querida Dani Honorato, que além de ter o Unha Bonita, o blog de esmaltes mais famoso do Brasil, é expert nessas coisas técnicas que a gente não faz muita questão de entender! Por isso, pedi para ela algumas dicas (acompanhadas de outras minhas) para passar aqui, que ajudam a otimizar o blog e dar mais segurança. É imperdível e deve tudo ser feito já!
[eltd_custom_font content_custom_font=”Menos é mais!” custom_font_tag=”h2″ font_family=”garamond” font_size=”30″ line_height=”” font_style=”italic” text_align=”center” font_weight=”” color=”” text_decoration=”none” letter_spacing=””]
“No wordpress você tem uma infinidade de plugins pra fazer tudo o que você imagina! Então, não saia instalando e ativando tudo porque sim, plugins pesam (e muito) em um site! Deixe apenas aqueles totalmente essenciais e os quais seu tema necessita.” (Eu tinha 19, 20 plugins ativos, depois que a Dani me falou isso, passei para 12! Tem um plugin para você testar quais são os mais pesados:
P3 Plugin Perfomance Profiler – depois de fazer o teste, pode desabilitar)
Dos essenciais, a Dani indica:
Akismet: anti-spam (porque wordpress tem muito spammer e você fica louca com tanto comentário doido)
Um plugin pra cache é essencial! Indico o W3 Total Cache! Sem muita explicação técnica, ele faz o site carregar mais naturalmente e não travar o servidor”
[eltd_custom_font content_custom_font=”Disqus” custom_font_tag=”h2″ font_family=”garamond” font_size=”30″ line_height=”” font_style=”italic” text_align=”center” font_weight=”” color=”” text_decoration=”none” letter_spacing=””]
Esse plugin de comentários virou uma febre ultimamente e eu tinha instalado ele mas já desinstalei, já que é bem pesado. Segundo a Dani, melhor instalar o do
Facebook Comments Plugin, além de deixar o do blog
[eltd_custom_font content_custom_font=”Plugin Jetpack” custom_font_tag=”h2″ font_family=”garamond” font_size=”30″ line_height=”” font_style=”italic” text_align=”center” font_weight=”” color=”” text_decoration=”none” letter_spacing=””]
Tinha ouvido muito falar mas nunca parei para saber realmente o que era o tal do
Jetpack…é um super plugin criado pelo WordPress que engloba várias funcionalidades, para evitar que você instale vários plugins e tenha tudo em um só. Estatísticas, posts relacionados, mailing list, compartilhamento em redes sociais e mil outras opções. Você escolhe quais quer ativar – na verdade já vem todas ativas, você tem que filtrar as que te interessam e desativar o resto
[eltd_custom_font content_custom_font=”Importante: otimize as imagens” custom_font_tag=”h2″ font_family=”garamond” font_size=”30″ line_height=”” font_style=”italic” text_align=”center” font_weight=”” color=”” text_decoration=”none” letter_spacing=””]
“Jamais, em hipótese alguma, suba a foto direto da câmera ou com mais de 1, 2 mega para o blog. Além de travar o site, seus leitores vão desistir de ver as imagens, já que demora demais para carregar. É sempre bom pensar que a maioria das pessoas carregam o site pelo celular e, mesmo em lugares com sinal bom de 3G ou 4G isso pode afetar o desempenho do site.” (Minha dica: eu salvo as fotos usando o recurso save for web do photoshop e coloco a qualidade entre 60 e 70%; tem um plugin chamado
Short Pixel que instalei recentemente (de graça ele otimiza 100 imagens por mês mas você pode pagar um plano mensal ou único de milhões de imagens por poucos dólares) mas descobri agora um outro plugin, o
EWWW Image Optimizer que estou querendo testar
[eltd_custom_font content_custom_font=”Segurança” custom_font_tag=”h2″ font_family=”garamond” font_size=”30″ line_height=”” font_style=”italic” text_align=”center” font_weight=”” color=”” text_decoration=”none” letter_spacing=””]
“Aconselho a pessoa a trocar o usuário padrão do wordpress de admin para outro nome e a senha colocar algo bem elaborado. Com números, letras minúscula, maiúscula…isso protege bem.” (Eu acabei de fazer isso e mostro o passo-a-passo: crie um usuário com nome e senha bem difíceis. Dê logout e faça login com o novo usuário e senha. Selecione o usuário antigo (admin) e clique em deletar. Vai aparecer um aviso perguntando se quer passar todos os posts para um outro usuário (sim!) ou deletar: selecione o novo usuário para passar todos os posts antigos para ele. Done!)
[eltd_custom_font content_custom_font=”Taxa de rejeição (bounce rate)” custom_font_tag=”h2″ font_family=”garamond” font_size=”30″ line_height=”” font_style=”italic” text_align=”center” font_weight=”” color=”” text_decoration=”none” letter_spacing=””]
Outra dica que a Dani me passou: o ideal é que o leitor clique em alguma coisa no blog durante sua visita, isso faz com que caia a taxa de rejeição medida pelo Google Analytics. “O leitor pode ficar 10 minutos no seu site, mas se não clicar em nada, dá bounce”, ela diz. Por isso que muitos blogs atualmente mostram só parte ou chamada do post para você clicar no “leia mais” e então ver o post inteiro – todos os templates atuais são assim – sem falar que isso faz com que o blog carregue muito mais rápido. Estou pensando seriamente em não deixar mais todos os posts completos na home
[eltd_separator class_name=”” type=”full-width” position=”center” color=”” border_style=”” width=”” thickness=”” top_margin=”” bottom_margin=””]
Viram só quantos detalhes?! E claro que tem muito mais que isso e nada como a ajuda de alguém que entende para passar esses truques…a Dani inclusive está fazendo esse trabalho de otimização de blogs: ela analisa o que precisa ser mudado e te entrega pronto, além de trabalhar também com layout, identidade visual e edição de vídeos – você pode entrar em contato com ela
aqui.
Blogando e aprendendo!
Deixe um comentário