Planos a partir de R$ 39/mês Inscreva-se Agora

O que é um CMS

WordPress como CMS

Talvez você precise de um CMS

Você já sabe HTML/CSS, criou um site para um cliente e ele está querendo ter controle sobre o conteúdo (poder atualizar, adicionar produtos/serviços, mudar contato, fotos e etc).

Você precisa de um CMS (Content Management System) ou sistema de gerenciamento de conteúdo.

Seu projeto acaba de ganhar uma nova camada de complexidade. Mas ela pode ser muito simples se você escolher o CMS certo e utilizar ele de maneira simples.

O CMS da vez é o WordPress. 40% da Web que utiliza um CMS, faz o uso do WordPress. E esse número cresce cada vez mais, uma vez que o WooCommerce (Plugin de e-commerce para o WP), já é o sistema de e-commerce mais utilizado na Web.

Quando eu vendi o meu primeiro site, eu prometi ao cliente que teria um CMS nele (mas advinha só? eu não tinha a mínima ideia de como implementar um CMS).

Eu queria algo simples, leve e fácil de implementar. Acabei encontrando o Perch (https://grabaperch.com/). E a lógica de template dele era a coisa mais linda do mundo, funcionava mais ou menos assim:

§ HTML


<h2>Bicicletas Retrô</h2>
<p>O passado é o novo futuro.</p>

§ PERCH


<h2><perch id="titulo" /></h2>
<p><perch id="conteudo" /></p>

Eu fiquei encantado. Como um CMS deveria ser mais complexo do que isso? Solução perfeita, feito em PHP que torna muito simples a implementação, rápido e elegante.
Mas tinha um problema: é pago por site que você implementar e não é um projeto Open Source.

O problema não é ser pago em si, mas ser um projeto tocado apenas por duas pessoas e que pode acabar no mesmo minuto que eles decidirem parar (A Rachel Andrew do Perch é sinistra da programação e o trabalho dela é excelente no CMS).

Porém, dedicar tempo e investir em uma tecnologia que pode acabar a qualquer momento não era o que eu queria. (eu ainda acredito que o sistema de CMS deles é milhões de vezes melhor que o do WordPress).

Depois de cerca de 5 sites feitos com Perch eu decidi que deveria achar outra solução que fosse gratuita e famosa. E sem dúvidas era o WordPress.

Mas só o WordPress em si, é super complexo para ser utilizado da mesma forma que o Perch. Eu queria simplesmente um pedacinho de código que pudesse ser inserido em qualquer parte do meu HTML para retornar um valor que estivesse no banco de dados do meu CMS.

Após muita pesquisa eu descobri que o nome dado a esse pedacinho de código, era Custom Fields. E dai eu encontrei o famoso ACF (Advanced Custom Fields), instalado atualmente em mais de 1.000.000 de sites.

Com ele eu consegui utilizar o WordPress exatamente como fazia no CMS anterior. O código é um pouquinho diferente mas segue a mesma lógica.

§ WordPress com ACF


<h2><?php the_field("titulo"); ?></h2>
<p><?php the_field("conteudo"); ?></p>

Você pode criar quantos Advanced Custom Fields forem necessários para tornar todo o conteúdo do seu site gerenciável de ponta a ponta pelo WordPress.
Sem precisar fazer mudança alguma no seu HTML/CSS, apenas substituindo o conteúdo pelas funções do ACF.

Quer aprender do zero como implementei no site bikcraft.com? Da uma olhada no curso: https://www.origamid.com/cursos/wordpress-como-cms/

Mais Dicas

Design

Dica #10 Tipografia – Display

Código

Como adicionar uma barra de loading igual a do YouTube com JavaScript

Código

Como usar a função Calc de CSS

Design

1.4 ~ 1.5 Line-Height para definir a altura da linha

Design

Dica #12 Tipografia – Itálico