Automatic.css v3.0.13 – The #1 Utility Framework for WordPress Page Builders

Descrição

Funcionalidades Principais do Automatic.css

1. Design Responsivo Automático:
   • Automatic.css é projetado para criar estilos CSS que se ajustam automaticamente a diferentes tamanhos de tela e dispositivos, garantindo que seu site tenha uma aparência ótima em desktops, tablets e smartphones sem precisar de ajustes manuais para cada breakpoint.
2. Classes CSS Pré-definidas:
   • O plugin fornece uma série de classes CSS pré-definidas que podem ser aplicadas diretamente aos elementos do seu site. Isso reduz o tempo necessário para escrever CSS personalizado e permite que você estilize rapidamente elementos comuns como botões, formulários, layouts de grade, etc.
3. Configuração Personalizada:
   • Você pode personalizar as configurações do Automatic.css para se adequar às necessidades específicas do seu projeto. Isso inclui a definição de variáveis de cores, espaçamento, tipografia e outras propriedades de design que serão aplicadas de forma consistente em todo o site.
4. Integração com o Editor Gutenberg:
   • O plugin é compatível com o editor de blocos Gutenberg do WordPress, permitindo que você aplique facilmente classes CSS aos blocos diretamente na interface de edição, melhorando a experiência de design visual.
5. Desempenho Otimizado:
   • Automatic.css é desenvolvido com foco na performance, garantindo que os estilos sejam carregados de forma eficiente e não impactem negativamente o tempo de carregamento do seu site.
6. Documentação e Suporte:
   • O plugin vem com documentação abrangente e suporte para ajudar os usuários a maximizar seu uso e resolver quaisquer problemas que possam encontrar durante a implementação.

Como Instalar e Usar o Automatic.css

1. Instalação:
   • Faça o download do plugin Automatic.css a partir do repositório oficial do WordPress ou de um fornecedor confiável.
   • No painel de administração do WordPress, vá para “Plugins” > “Adicionar Novo” e faça o upload do arquivo .zip do plugin.
   • Clique em “Instalar Agora” e, em seguida, “Ativar” o plugin.
2. Configuração:
   • Após ativar o plugin, acesse as configurações do Automatic.css através do menu de administração.
   • Personalize as variáveis de design, como cores, tipografia e espaçamento, de acordo com as necessidades do seu projeto.
3. Aplicação de Estilos:
   • Utilize as classes CSS pré-definidas do Automatic.css diretamente nos elementos do seu site. Isso pode ser feito através do editor Gutenberg ou adicionando as classes manualmente ao HTML dos seus posts e páginas.

Exemplos de Uso

• Botões:

  html

  Copiar código

  <button class="acss-btn acss-btn-primary">Clique Aqui</button>

• Layouts de Grade:

  html

  Copiar código

  <div class="acss-grid acss-grid-2">
<div class="acss-grid-item">Item 1</div>
<div class="acss-grid-item">Item 2</div>
</div>

• Tipografia:

  html

  Copiar código

  <h1 class="acss-heading acss-heading-large">Título Grande</h1>
<p class="acss-text acss-text-small">Texto Pequeno</p>


Conclusão

O Automatic.css é uma ferramenta poderosa para desenvolvedores e designers que trabalham com WordPress, proporcionando uma maneira eficiente e flexível de criar estilos CSS responsivos. Com suas classes pré-definidas e configuração personalizada, ele pode economizar tempo e esforço na criação de designs consistentes e visualmente atraentes.

Free Download