WordPress Essentials: Descubra as infinitas possibilidades

Se você deseja criar seu primeiro site, provavelmente já ouviu falar do WordPress, pois é uma das plataformas de sites mais populares do mercado. No entanto, se você não tem certeza do que é o WordPress e como pode usá-lo, continue lendo.

Neste guia detalhado, abordaremos os fundamentos do WordPress, para que você aprenda sobre o WordPress como CMS, temas do WordPress, plugins do WordPress e construtores do WordPress. Além disso, explicaremos os primeiros passos que você precisa seguir para construir seu site. Sem mais delongas, vamos mergulhar no poderoso mundo do WordPress.

O que é WordPress e por que é tão popular?

Em poucas palavras, o WordPress é uma plataforma gratuita que permite construir e manter sites de forma rápida, simples e segura. Em combinação com temas, plugins e construtores de sites do WordPress, o WordPress é a melhor caixa de ferramentas que contém tudo o que você precisará para criar o site dos seus sonhos.

WordPress é um CMS (sistema de gerenciamento de conteúdo) que pode ser enriquecido com temas e plugins, e que se integra perfeitamente com construtores de sites que permitem adicionar, excluir ou personalizar elementos sem conhecimento de codificação. Em outras palavras, o WordPress é o núcleo onde você pode adicionar ferramentas adicionais (plugins, temas…).

O que é importante dizer é que o WordPress não pode existir por si só – o tema deve ser instalado no WordPress para que possa ser usado para a construção de sites. Se isso soa confuso, não se preocupe; voltaremos a isso mais tarde, com mais detalhes.

O que são Temas WordPress?

Existem dois tipos de temas WordPress – gratuitos e pagos. Caso você queira usar um tema gratuito, você pode acessar o WordPress.org, que é uma biblioteca oficial de temas do WordPress. Aqui você pode baixar temas gratuitamente. Esses temas são testados e controlados pelo WordPress, então você pode ter certeza de que eles vêm sem malas. Diferentes recursos, estilos de design versáteis e layouts feitos para diferentes nichos tornam esses temas uma ótima opção para iniciantes no WordPress.

Não importa qual nicho você queira cobrir, você pode navegar por milhares de temas desenvolvidos por diferentes autores. Além do WordPress.org, onde você pode encontrar temas gratuitos modernos, existem mercados de temas onde você pode comprar temas premium do WordPress.

Como já dissemos, o WordPress como plataforma não pode funcionar sem um tema instalado. Por quê? Porque cada tema vem com um conjunto de arquivos que oferecem diferentes recursos e funcionalidades. Basicamente, esses recursos determinam a aparência das páginas do nosso site. Tudo, desde fontes e cores até o tipo de página que podemos construir (blog, portfólio ou loja), vem com o tema que instalamos.

Em outras palavras, um tema inclui todos os recursos que são a essência de seu caráter visual e funcional. Portanto, antes de escolher e obter um tema, sempre passe por sua lista de recursos e opções de layout para ver o que ele oferece.

Vamos pegar o Twenty One Theme como exemplo. Este tema pode ser encontrado no WordPress.org e você pode visualizar facilmente seus recursos caso goste.

Aqui podemos ver um belo fundo verde pastel, fontes elegantes, bem como sua interessante galeria – cada tema pode oferecer um tipo diferente de galeria de imagens. Além disso, neste tema, vemos diferentes colunas, seção de rodapé minimalista e ícones de mídia social que levam a canais de mídia social. Após instalarmos este tema, o conteúdo do nosso site será estilizado conforme mostrado nesta visualização, mas podemos decidir quais elementos devem ser adicionados/removidos. Claro, este exemplo não ilustra todos os elementos que este tema inclui. Para saber mais sobre as funcionalidades do tema, você pode percorrer todas as páginas ou ler a descrição do tema e uma lista de opções.

Como já dissemos, um tema determina as cores, fontes e outros elementos que aparecem em nosso site. No entanto, cada tema oferece um conjunto exclusivo de configurações e opções de personalização. Por exemplo, caso você goste de tudo no tema Twenty One, exceto o fundo verde, você pode alterá-lo seguindo suas preferências.

Quando você estiver procurando pelo tema perfeito, escolha o estilo e a vibração do design que você gosta e altere tudo o que você não gosta por meio de opções de personalização. Lembre-se de que temas diferentes têm configurações e opções de personalização diferentes, portanto, preste atenção a isso antes de obter seu tema. Além do Twenty One Theme, que é bem básico, muitos outros temas gratuitos merecem sua atenção. Um deles é o tema Qi.

Este tema gratuito pode ser encontrado no WordPress.org, onde você pode ler mais sobre sua coleção de recursos. Vamos visualizá-lo para ver o que ele tem a oferecer.

