Marco Andrei Kichalowsky

Criando um tema WordPress usando Underscores (_s)

Para acelerar e facilitar nossa tarefa de construir um tema, vale a pena conhecer o Underscores (_s), um gabarito criado pela equipe da Automattic que serve de base para a criação de novos temas para o WordPress.

Por que o Underscores (_s)?

Uma das atividades cotidianas para o desenvolvimento de um website no WordPress é a criação de um tema, que contém o visual das páginas e também reúne algumas funcionalidades.

Mas apesar da farta documentação e facilidade para entender a estrutura dos temas para WordPress, criar um tema do zero pode ser uma atividade extensa, que se toma muito tempo para desenvolver as partes mais básicas.

Para acelerar e facilitar nossa tarefa de construir um tema, vale a pena conhecer o Underscores (_s), um gabarito criado pela equipe da Automattic que serve de base para a criação de novos temas para o WordPress.

Desenvolvido em 2012, o Underscores é uma evolução do tema Toolbox, que era oferecido como tema inicial no serviço WordPress.com. Ainda hoje, o _s é base para uma série de temas produzidos pela própria Automattic, incluindo os temas disponibilizados no pacote de instalação e já está sendo atualizado para suportar o novo Gutenberg.

Além de uma base forte para teu tema, o Underscores ainda é recheado de ajustes e quitutes que aceleram o desenvolvimento e também dão uma melhorada no visual.

O que Underscores tem?

Um conjunto de modelos de página finamente desenvolvidos em HTML5, modernos e bem comentados.
Um modelo de página 404.
Código-exemplo para a implementação do recurso de cabeçalho personalizado, em inc/custom-header.php.
Conjunto de marcações personalizadas em inc/template-tags.php para manter seus modelos limpos e arrumados, evitando a redundância de código.
Alguns ajustes em inc/template-functions.php que podem aprimorar a experiência com teu tema.
Um conveniente script JS em js/navigation.js que transforma o menu principal e seus itens (abertos em telas maiores) para um simples botão que abre o menu, para telas menores.
Dois exemplos de leiaute CSS emlayouts/ para posicionar uma barra lateral à esquerda ou à direita.
Um folha de estilos CSS mínima, mas finamente organizada e detalhada em style.css que ajuda (e muito!) a montar o visual de nosso tema rapidamente.

E tudo isso licenciado sob GPLv2, ou seja, podemos usar livremente sem se preocupar com questões legais.

Como usar o Underscores?

Acho que a melhor maneira de começar e é meter a mão na massa. E como se não fosse sensacional ter todo esse código pronto, ainda é muito fácil personalizar o gabarito antes mesmo de baixá-lo.

1) Acessa a página do Underscores, em underscores.me. Clica em “Advanced options” para ver as “opções avançadas”.

2) Preenche com um nome para o tema, um “slug” (identificador único), nome do autor, endereço do autor na Web e um descritivo (no meu caso, “um tema cuera*”).

3) Aperta “Generate” para gerar teu novo tema baseado no _s e baixar o pacote.

Agora é só usar como um pacote de tema comum do WordPress, subindo o ZIP em Aparência > Temas no administrador. Em Aparência > Personalizar dá para ver as opções que estão ativadas por padrão e começar a ajustar o leiaute.

Em um próximo artigo pretendo detalhar as entranhas do tema, mas se quiseres saber mais sobre esse excelente starter theme, faz meu curso Criando temas WordPress com Underscores. Te inscreve aqui!

Pagamos caro por uma Internet ruim; e querem piorar

Transmissões pela Internet é um caminho sem volta e os “datilógrafos” do Brasil querem obrigar os seus clientes a continuar consumindo seus produtos obsoletos.

Para quem ainda não entendeu a extensão do “golpe” dos provedores de Internet, saibam que mesmo que não se use o Netflix, ainda temos muitos serviços que consomem um volume de dados considerável.

Tanto que os próprios programas têm a opção de fazer transferências só quando conectado no WiFi para “não consumir franquia de dados 3G”.

Alguns exemplos de serviços que serão afetados:

– armazenamento em nuvem: Dropbox, Microsoft OneDrive, Apple iCloud, Google Drive, etc.
– portais de vídeo: YouTube, Vimeo, G1, R7, Terra, UOL, etc.
– vídeo por demanda: Netflix, NET now, etc.
– transmissões em linha: todos os canais que têm aplicativos, etc.

