Nossos 25 melhores artigos de WordPress e design de 2016

2016 foi cheio de novas tendências fantásticas no mundo do web design. De novos tutoriais de CSS às melhores práticas do WordPress e conselhos práticos para expandir sua agência, cobrimos tudo no The Layout.

Para garantir que você não perca nosso melhor conteúdo do ano, reunimos nossas histórias mais populares para que você possa ler o melhor dos melhores antes do início de 2017.

Então, sem mais delongas, aqui estão nossos 25 melhores artigos de WordPress e design de 2016.

25. Nossos 10 plugins favoritos do WordPress

Peneirar o diretório de plugins do WordPress é um pouco como estar em uma loja de doces – todos eles parecem tão emocionantes para experimentar! E hoje em dia, há um plug-in para quase tudo: aprimoramentos de segurança, aumento de desempenho, otimização de SEO e a lista continua.

Em última análise, os plugins que você decide instalar dependem completamente de você e das necessidades do seu site. Mas para ajudá-lo a começar a classificar as massas, compilamos uma lista dos nossos 10 principais plugins.

24. O que você precisa para construir um belo blog no WordPress

Os blogs são uma ferramenta maravilhosa para aumentar o reconhecimento da marca, expandir um negócio ou até mesmo usar como uma saída criativa. E hoje em dia, é mais fácil do que nunca construir seu próprio site.

Pronto para construir o blog WordPress dos seus sonhos? Aqui está o que você precisa para começar.

23. 17 fontes gratuitas para download em 2016

Procurando atualizar sua biblioteca de fontes com alguns tipos de letra novos? Encontramos algumas ótimas opções lançadas este ano e tivemos que compartilhar!

Aqui estão 17 excelentes fontes gratuitas para dar ao seu projeto a aparência perfeita.

22. Onde encontrar as melhores fotos gratuitas de 2016

Procurando uma foto gratuita de alta qualidade? Não é uma foto genérica e sem graça. Uma imagem real, que chama a atenção, com profundidade e cor e uma pitada de “história” sobre ela. Vivemos na interseção fortuita da fotografia digital, da economia compartilhada e da Internet. Sites gratuitos de compartilhamento de fotos com imagens de alta qualidade estão surgindo em toda a web, oferecendo um fantástico bufê de fotografias Creative Commons Zero (CC0).

Aqui estão cinco dos nossos sites favoritos para encontrar as melhores fotos gratuitas.

21. 32 fantásticos temas gratuitos do WordPress para conferir em 2016

Esteja você trabalhando em um novo site WordPress brilhante ou fazendo uma atualização de marca em um site existente, de vez em quando é hora de encontrar um novo tema para trabalhar. E embora existam muitos e muitos temas premium excelentes por aí, é ótimo acompanhar os temas gratuitos do WordPress também. Especialmente se você estiver trabalhando com um cliente menor com orçamento limitado, muitos desses temas gratuitos fornecerão a funcionalidade básica e as opções necessárias.

Confira nossa lista de fantásticos temas gratuitos do WordPress de 2016!

20. Como criar um tema filho do WordPress

Normalmente, é quase impossível encontrar o tema perfeito; sempre há algumas modificações que precisam ser feitas. Então, por que não pegar um bom tema padrão do WordPress, como Twenty Fifteen, e torná-lo seu para que pareça e funcione do jeito que você deseja? Criar um tema filho economizará muito tempo e dores de cabeça no caminho (confie em mim).

Siga este tutorial para criar facilmente seu próprio tema infantil personalizado do WordPress.

19. Como melhorar a velocidade e o desempenho do seu site WordPress

Você sabe que a velocidade do site é crucial para o sucesso do seu negócio (e do seu cliente). Repetidamente, você é atingido na cabeça com estatísticas assustadoras como “quase metade dos usuários da web espera que um site seja carregado em dois segundos ou menos” e “os usuários tendem a abandonar um site que não é carregado em três segundos .” É fácil se sentir frustrado neste ponto do projeto, mas não se preocupe.

Antes de derrubar a porta do seu host ou adicionar uma tonelada de plugins esboçados, siga estas etapas fáceis para tornar seu site WordPress suave, sólido e super rápido.

18. Como adicionar jQuery ao seu tema WordPress

jQuery é uma biblioteca Javascript muito popular, se não a mais popular. Na verdade, é tão popular que o WordPress vem carregado automaticamente. (Isso começou no WordPress 3.8.1.) Só porque o WordPress vem com jQuery, no entanto, não significa que ele está pronto para uso imediatamente. Se você estiver usando ou criando um tema onde jQuery ainda não é chamado, você terá que fazer algumas coisas antes de começar a utilizá-lo.