Apenas rolando para baixo, você notará a complexidade desse tema. Existem diferentes tipos de demonstrações. Ao contrário do Twenty One Theme, que possui apenas uma opção de design, o Qi oferece a chance de escolher entre diferentes demos.

Cada demonstração oferece novas possibilidades e mostra diferentes direções de design. A coisa boa sobre temas mais avançados como Qi é o grande número de demos que você pode escolher. Além disso, você pode usar não apenas uma demonstração, mas também combinar diferentes demonstrações para obter o site que atende às suas necessidades.

Vamos pegar a demonstração da loja de bolos como exemplo. Abaixo do adorável controle deslizante do herói, vemos galerias elegantes que exibem bolos, depoimentos e muitos outros elementos do site. Se você gosta desse tema, pode usá-lo não apenas para esse nicho – basta alterar as imagens com outros tipos de produtos e pronto.

A demonstração da Toy Store é outro exemplo de demonstração interessante. Comparado ao tema Twenty One que tem uma página de blog básica, a Toy Store não tem apenas uma página de blog, mas também uma página de loja. Portanto, se você planeja criar um site de loja, esta demonstração é uma opção melhor do que o tema Twenty One.

Tenha em mente que uma demonstração não mostra tudo o que um tema pode cobrir. Por isso, antes de fazer uma compra, leia sempre a lista completa de funcionalidades para ter certeza de quais são as possibilidades.

Agora que esclarecemos as diferenças entre os temas WordPress e WordPress, bem como entre os temas e demos do WordPress, podemos ir mais longe. Vamos mergulhar no mundo mágico dos plugins do WordPress.

Plugins WordPress – Fundamentos e Exemplos

Plugins são ferramentas que darão funcionalidades adicionais ao seu tema. Vamos pegar o tema Twenty One como exemplo mais uma vez. Como já dissemos, este tema não inclui recursos ou páginas da loja. Se você gosta mais da vibração geral desse tema do que da demonstração da Toy Store (que possui muitos recursos da loja) e deseja usar o Twenty One Theme para sua loja online, você precisa instalar o plugin certo para poder fazê-lo. Basta acessar os plugins do WordPress.org e encontrar o que você precisa.

O WooCommerce é um dos plugins de loja mais conhecidos e populares, por isso é uma ótima opção para qualquer site que exija opções de comércio eletrônico. Claro, este plugin não é a única ferramenta de comércio eletrônico, então você pode tentar usar outras opções também.

Além dos plugins da loja, você pode encontrar vários plugins que cobrem funcionalidades versáteis. Por exemplo, se queremos criar um calendário, mas seu tema não tem esse recurso, tudo o que você precisa fazer é procurar por plugins de calendário.

Depois de inserirmos o termo calendário no campo de pesquisa, muitas opções aparecerão. Para encontrar o perfeito, precisamos comparar as opções sugeridas – seu design, classificações, número de downloads e a lista de recursos.

Os plugins de SEO são outro tipo de plugin popular. Caso você precise de um plugin de SEO, instale o Yoast ou plugins similares e conhecidos.

WordPress Builders – O que são e como usá-los?

Antes de explicarmos os construtores do WordPress em detalhes, vamos resumir o que aprendemos até agora. Assim, o WordPress é o núcleo no qual instalamos um tema WordPress que pode ser enriquecido com plugins – ferramentas que trazem funcionalidades adicionais aos temas. Por outro lado, os construtores nos permitem adicionar/remover elementos ou seções sem escrever uma única linha de código.

O construtor Gutenberg e o construtor Elementor são os dois construtores mais populares do momento. O construtor Gutemberg é desenvolvido pelo WordPress, enquanto o Elementor é o produto da Elementor LTD, uma empresa de software com sede em Israel.

Para explicar como os construtores funcionam, voltaremos mais uma vez ao tema Twenty One e ao tema Qi. O primeiro tema usa o construtor Gutenberg para adicionar elementos. Esse construtor é conhecido como construtor de backend de bloco. Este construtor está em constante aprimoramento – cada vez mais evolui para um construtor que nos permite ver o resultado final imediatamente. Por outro lado, o tema Qi usa o construtor de páginas Elementor, que é um editor ao vivo – todas as alterações que fazemos são instantaneamente visíveis.

Gutenberg é um construtor padrão do WordPress, então você o receberá logo após instalar o WordPress. Este é um construtor de backend que utiliza a tecnologia de blocos para adicionar/remover o conteúdo.

O tema Qi usa o construtor de páginas Elementor. Este construtor permite adicionar conteúdo usando diferentes widgets. Além disso, você verá instantaneamente todas as alterações feitas, sem sair da página.

Para mostrar como os construtores funcionam, criaremos duas páginas separadas. Uma será usada para ilustrar o Gutenberg e seus recursos, enquanto outras páginas serão usadas para testes do Elementor.

O primeiro chama-se Test Gutenberg e permite adicionar conteúdo através de blocos.