Para quem ainda não entendeu o porquê, saibam que o Netflix é um dos principais concorrentes da TV a cabo, e a ideia, é claro, dar um golpe nos provedores de conteúdo.

Transmissões pela Internet é um caminho sem volta e os “datilógrafos” do Brasil querem obrigar os seus clientes a continuar consumindo seus produtos obsoletos. A venda casada é clara: se comprares a TV junto, a conexão Internet sai mais barato. NÃO COMPRO.

Minha dica de protesto:

– ao contratar uma conexão Internet para ti, NÃO COMPRES a TV e o telefone (ninguém usa, ninguém vê), mesmo que seja mais caro;
– ao comprar um telefone fixo, NÃO COMPRES VoIP, porque se faltar luz, ficarás sem telefone (podes usar qualquer mensageiro como Skype, Hangouts, etc. em vez disso, é um serviço pago inútil);
– opte por provedores que oferecerem uma banda cheia, que não se protejam atrás da regulamentação ridícula da Anatel, que obriga os provedores a entregar 40% da banda nominal (te vendem 10MB e te entregam 4MB, isso quando entregam);
– se teu plano atual não tem franquia de dados NÃO MUDA; os novos já têm isso.

Um detalhe importante: os provedores que tiverem planos por franquia de dados são OBRIGADOS a fornecer uma ferramenta para controle do consumo. Sem ela, NÃO PODEM oferecer planos limitados.

Temos uma das piores infraestruturas de Internet do mundo e ainda temos que pagar caro por ela.

A última dica então é: NÃO CONSUMAS o que não precisas. Gasta teu dinheiro de maneira consciente e não pagues por porcarias.

iDiots: uma animação sobre obsolescência programada e dependência

Não somos todos um pouco iDiotas em determinados momentos e nos deixamos levar pelos impulsos?

Somos todos vidrados em novas tecnologias e é verdade que hoje em dia o ciclo de renovação dos produtos é acelerado não só pelas novas exigências criadas pelo mercado, mas porque a duração dos produtos é menor que antigamente.

A animação iDiots, produzida pelo estúdio Big Lazy Robot, brinca com esta temática dupla do vício pelo telefone e a obsolescência planejada, colocando em cena robôs que compram um novo telefone. Eles então se grudam em seus iDiot 4 e descobrem novos aplicativos até a morte de seu telefone… e a chegada do próximo modelo!

Curiosidade: os robôs apresentados no filme são modelos japoneses reais, vendidos em um kit.

Não precisas ficar com vergonha ao ver este vídeo, podes rir de ti mesmo. Afinal de contas, nós todos somos um pouco iDiotas em determinados momentos de nossas vidas e nem sempre conseguimos controlar nossos impulsos.

Gaudério, um plug-in para WordPress

Este é meu primeiro plug-in para Wordpress: um tributo ao próprio criador da plataforma e uma homenagem ao meu Rio Grande do Sul!

Muitos sabem que sou fã da plataforma WordPress e uso-a frequentemente, para todos os meus blogs e trabalhos, incluindo o Randomicidades. A plataforma usa um sistema de “plug-ins” (complementos) que estendem as capacidades do software, adicionando funcionalidades.

Um dos mais famosos plug-ins é o “Hello Dolly”, feito pelo próprio Matt Mullenweg, criador do WordPress. Este plug-in simples faz apenas uma coisa: seleciona aleatoriamente um verso da canção de Louis Armstrong e mostra na tela de administração. É uma homenagem, mas também uma maneira de mostrar como é fácil incrementar os recursos da plataforma.

Baseado neste código, eu desenvolvi meu primeiro plug-in para WordPress. Além de ser um tributo ao próprio criador da plataforma, é também uma homenagem a minha querência, o Rio Grande do Sul.

Gaudério é um plug-in simples: ao instalá-lo, verás na tela de administração do teu sistema um verso do poema “Gaudério” do poeta gaúcho João da Cunha Vargas, colhido aleatoriamente.

Instrução de instalação:

1) Clica no link abaixo para baixares o arquivo ZIP.

» CLICA AQUI para baixar o plug-in GAUDÉRIO

2) Sobe o pacote pelo painel de administração do WordPress.

Espero que seja do gosto dos desenvolvedores gaúchos. A la putcha, tchê!