Siga este tutorial para carregar o jQuery para qualquer tema do WordPress.

17. Web design vs. desenvolvimento web: Qual é a diferença e por que isso importa?

Já teve um cliente em potencial em contato com você para o que eles pensavam ser um novo design da web, quando descobriu que o que eles realmente precisavam era de um desenvolvedor? Talvez você tenha tido a experiência estranha de explicar ao seu redator que você é um desenvolvedor, não um designer, e que a cópia precisava ser corrigida para deixar isso claro? Confundir web design com desenvolvimento web é um erro muito comum que as pessoas cometem, especialmente quando são novatos nessa coisa nova que chamamos de interwebs.

Há uma diferença muito real entre desenvolvimento web e web design. Saiba o que é e por que é importante.

16. Como criar um carrossel “Recent Post” usando o Owl Carousel

O WordPress vem com um widget de “Postagens Recentes” que colocará os títulos de suas postagens mais recentes em uma barra lateral e os vinculará à postagem completa. O problema com isso é que o widget de Postagens Recentes é muito limitador. E se você precisar de algo um pouco mais elegante e com um pouco mais de funcionalidade? Por exemplo, e se você quiser extrair a imagem em destaque e um trecho e de um tipo de postagem personalizado?

É aí que entra o Owl Carousel, para ajudá-lo a seguir a rota DIY e construir o site dos seus sonhos. Siga este tutorial para criar seu próprio carrossel de “Postagens Recentes”!

15. Como adicionar Font Awesome ao seu site WordPress

Font Awesome é um conjunto de ícones robusto que contém ícones vetoriais escaláveis. E surpreendentemente, é grátis (conjuntos de ícones podem ser bem caros, tornando este um ótimo negócio). O Font Awesome também permite uma adição fácil ao seu tema WordPress, economizando tempo valioso porque você não precisa criar e salvar esses gráficos por conta própria.

Siga este tutorial para aprender como adicionar Font Awesome ao seu site WordPress.

14. Como criar um cabeçalho de site fixo

Os cabeçalhos de sites que permanecem no lugar quando um usuário rola a página se tornaram um elemento de design muito popular. Eles permitem que o usuário acesse facilmente a navegação sem a necessidade de rolar para cima cada vez que quiser escolher uma página ou opção diferente.

Siga este tutorial para adicionar facilmente um cabeçalho de site fixo ao seu site WordPress.

13. Como economizar tempo configurando novos sites WordPress

Não importa o quanto você ame o WordPress ou o design de sites, há uma parte do trabalho que pode ficar um pouco monótona: configurar novas instalações do WordPress. Antes mesmo de começar a pensar em adicionar belas personalizações aos seus sites, você precisa começar com o básico: um tema, plugins e configurações.

Mas não se preocupe – existe uma maneira de acelerar esse ciclo redundante. Siga este guia para acelerar seu processo e voltar a construir belos sites!

12. Como adicionar um Google Map responsivo no WordPress

Como a solução de mapa mais popular, adicionar o Google Maps ao seu site WordPress não poderia ser mais fácil. Essa tecnologia de mapeamento amigável fornecerá informações comerciais, informações de contato e direções para o local de sua escolha, tornando a navegação super conveniente para seus usuários.

Pronto para adicionar um mapa ao seu site WordPress? Este tutorial abordará como usar um plug-in para adicionar um e o método DIY.

11. Como adicionar opções ao personalizador do WordPress

O WordPress Customizer pode ser um pouco esmagador no começo, mas depois de mergulhar, você descobrirá que é mais fácil do que o esperado. É uma ótima ferramenta para você (ou seus clientes) alterar um tema, e você pode realmente torná-lo seu adicionando opções personalizadas.

Então, vamos detalhar – veja como usar o Personalizador para opções de tema.

10. Os melhores canais do Slack para designers

O Slack rapidamente se tornou a forma de comunicação favorita de muitos designers e criativos. Isso torna a comunicação com colegas de trabalho e amigos divertida, eficaz e sem esforço. Mas uma das melhores partes do Slack é que as pessoas se uniram para criar comunidades focadas em tópicos específicos.

Se você estiver pronto para participar da conversa, aqui estão 16 dos melhores canais do Slack para designers.

9. A maneira mais fácil de desenvolver sites WordPress localmente

Quando você está construindo um site WordPress, pode ser tentador começar a fazer alterações quando e onde quiser, diretamente no site ao vivo. Um pequeno ajuste de CSS nos estilos de botão não vai prejudicar nada, certo?