Vamos esclarecer uma coisa. Como você pode ver, na imagem acima podemos definir e ajustar essa página específica e o estilo da página, não apenas o conteúdo da página. Além disso, essas configurações/opções podem variar de tema para tema.

Além disso, há uma barra lateral direita com um grande número de opções de ajuste. Esta barra lateral inclui algumas outras configurações gerais da página, mas também nos permite ajustar os blocos que estamos usando em nossa página.

Agora, vamos começar a adicionar blocos. Existem duas maneiras de fazer isso – clicando no sinal + no lado direito ou clicando no sinal + colocado no canto superior esquerdo.

Para começar, adicionaremos blocos de parágrafos e imagens.

Quando adicionamos um determinado bloco, ele será exibido automaticamente na página e usado para adicionar conteúdo. Esse conteúdo pode ser qualquer coisa – texto, imagem ou qualquer outra coisa suportada por esse bloco. De acordo com as opções de bloco, você pode encontrá-las na barra lateral. Essas opções nos permitirão estilizar a aparência do bloco.

Dependendo de suas necessidades, você pode adicionar qualquer outro tipo de bloco (um botão, por exemplo). Gutenberg oferece opções de blocos versáteis. No entanto, os autores de temas geralmente desenvolvem seus próprios blocos Gutenberg exclusivos.

Como adicionamos tudo o que queríamos, primeiro temos que publicar a página.

Em seguida, clicamos em > Visualizar página e nossa página aparecerá em uma nova guia. Em outras palavras, temos que dar alguns passos para poder ver as mudanças que fizemos.

Vamos agora criar a segunda página e explorar o construtor Elementor. Esta página é denominada Test Elementor.

Como você pode ver, esta página também abre o editor Gutenberg e suas configurações, pois é um editor padrão do WordPress. Usaremos essas opções para definir a página. No entanto, para ajustar o conteúdo, usaremos o construtor de páginas Elementor.

Como você pode ver, o Elementor é um editor ao vivo com muitas opções de widget colocadas na seção esquerda. Logo após adicionar os widgets desejados, você verá instantaneamente a alteração na página – no Gutenberg, você precisa usar um botão de visualização que abrirá a página em uma nova guia.

Além dos widgets padrão do Elementor, existem widgets adicionais desenvolvidos por diferentes autores. Vamos apenas esclarecer uma coisa – esses chamados widgets são plugins para o Elementor. Na maioria dos casos, um grande número de widgets é compactado em um plug-in que oferece várias opções após a instalação. Qi traz uma enorme coleção de widgets Elementor personalizados embalados exclusivamente com este tema – todos eles são marcados com a cor vermelha, para que você possa localizá-los facilmente.

Com base em suas necessidades, você pode adicionar qualquer widget que desejar. Basta selecioná-lo na seção de widgets e soltá-lo na superfície da página no lado direito.

A adição de conteúdo e a estilização do widget são feitas na barra lateral, enquanto as alterações podem ser acompanhadas no lado direito.

Embora o Elementor tenha ótimas opções fáceis de usar e possa parecer mais intuitivo que o Gutenberg, você pode aprender facilmente a usar os dois construtores. Especialmente, se você é um iniciante completo. No passado, usávamos frequentemente o construtor de páginas WPBakery, que é outra ferramenta de criação de sites de back-end. Demorou um pouco para mudar para o Elementor – um construtor de páginas de visualização ao vivo.

Hoje, usamos o Elementor constantemente, pois se tornou nosso construtor de páginas favorito. Portanto, não escolha seu tema com base no construtor que ele suporta, pois você pode se adaptar a qualquer opção facilmente.

O que você precisa para começar?

Em combinação com o tema certo, plugins e construtores, o WordPress é a escolha perfeita para qualquer tipo de site. Caso você queira construir seu primeiro site, esses artigos irão ajudá-lo a fazer isso com facilidade. Estas são as etapas que você precisa seguir se quiser começar a usar o WordPress.

Escolha seu nome de domínio

Não existe site sem nome de domínio. Saiba como encontrar um nome perfeito e confira as melhores dicas de nomes de domínio.

Encontre a hospedagem certa

Encontrar o provedor de hospedagem certo pode ser complicado, então economize seu tempo e confira nossa lista dos melhores provedores de hospedagem.

Entrar no WordPress

Explorar o painel de administração

Instalação do Tema

Depois de encontrar o tema perfeito, você terá que instalá-lo. Confira este tutorial, que o guiará pela instalação do tema WordPress.

Instalar plug-ins

Quando o tema estiver instalado, você poderá começar a explorar plugins que trarão funcionalidades adicionais. Aprenda a instalar plugins com facilidade.

Aproveite a personalização!

Por fim, altere cores, fontes, dimensões – explore o que seu tema tem a oferecer e construa o site dos seus sonhos.