No entanto, mesmo alterações simples podem ser arriscadas, e é por isso que existe uma certa regra de ouro do desenvolvimento do WordPress: quando você está desenvolvendo sites WordPress, mesmo que esteja apenas fazendo uma pequena alteração de código, você nunca deve fazer alterações diretamente no um site ao vivo.

Usar um ambiente de desenvolvimento local é crucial para desenvolver sites personalizados do WordPress. Aprenda a configurar um com facilidade e eficiência com este guia!

8. Como usar consultas de recursos CSS

As consultas de recursos CSS são uma maneira de executar um método nativo do navegador de detecção de recursos. Essas consultas analisam se um navegador implementou corretamente uma propriedade CSS. Essencialmente, o navegador “relata” se uma determinada propriedade ou valor CSS é ou não suportado. O resultado determina se deve ou não aplicar um bloco de CSS.

Animado para usar os novos recursos CSS, mas preocupado com os recursos do navegador? Saiba como as consultas de recursos CSS podem ajudar a manter as coisas funcionando sem problemas.

7. 9 tendências de web design para conhecer em 2016

A indústria de web design chegou a um ponto interessante onde os designers querem fazer mais do que apenas criar um site – eles querem contar uma história. Mais do que nunca, o objetivo de um site é entreter e informar. Nossa lista apresenta nove maneiras diferentes de contar essa história, desde cinemagrafias impressionantes até deliciosas microinterações.

Não é tarde demais – aqui estão nossas nove principais tendências de web design para 2016!

6. Como a receita recorrente pode ajudar você a escalar sua agência

Escalar sua agência para um negócio sustentável e bem-sucedido às vezes pode parecer uma tarefa impossível, e é fácil entender o porquê. Consultar os clientes consome muito tempo e, no final do dia, você está preso a um relógio com apenas algumas horas faturáveis.

O segredo para escalar sua agência? Adicione canais de receita recorrentes ao seu modelo de negócios!

5. Impressos gratuitos para ajudar os designers a se manterem organizados

Você é um designer, então provavelmente poderia criar o modelo perfeito e imprimi-lo. Mas se você está procurando uma solução mais rápida, existem outros designers por aí que tiveram a mesma ideia e criaram alguns brindes incríveis que você pode baixar para seus esforços pessoais de organização.

Se você está pronto para levar sua organização para o próximo nível (de graça!), confira esses incríveis imprimíveis para designers.

4. Como criar um layout simples com CSS Grid Layouts

Parte de ser um designer é saber o que o futuro do web design reserva. Layouts de grade CSS são um divisor de águas e ajudarão a aliviar um pouco da frustração em torno do posicionamento com o qual os designers tiveram que lidar por muitos anos. Embora ainda não seja uma prática comum, é algo a se esperar.

Siga este tutorial simples para aprender o básico de CSS Grid Layouts!

3. Por que o SSL é importante para o seu site WordPress

SSL. Você provavelmente já ouviu falar dessas três cartinhas antes, mas você sabia que elas podem realmente beneficiar seu site WordPress? Antes de falarmos sobre como isso ajudará seu site, no entanto, primeiro vamos ver o que exatamente é o SSL.

Aqui está o que é SSL, por que você o deseja e como obtê-lo facilmente em seu site WordPress!

2. Como usar técnicas de recorte e mascaramento CSS e SVG

Os SVGs são ótimos para trabalhar na web, e o recorte e o mascaramento permitem algumas maneiras interessantes de mostrar ou ocultar partes de seus gráficos da web. O uso dessas técnicas também permite mais flexibilidade com seus designs, pois você não precisa fazer alterações manualmente e criar novas imagens – tudo é feito com código.

Siga este tutorial para começar facilmente com recorte e mascaramento de CSS e SVG.

1. 20 bibliotecas JavaScript para conferir em 2016

As bibliotecas JavaScript são uma ferramenta incrivelmente útil para qualquer designer ou desenvolvedor se familiarizar. Eles podem adicionar algumas funcionalidades super poderosas ao seu site ou aprimorar o design, resultando em uma melhor experiência para seus usuários.

Embora haja um número infinito de recursos disponíveis, acreditamos que essas 20 bibliotecas JavaScript certamente levarão seu site ao próximo nível em 2016.

Isso completa nossa lista dos melhores artigos de WordPress e design de 2016! Quais foram alguns dos seus favoritos? Compartilhe seus links nos comentários abaixo para nos ajudar a aumentar nossa lista!