Category: CMS

O que é WordPress? Como funciona? Como começar?!

O que é WordPress? Como funciona? Como começar?!

Eae, td bele?

Vamos falar sobre WordPress?

Você já desenvolveu sites estáticos? Tipos aqueles com poucas páginas de puro HTML?

Talvez você já tenha feito…Talvez não… Mas o fato é que dependendo do projeto, eles podem ser ainda usados. Entretanto, com o passar do tempo, alguns projetos crescem e necessitam de assumir funções de sites dinâmicos.

Caso você não saiba, um site dinâmico é aquele permite receber e processar informações de visitantes, gerenciar conteúdo, entre outras funções; e que só podem ser alcançadas com o uso de linguagens de programação integradas com banco de dados. Funções estas que não possíveis com sites estáticos.

Se você enxerga que precisa entregar sites dinâmicos para seus clientes ou até para você mesmo e você não tem conhecimento em linguagens de programação, por exemplo, a mega utilizada PHP, você tem 3 caminhos a seguir, dependendo do seu projeto:

1° Aprender uma linguagem de programação.

Porém vai levar um tempo, quiçá um bom tempo, para você conseguir desenvolver sites completos. Sabendo disso, você pode considerar a segunda opção a seguir;

2° Contratar um programador.

Neste caso talvez você não queira ficar por muito, pois pode requerer investir uma boa grana na mão de obra do desenvolvedor.

Ainda mais quando souber que existe uma terceira opção que pode ser utilizada para diversos casos (claro que não todos absolutamente) e com uma curva de aprendizado mais curta que o aprendizado de certas linguagens.

E este é o terceiro caminho que você pode seguir, que é:

3 °Aprender a utilizar um CMS como o WordPress. 😀

Portanto será sobre este terceiro caminho que trataremos neste artigo, bele? Preparado?

Então… “Ale hop”!

Neste artigo você saberá:

O que é o WordPress;O que você poderá fazer caso domine este CMS chama WordPress;Quais recursos o WordPress oferece;Porque você deve aprender a mexer na plataforma WordPress;Que existe outro tipo limitado de WordPress para você não se confundir;Vídeos ensinando a instalar o WordPress;Plugins essenciais;Dicas para você utilizar o WordPress.

O que é o WordPress?

Caso você nunca tenha ouvido falar em WordPress saiba que ele é uma plataforma de Gerenciamento de conteúdo, ou para muitos o CMS (que tem na prática o mesmo significado). Esta a é a plataforma para publicação de conteúdo mais usada no mundo e engloba quase 70% do mercado que trabalham com CMSs.

CMS é o acrônimo de Content Management System — que traduzindo significa, sistema de gerenciamento de conteúdo.

Existem vários CMS por aí e você, caso tenha conhecimentos em programação, pode até criar o seu. O Objetivo de um CMS, como o WordPress, é facilitar a criação e a edição de conteúdos em um site sem a necessidade de lidar diretamente com uma linguagem de programação.

Portanto, a ideia é que qualquer um possa criar um site, um blog, por exemplo, e também atualizá-lo, sem necessariamente ter domínio de linguagens de programação. Com o Wordpres é possível criar conteúdos de forma simples e intuitiva, adicionando textos, inserindo imagens e vídeos, desenvolvendo formulários, etc; e até mesmo editando o layout e estrutura do site, sem necessariamente colocar a mão em códigos.

Grandes sites, de grandes corporações, em todo o mundo utilizam o Wordpres. Existem pesquisas que apontam que mais de 30% dos sites da web, de todo o mundo, são feitos em WordPress.Aqui no Brasil, temos alguns exemplos como o site da Toyota, da editora Abril, do Rock in Rio, da Gisele Bündchen e até mesmo o blog do Wix (vejam só hehehe) é feito em WordPress.

A Anyssa Ferreira, designer e desenvolvedora que já entrevistei aqui no Chief, tem um post em seu site sobre o tema.

Quais as vantagens e benefícios de usar o WordPress?

Existem várias vantagens em utilizar o CMS mais utilizado no mundo, abaixo cito as principais que acredito e tornam o WordPress tão útil.

É livre;

O WordPress é open source e livre de restrições comerciais e limitações. Trata-se um software livre, ou seja, qualquer um pode desenvolver e criar temas, plugins, melhorias, etc; e publicar na comunidade.

É gratuito;

Você não precisa pagar para utilizar o WordPress. Basta baixar e instalar o software no seu servidor, ou até mesmo localmente na sua máquina, e pronto. Você já pode começar a criar e mexer no seu site.

Além do software, existem vários recursos para ele como plugins e temas, totalmente gratuitos. A variedade de recursos gratuitos é muito grande.

Existe certa confusão entre WordPress.org e WordPress.com, mas a seguir falaremos sobre isso.

A curva de aprendizagem é menor se comparada com outras opções;

O WordPress é fácil de aprender. Seu painel é intuito e bem simples de utilizar. Inclusive o painel de administração do WordPress e também as interfaces para criar post e páginas são semelhantes a outros que utilizamos em nosso cotidiano.

Comunidade gigante;

Essa é uma dar partes mais legais. A comunidade do WordPress é muito grande no mundo inteiro. Aqui no Brasil temos uma das maiores comunidade do mundo. O nosso WordCamp SP já é o maior do mundo.

E uma comunidade grande significa que temos mais segurança, melhorias constantes e coisas novas sendo criadas a todo momento.

Maior número de Plugins (wordpress plugins);

Plugins são extensões que adicionam novas funcionalidades ao seu WordPress. Essas funcionalidades podem ser desde itens para acrescentar no seu site até mesmo artefatos para melhor a sua experiência de uso do sistema.

A quantidade de plugins que o WordPress tem é incomparável com qualquer outro CMS. Inclusive sempre costume dizer que caso não exista um para o WordPress provavelmente não exista para nenhum outro, devido a essa enormidade.

Maior número de Temas (WordPress Themes);

Tema WordPress nada mais é do que um modelo de site pronto para editar. Existem modelos Free (gratuitos) e Premium (pagos).

E também nesse quesito o WordPress ganha de lavada. Existem milhares de temas, free ou premium, para você fazer download.

É seguro;

Devido a todo esse volume de pessoas utilizando, é claro que o volume de ataque e tentativas de invasão são grandes. Porém, como já foi dito, a comunidade é gigante e por isso temos diversos plugins e atualizações para garantir a segurança do sistema.

Normalmente erros de segurança são devido a erro humano e não do software.

Tem muita coisa em português;

Graças a grande comunidade brasileira, temos muita coisa de WordPress em português. O próprio WordPress já tem como padrão uma instalação em português.

É otimizado para SEO;

Todo site precisa ser “encontrável”. Isso  independe do nicho, do tema, da ferramenta que você utiliza.  SEO significa otimização para buscadores, e o WordPress é bem-conceituado neste quesito.

Nada mais, nada menos que Matt Cutts, engenheiro de software e ex-chefe da equipe de spam da web no Google declarou que o WordPress cuida de 80 a 90% de SEO.

Caso você não saiba o que é SEO, sugiro que depois leia este artigo.

Não precisa fazer do zero;

Com o WordPress você não precisa desenvolver do zero. Com temas e plugins abundantes, você consegue criar um site muito mais rápido.

Eu tenho um outro artigo onde falo sobre porque utilizar o WordPress, caso queira saber mais clique aqui.

O que você poderá fazer caso domine este CMS chamado WordPress?

Depende do objetivo. Se você pretende apenas trabalhar com conteúdo você poderá administrar todas as publicações do site através da construção de páginas, galeria de imagens, páginas de produtos, posts de blogs, entre outro tipos de conteúdo, e também executar agendamento e exclusão dos mesmos.

Aqui em meus projetos sempre que posso utilizo o WordPress. Os blogs Chief of Design e Designimador são feitos em WordPress. E não só eles, mas tudo o que envolve com página de eBooks, hangouts e etc.

Eu palestrei no WordCamp SP 2018 falando como o WordPress pode ser uma ótima ferramenta de marketing digital. Se quiser conferir, depois acesse esse link (clique aqui).

Com o WordPress você também poderá instalar funcionalidades através de instalação de plugins e gerenciar comentários, se ativada esta função no projeto, e até gerenciamento de contas de colaboradores do projeto.

Caso seu objetivo seja a construção de um site, você poderá usar de recursos próprios do WordPress para agilizar seu trabalho e até ativar funcionalidades interessantes na própria interface desta plataforma sem muitas dificuldades. Entretanto você potencializará os seus layouts caso possua conhecimentos em linguagens de marcação, estilização [** Dica: To falando do HTML & CSS  e o melhor é que temos um ebook pra isso, viu! É só clicar no banner que está aí algum lugar desta página :P]  e/ou programação.

Quais recursos o WordPress oferece?

Além das inúmeras funcionalidades que esta plataforma disponibiliza, através de seus temas e plugins, também possui suporte em uma das comunidades mais engajadas que podemos encontrar na web, o que possibilita a você encontrar muitas variedades de soluções para problemas diversos.

Porque você deve aprender a mexer nesta plataforma?

O aprendizado deste CMS é imprescindível nos dias de hoje porquê:

pelo fato do mercado exigir cada vez mais profissionais habilitados nesta plataforma, pela possibilidade de oferecer aos criativos que não lidam com programação uma forma de aplicar funcionalidades através de configurações intuitivas em seu painel de controle;porque possibilita a profissionais de front-end personalizar temas já existentes através de HTML e CSS e a desenvolvedores criarem temas do zero bastando ter acesso à documentação do WP;E o principal: como esse sistema possibilita o gerenciamento, seus clientes poderão realizar a atualização dos conteúdos dos sites sem depender de você, bastando que ele seja orientado com as ferramentas de publicação que o WordPress oferece.

Não confunda WordPress.ORG com WordPress.COM

É importante ressaltar que tudo que foi dito até agora foi sobre o WordPress.ORG.

O WordPress.ORG é um projeto que oferece um aplicativo gratuito cujos arquivos você tem a total liberdade para modificá-los. Para que este aplicativo funcione, e você possa mexer na plataforma para construir seu site, você precisa hospedá-lo em um servidor.

Em relação ao WordPress.COM se trata de uma plataforma online, isso quer dizer que você não precisa baixar arquivos de forma alguma para instalar em uma hospedagem. Todos os recursos já vem prontos em uma hospedagem própria da plataforma. Mas possui muitas limitações. Exemplo: para que você ative funcionalidades extras você é obrigado a adquirir planos pagos para isso. Para você ter uma ideia para apenas adicionar um domínio é precisa pagar um plano.

Já com o WordPress.ORG. não existem estas limitações em relação as customizações, e grande parte das funcionalidades que você instala através de plugins é gratuita.

E por onde começar com o WordPress?

Além de ficar atentos aos próximos conteúdos aqui no Chief que abordarão um pouco mais sobre o WP, sugiro fortemente que você aprenda a instalar o WordPress para que você possa conhecer a interface da administração deste CMS e até fazer pequenas experiências.

Você pode instalar o WordPress tanto local, ou seja, no seu computador, para poder testar como publicar na internet. Para publicar na web você precisa de hospedagem.

A seguir vou te mostrar como você pode instalar o WordPress na sua máquina. Para isso disponibilizo dois vídeos sobre instalação local do Wordpress.

Instalação XAMPP

Este é um vídeo que faz parte de um dos vários módulos do meu curso de Web Designer e que estou liberando para este artigo para você possa fazer pequenos testes aí na sua máquina. Nele ensino a instalar o XAMPP que é um servidor local que possibilita que você rode o WordPress em sua máquina sem a necessidade de contratar um serviço de hospedagem.

Instalação WordPress

E agora neste vídeo eu mostro como instalar o WordPress em seu servidor local (como já disse anteriormente, esse vídeo faz parte do meu treinamento de Web Designer ).

Instalação WordPress no Servidor

Agora, caso você tenha um serviço de hospedagem, você pode instalar o WordPress no seu servidor web. Dependendo da sua empresa de hospedagem a forma de instalação pode ser diferente. No exemplo a seguir mostraremos uma instalação em uma hospedagem que tem o Cpanel.

Plugins essenciais para você utilizar no seu WordPress.

W3 Total Cache

Um aspecto importante que devemos levar em consideração é a performance das páginas de nossos sites. Isso porque o tempo de carregamento pode determinar o sucesso de nosso projetos.

Um site que carrega lento pode fazer que visitantes desistam de navegar em seu site o que é extramente ruim porque seu projeto não conseguirá atingir seus objetivos. E ainda poderá ter consequências ruins porque cada desistência reflete no aumento de taxa de rejeição que não é bem-vista pelo Google.

Levando tudo isso em consideração é importante utilizar um plugin que melhore o desempenho de seu site WordPress como o W3 Total Cache.

Ele aumentará a velocidade de seu site, porque ele executa uma otimização em diferentes aspectos como compactação de HTML, CSS e Javascript, e execução de caching dos conteúdos e arquivos, diminuindo assim o tempo de carregamento das páginas.

Link para o plugin W3 Total Cache »

Autoptimize

Ainda se tratando em desempenho de sites o Autoptimize é um plugin que também possibilita armazenar cópias em cache e comprimir arquivos. Mas o grande atrativo dele é a possibilidade de otimizar Google Fonts, remover emojis desnecessários e outros extras que aumentará a velocidade de suas páginas.

Link para o plugin Autoptimize »

EEE Image Optimizer

Essa é outra ferramenta que também aumenta a velocidade das páginas só que desta vez através da otimização das imagens.

A compactação resultante do plugin EEE Image Optimizer utiliza algoritmos exclusivos para obter a máxima compactação mas mantendo as imagens sem perdas visuais.

Com este plugin você poderá otimizar a imagem quando você enviar ao seu site e também otimizar as imagens existentes na biblioteca de mídia.

Link para o plugin EEE Image Optimizer »

Yoast SEO

O Yoast SEO trabalha com diferentes aspectos para otimização. Já na configuração é possível:

Fazer verificação com ferramentas para Webmasters como o Google Search Console, Ferramentas de Webmasters do Bing, Alexa ou Yandex;Configurações para títulos e meta-descrições;Configurações de meta robots;Configurações para informar os buscadores sobre as contas de redes sociais associadas ao site;Gerar de forma simples um arquivo sitemap.xml, entre outros.

Mas o ponto forte da ferramenta é como ela auxilia na tarefa de otimizar um conteúdo em texto.

Ela vem com um recurso que orienta sobre a utilização da palavra-chave para partes específicas do editor de conteúdo dando sugestão e guiando para melhorias.

Outro ponto interessante é Snippet Preview. Onde este possível editar e visualizar como o resultado da página publicada pode aparecer nos resultados dos mecanismos de buscas.

Neste campo o Yoast alerta também sobre as melhores práticas informando os limites de inserção de caracteres para o título e meta-descrição.

Link para o plugin Yoast SEO »

UpdraftPlus

Possuir um site Worpdress leva a uma obrigação posterior que é possuir um sistema que gerencie backups. Portanto instalar um plugin que execute esta tarefa deve ser uma das primeiras coisas que você deve fazer após instalação do WordPress.

Um plugin que sugiro é o UpdraftPlus. Ele possibilita criar backups automatizados e agendados e com várias opções de locais para armazenamento dos arquivos como no Google Drive e Dropbox.

Além de backup o plugin faz restauração de sites.

Link para o plugin UpdraftPlus »

Contact Form 7

Contact Form 7 é um plugin que permite que você construa um simples e eficaz formulário de contato para seu site.

Vejo o nosso aqui.

O máximo que exigirá de você será um conhecimento bem básico de HTML e da sintaxe do próprio plugin (que não é nada aterrorizante).

Link para o plugin Contact Form 7 »

Disqus

Este é um plugin responsável por gerenciamento de comentários e pode substituir o sistema padrão do WordPress.

O bacana dele é que, além de ter uma visual agradável, existe a possibilidade de enriquecer os comentários com a ferramenta que permite que o usuário vote nos comentários dando positivo ou negativo.

E você pode classificar os comentários por ordem de relevância ordenando para o Disqus exibir os mais votados.

Outra funcionalidade interessante é de compartilhamento dos comentários.

Link para o plugin Disqus »

­

Really Simple SSL

O certificado SSL (Secure Socket Layer) é uma proteção para manter uma conexão segura com a internet. A tecnologia envolvida evita que qualquer dado transferido entre usuário e website fique exposto evitando assim também ataques maliciosos.

Verificamos que um site possui o certificado SSL quando na barra de endereço contém o cadeado verde. Também será notado que o protocolo é https.

O certificado mostra ao visitante que seu site é autêntico e confiável.

Sabendo disto tudo o que você precisa de uma ferramenta que te ajude a configurar seu site para ser executado em https. E é nessa hora que entra o plugin Really Simple SSL.

Este plugin ativa o SSL em seu site com simples passos.

Mas existem um porém. É que você precisa obter um certificado SSL. Este plugin somente detecta o SSL e possibilita sua ativação. Entretanto a simplicidade de configuração que este plugin oferece faz dele um recurso necessário.

Link para o plugin Really Simple SSL »

Dicas para você utilizar o WordPress

Agora vou te passar uma relação de dicas que vão te ajudar em diversos aspectos do gerenciamento do WordPress.

Algumas destas dicas vão te prevenir de possíveis dores de cabeça que possam surgir só pelo simples fato de você não ter um conhecimento prévio de processos comuns no WordPress como questões envolvendo segurança e desempenho, por exemplo. Então vamos a elas.

Manter o WordPress sempre atualizado

Um dos principais motivos de se adotar o WordPress é que ele disponibiliza atualizações constantes. E é de fundamental importância que você as execute sempre que o WordPress alertar que existem atualizações disponíveis.

Essas atualizações procuram fornecer novos recursos, melhorias, melhor performance nas novas versões e também consertar bugs e brejas de segurança. E é principalmente pela questão de segurança é que você deve executar as atualizações porque você está se precavendo que seu site seja alvo de ataques.

Um ponto positivo do WordPress é que existe uma grande e ativa comunidade por trás que constantemente está melhorando a codificação dos arquivos usados no núcleo do WordPress, nos temas, plugins e traduções e isso possibilita que sua instalação tenha acesso aos recursos recentemente otimizados.

E como você pode saber se existem atualizações para serem executadas na sua instalação? Na parte superior do Dashboard, toda vez que existir atualizações o WordPress indicará notificações. Para isto no painel de controle vá para o menu “Atualizações” que fica do lado esquerdo. Na tela de atualizações você será notificado sobre qual versão do WordPress seu site está usando e se necessita atualizar. Nesta mesma página você terá uma relação de plugins, temas e traduções que necessitam atualizações.

OBSERVAÇÃO IMPORTANTE! Certifique-se que antes de qualquer atualização do sistema você tenha um backup do seu WordPress.

Faça um backup do WordPress

Essa é a dica mais importante que vou te passar nesta relação. Para algumas alterações em sua instalação WordPress é indicadíssimo ter um backup. Isso porque se alguma coisa der errado como quebrar o site ou dados se perderem você poderá ficar tranquilo porque você tem uma cópia para restaurar seu site.

Lógico que se algo acontecer ao seu site você poderá ficar estressado, mas a coisa pode ficar pior se você não tiver efetuado um backup.

A comunidade WordPress disponibiliza alguns plugins que auxiliam na criação de backups com a possibilidade de você hospedar aos arquivos de sua instalação nas nuvens e também podem realizar backups automáticos e agendados.

No tópico sobre plugins deste artigo eu destaquei o UpdraftPlus que você pode ativar em seu site e que te auxiliará na tarefa de executar e gerenciar seus backups.

Usar o mínimo possível de plugins

Apesar de todo mundo saber que os plugins oferecem diversas funcionalidades que potencializam seu website o uso exagerado destes recursos podem ter o efeito colateral de aumentar o tempo de carregamento das páginas diminuindo a performance de um site.

Muitas vezes para seguir uma moda instalamos plugins com recursos que façam nosso site parecer “moderno” e seguir as tendências, mas o que temos mesmo que decidir e se tal recurso tem uma função realmente relevante para o projeto.

Importante mesmo é evitar de instalar plugins desnecessários e somente utilizar os plugins fundamentais para funcionamento do website.

Não utilize o usuário “admin” e crie uma senha forte

Se você não for rigoroso em escolher uma senha forte para proteger sua instalação WordPress isso pode comprometer a segurança do site.

Seu site WordPress pode ser alvo de um ataque de força bruta que consiste em tentativas de adivinhar dados de acesso combinando senha e nome de usuário.

Portanto senhas fracas e comuns, ou óbvias como data do nascimento têm mais chances de serem descobertas ainda mais quando você utiliza na instalação o padrão admin.

Mude o padrão admin para que este dado fique difícil de ser descoberto em um possível ataque. Com isso o invasor tem mais um percalço a percorrer.

Os grupos de usuários responsáveis pela administração do WordPress devem garantir uma senha forte porque o acesso a essas contas permite o controle total das funcionalidades do site.

O WordPress oferece um recurso nativo para que você possa gerir uma senha forte onde ele mede a força da senha. Mas cabe a você definir a senha forte porque ele não restringe a criação de senhas fracas.

Como sugestão você pode criar uma senha da seguinte forma:

Utilize uma combinação com letras maiúsculas e minúsculas;Utilize números;Utilize caracteres especiais como %#@&!;Garanta que sua senha tenha no mínimo 8 caracteres.

Utilize urls amigáveis

Url é a sigla de Uniform Resource Locator e quer dizer Localizador Padrão de Recursos. Corresponde ao endereço virtual de site, página ou arquivo. A url deste página que você lê é https://www.chiefofdesign.com.br/wordpress/

No caso desta página podemos notar que é a url é formada por:

um protocolo: https;o dominio do Chief of Design: www.chiefofdesign.com.br;e um recurso: /wordpress/

As urls amigáveis são urls de fácil compreensão para os usuários e também para os mecanismos de buscas.

Por padrão o WordPress utiliza um modelo não amigável de url como no exemplo a seguir:

www.seusite.com/?p=123

Esta url é de difícil compreensão tanto para os usuários quanto para os mecanismos de buscas porque é formado por caracteres que não descrevem sobre o assunto da página.

Mas existe uma configuração no WordPress chamada Links Permanentes que possibilita alterar este padrão para outras opções.

Dentre as opções eu indico que escolha a “Nome do post”. Ele possibilita uma url mais curta que é bastante indicada para se obter uma url amigável. Além de usar uma url curta é indicado também:

Usar hífen para separar palavras;Não usar acento e cedilhas (é, â, ã, ç);Preferir letras minúsculas porque são limpas visualmente;Procure inserir na url uma palavra-chave que resuma o assunto da página.

Exemplo de url com a as características citadas:

Arquitetura da Informação – Ciência para estruturar conteúdos

Configurado o links permanentes o sistema estará habilitado para você criar suas urls amigáveis. No campo logo abaixo do título na seção de edição de posts e páginas você pode criar sua url.

Agende seus posts para o futuro

Uma funcionalidade interessante do WordPress é o agendamento de postagens. Essa é uma mão na roda para que você administre melhor seu tempo.

Com o agendamento de postagens você não precisa estar presente na hora da publicação, basta que você no momento de criação da página ou post agende para o conteúdo ser publicado em uma data e horário no futuro que o sistema colocará o conteúdo no ar no horário programado.

Extra: Construtor de página e sites “Elementor WordPress”

Se não bastasse a infinidade de recursos que o WordPress oferece, nos últimos anos, a comunidade que acompanha este CMS trabalhou ainda mais duro para facilitar a construção de páginas e sites pelos usuários.

Com isso surgiram ferramentas chamadas de page-builders, ou construtores de páginas. Até o próprio WordPress mudou seu editor clássico para que os conteúdos pudessem ser construídos através de blocos que agilizam a tarefa. Eu falo do editor WordPress Gutenberg, que tem até artigo aqui no blog.

Surgiram muitos construtores no mercado, mas o que vem se destacando bastante é o Elementor. Com ele é possível criar páginas de sites em uma interface real-time e do tipo “drag&drop”, ou seja, clicando e arrastando.

O Elementor é plugin que está entre um dos mais populares na comunidade WordPress, e o que faz dele o o principal page-builder da plataforma. Para utilizar o Elementor, basta ter um site em WordPress. Caso você queira saber mais sobre essa ferramenta sugiro que leia este artigo.

 

Conclusão

O WordPress possibilita que você tenha uma certa independência para que possa oferecer sites dinâmicos sem a necessidade de terceirizar tarefas. Esta aposta pode ser interessantíssima porque a curva de aprendizagem pode ser muito mais curta do que aprender programação e os conhecimentos adquiridos possibilitam criar projetos de baixa, média e até, em alguns casos, de alta complexidade.

Espero que tenha gostado desse artigo.

Mais a frente falaremos mais sobre WordPress e como você pode utilizá-lo, bele?

E você? Já trabalha com o WordPress? O que você acha sobre ele?

Deixe a sua dica aí.  Você pode comentar abaixo!

Forte abraço!

Até mais!
The post O que é WordPress? Como funciona? Como começar?! appeared first on Chief of Design.

O que é WordPress? Como funciona? Como começar?!
Fonte: Chef of Design

Gutenberg WordPress – O editor de conteúdos do WordPress

Gutenberg WordPress – O editor de conteúdos do WordPress

Gutenberg é o editor de conteúdo introduzido no core do WordPress a partir da versão 5.0 e nesse artigo eu vou apresentar o funcionamento deste editor que promete trazer uma experiência mais simples para produção de conteúdo.

O que você acha de inserir diferentes tipos de conteúdos, mídias ou funcionalidade em seu post através de uma biblioteca inteira de opções e em um só lugar, com muito pouco conhecimento técnico e sem ter que se preocupar em lidar com códigos? Então é isso que o editor Gutenberg WordPress fará pra você.

Então siga comigo aqui no artigo para entender como as coisas funcionam no Gutenberg.

O que é o Gutenberg WordPress?

Reforçando o entendimento, Gutenberg é o editor introduzido na versão 5.0 do WordPress, substituindo o editor clássico, para criação, organização e estilização de conteúdos de posts e páginas através da inserção de blocos.

O nome Gutenberg deriva de Johannes Gutenberg. Ele que foi o inventor do processo de impressão com tipos móveis.

Como tudo era antes do Gutemberg?

Editor Clássico versus Editor Gutenberg

Antes do editor Gutenberg o WordPress fornecia o editor conhecido como “clássico” por estar presente durante anos.

O editor clássico tinha estrutura similar aos editores de texto dos sistemas operacionais onde tínhamos acesso a botões para formatação no modo visual, como como colocar negrito, sublinhado, inserir lista, links, entre outras funções básicas e também possuía o editor HTML para que tem conhecimento nessa linguagem.

O fato do editor clássico ser parecido com outros editores poderia ser considerado uma vantagem pois se tratava de algo familiar ao usuário. Entretanto se existisse a necessidade de inserir um recurso avançado no corpo do artigo era necessário a requisição de desenvolvedor com conhecimentos avançados para mexer no tema. Daí que vemos que pensar em um recurso como o Gutenberg se tornou necessário para comunidade WordPress.

Por que usar o Gutenberg?

Por que o Gutenbeg proporciona uma experiência de criação de postagens e páginas que facilita a criação de layouts avançados.

Para que isso possa ocorrer o Gutenberg permeia os seguintes princípios:

Possibilidade de criação de posts ricos; Tornar as funcionalidades principais mais fáceis de descobrir, reduzindo a dificuldade de encontrá-las; Os usuários não precisam escrever códigos de acesso ou HTML personalizado; Os usuários só precisam aprender como o bloco funciona para usar todos os seus recursos; Os blocos unificam recursos e tipos de interação em uma única interface.

Como podemos ver a grande peculiaridade do Gutenberg são os blocos. Então vamos entendê-los melhor no tópico a seguir.

O que são blocos do Gutemberg?

Os blocos possibilitam a inserção de conteúdos personalizáveis dentro do editor através do sistema de simples adição no editor.

Com ele que qualquer tipo de conteúdo, mídia ou funcionalidade pode ser adicionado diretamente ao site de maneira mais consistente e utilizável.

O botão “adicionar bloco” dá ao usuário acesso a uma biblioteca inteira de opções em um só lugar, em vez de ter que procurar menus ou saber códigos de acesso.

O processo de adição de bloco começa com um clique no botão de símbolo de adição (Adicionar bloco) no campo superior esquerdo do Gutenberg.

O Gutenberg permite a manipulação direta, o que significa que as opções primárias de como um elemento é exibido são controladas no contexto do próprio bloco.

Assim, por exemplo, um usuário pode adicionar uma imagem, escrever sua legenda, alterar sua largura e layout, adicionar um link em torno dela, tudo a partir da interface de bloco na tela. 

O WordPress suporta um grande número de blocos e mais de 30 incorporações.

Por dentro do Gutenberg WordPress (Tutorial)

Com os blocos do Gutenberg o usuário tem a possibilidade de colocar no layout de páginas e posts diversos elementos comuns em páginas web. Entre eles:

Parágrafos; Títulos; Imagens; Galerias; Vídeos; Áudios; Listas; Citações; Botões; Colunas, entre outros.

Introdução

Para começa a criar um conteúdo com o Gutenberg o processo inicia-se de forma similar ao que antes era feito no editor clássico. Definimos qual tipo de conteúdo iremos construir, por exemplo, post. Clicamos em inserir post e o editor ser´aberto.

Assim que ele abrir é aconselhado já inserir o título.

É aconselhável também salvar o conteúdo. No canto superior direito do editor é possível ver os botões de publicar e visualizar. Podemos ver também também o ícone (engrenagem) de configurações. Ele é responsável pela exibição das configurações do documento aberto e o do bloco que estiver sempre editado no momento.

Estando na aba documento você definir a visibilidade do conteúdo (público, privado ou protegido por senha) e o status, e de mais configurações do documento que já eram comum no editor clássico como imagem destacada, link permanente, nome do autor, categoria, entre outras.

Faça suas configurações publique conforme a visibilidade que mais se aplique no momento.

Campo para de opções para visualização, publicação e acesso para configurações do documento e blocos.Aba para configurações do documento.Configurações do documento.

Inserção e tipos de blocos

O processo de inserção de blocos é bem simples. Vá ao editor e no topo a esquerda e clique no ícone de adição +. Neste momento abrirá uma lista de opções de categorias de blocos.

Você notará que os blocos estão categorizados da seguinte forma:

Mais usados – É um recurso para se ganhar tempo onde mostra os blocos que você mais utiliza;

Blocos Comuns – Mostra os blocos de elementos mais comuns em interfaces web como título, subtítulo, parágrafo, imagem, galeria, etc;

Formatação – Mostra os blocos que possibilitem a formatação de conteúdo. Nesta categoria você encontrará o bloco para inserção de HTML personalizado, editor clássico, código pré-formatado, entre outros;

Elementos de layout – Mostra blocos para inserções de elementos de layout da página como por exemplo inserir colunas, botões, quebra de página, espaçador, etc;

Widgets – Esta é uma opção para fácil inserção os widgets disponíveis no tema de seu site, como por exemplo lista de postagens, lista de categorias, etc;

Códigos incorporados – Mostra todas as integrações disponíveis para você incorporar códigos de redes sociais e serviços web diversos.

Depois que você encontrar, dentro da categoria, o bloco que você pretende inserir, basta clicar nela que ele aparecerá dentro do editor para inserção e configuração do conteúdo.

Exemplo de inserção de bloco comum

Então caso você queira inserir um simples parágrafo você vai na categoria “Blocos Comuns” e escolher o bloco de parágrafo.

O bloco será inserido dentro do editor. Daí tudo que você tem que fazer é digitar o conteúdo do parágrafo.

Campo do bloco para inserção do conteúdo do parágrafo. Atalhos para blocos usados recentemente.Adição de novos blocos.Quando um bloco é adicionado ou selecionado no editor a coluna de configurações ativa a aba bloco.Com a aba bloco ativada você tem acesso as configurações do bloco inserido.

Personalização do conteúdo do bloco

Depois que você adiciona o bloco é possível fazer personalizações no seu bloco. No exemplo do parágrafo basta clicar no conteúdo para o bloco exibir opções para formatações comuns de texto.

Configurações do bloco

Uma grande vantagem da utilização dos blocos é essa manipulação direta onde podemos configurar as opções primárias de como um elemento será exibido.

Como já dito, o elemento quando adicionado ou selecionado ativa a aba de configurações do bloco onde podemos mexer com mais características do elemento.

No caso do parágrafo podemos configurar o texto mexendo na altura e no capitular, nas configurações de cor do texto e do fundo e ainda podemos mexer em uma opção avançada que possibilita adicionar uma class para estilização posterior via CSS.

Cada bloco de conteúdo do Gutenberg tem suas configurações particulares. Nem tudo que se aplica ao parágrafo se aplicará a outro elemento. Portanto é preciso que investigue as diferentes configurações de cada.

Exemplo de inserção de bloco formatação

Um exemplo de bloco de formatação é o bloco para inserção de códigos. Nele é possível a inserção de códigos de linguagens diversas (HTML, CSS, JavaScript, PHP, entre tantas), ou seja, apresenta um pequeno fragmento de código de computador utilizando tag HTML code.

É bastante útil para aqueles artigos técnicos em que é necessário apresentar um código de alguma linguagem, mas sem que eles acionem algum tipo de evento quando interpretado no navegador. É somente para que apresente o código para entendimento do leitor.

Vá até a o sinal de adição, categoria formatação e escolha o bloco código.

No bloco inserido no editor você terá a opção de inserir o código pretendido.

A seguir o resultado apresentado no navegador.

Imagem de código inserido com bloco Code

Exemplo de inserção de bloco de elementos de layout

O blocos desta categorias são bem interessantes porque possibilitam inserir elementos que precisariam de certo conhecimento técnico em outras linguagens para atingir os resultados esperados ou que são encontrados geralmente em page builders.

Elementos que ajudam muito a organizar conteúdos no layout e que não era possível desenvolver no editor clássico sem o conhecimento de certas linguagens são as colunas. Através de Gutenberg você consegue inserir e configurar facilmente colunas.

Na imagem abaixo vemos que o editor inseriu duas coluna e sugere que você coloque conteúdo em alguma delas. 

Você pode tanto adicionar um texto ou o mais bacana ainda inserir outros blocos dentro das colunas. Ver imagem abaixo.

Inserção de bloco dentro de uma coluna

E se eu quiser inserir mais colunas? Selecione e bloco e vá em configurações do bloco para definir mais colunas (máximo de 6).

Abaixo vemos um layout com 4 colunas

A comunidade WordPress preocupada com melhorias já está pensando no Gutenberg 6.0. Nele será apresentado um seletor de layout para o bloco Colunas, permitindo que o usuário escolha a partir de layouts predefinidos ou inicie do zero. Isso permitirá maior controle na largura das colunas.

Exemplo de inserção de bloco de elementos widgtes

Você quer inserir um widget do tema do seu WordPress dentro do post? O processo começa sempre clicando no sinal de adição.

A seguir listas de posts de um widget WordPress.

Exemplo de inserção de bloco de códigos incorporados

Um recurso que com certeza será bastante usado no Gutenberg serão os blocos de códigos incorporados que possibilitam embedar dentro do post códigos de terceiros provindo da web, como por exemplo, das redes sociais.

Um bom exemplo é a incorporação de vídeos do Youtube. Basta inserir a url dentro do bloco e clicar em incorporar para embedar um vídeo.

Outras funcionalidades do Gutenberg

O Gutenberg possui outras funções interessantes que se encontram no menu do canto superior esquerdo.

É possível desfazer e refazer uma ação clicando nas setas.Você também pode ver a estrutura do documento.E você pode navegar pelos blocos.

Existem outras funcionalidades específicas dentro de cada bloco. Uma delas é a possibilidade de mover o bloco dentro do post para cima ou para baixo, ou arrastá-lo para outra posição.

Outra funcionalidade interessante que é possível mexer dentro do bloco é alterar o tipo seu tipo por outro similar. Por exemplo; você tem três parágrafo simultâneos e gostaria que esse conteúdo fosse uma lista com três itens. Basta então seleciona-los e clicar em “Alterar tipo ou estilo do bloco”

Ainda existe no bloco o ícone de 3 pontos, que oferece mais opções de funções. Com ele você consegue:

Esconder as configurações do bloco;Duplicar um bloco;Inserir bloco antes e depois; Adicionar aos blocos reutilizáveis. Útil quando você sabe que usará muito este bloco. Para criá-lo você deve inserir um bloco qualquer, fazer as configurações necessários, clicar em “Adicionar aos blocos reutilizáveis” e salvar com um nome que possa ser lembrado; Você pode remover o bloco; E por fim editar o bloco com HTML se tiver essa opção.

Utilizando HTML no Gutenberg

Como foi dito no tópico anterior é possível editar certos blocos com HTML. Veja a seguir um exemplo utilizando um bloco de título.

Mas você pode também editar o post completo com HTML. Para isso você precisa:

Ir em “Mais ferramentas e opções” no canto superior direito do editor;Escolher a opção “Editor de códigos”; Após isso os blocos no Gutenberg serão substituídos por um campo com códigos HTML. Para retornar a posição inicial deve-se escolher a opção “Editor Visual”.

Edição HTML dentro do editor Gutenberg

Tutorial introdutório Gutenberg WordPress em vídeo

Para encerrar este artigo disponibilizo um vídeo onde mostro a utilização de alguns blocos dentro do editor Gutenberg. Dê uma conferida!

Conclusão

Como podemos ver neste artigo o editor WordPress Gutenberg trás inúmeras possibilidades de fácil personalização de blocos de conteúdos interferindo assim diretamente no layout dos posts e paginas.

Isso contrasta com forma de editar conteúdo nos tempos do editor clássico em que este tipo de personalização exigia a contratação de um desenvolvedor para criar a funcionalidade.

Gutenberg é que temos daqui para frente nesta era de Page Builders, apesar do Gutenberg não ser necessariamente como um construtor de páginas, mas sim um editor de conteúdos com algumas características de Page Builder.

Acredito que ele veio para facilitar a vida do usuário e é muito útil, apesar de alguns relatos de pessoas com dificuldade de adaptação ao editor. Eu, como produtor de conteúdo achei ele muito mais prático e rápido para publicar meus posts que muitas vezes possuem muitos detalhes comuns em interfaces web. Coisa que exigia mexer no HTML quando usava o editor clássico.

Agora quero saber de você sua opinião sobre o Gutenberg. Você já o utiliza? Ou ainda trabalho com editor clássico? Qual facilita mais seu trabalho?

Te aguardo nos comentários. Aproveite e compartilhe este artigo com os amigos!

Abraço!
The post Gutenberg WordPress – O editor de conteúdos do WordPress appeared first on Chief of Design.

Gutenberg WordPress – O editor de conteúdos do WordPress
Fonte: Chef of Design

Por que Eu uso Worpdress como CMS e você deveria fazer o mesmo?

Por que Eu uso Worpdress como CMS e você deveria fazer o mesmo?

Eae, tudo bele?
Você sabe por que o Chief of Design usa WordPress? Você imagina por que eu o indico caso você precise de um gerenciador de conteúdo?
Pode parecer óbvio as motivações que levaram um projeto como o Chief of Design, que é focado em publicações de conteúdo, usar o WordPress. Afinal o WordPress foi concebido originalmente para construção de blogs e engloba quase 70% do mercado que trabalham com CMSs.
Entretanto existem outras opções no mercado que poderiam muito bem ter sido escolhidas por mim como gerenciador, e elas foram lembradas.Sugiro que você também os leve em consideração quando pensar nos requisitos dos seus projetos. Porém é quase irresistível não indicar o Worpdress a você quando nós temos uma relação de satisfação com este CMS. Não que não tenha problemas com ele, claro. Todo sistema tem, ou pode, ter problemas. Isso é normal.
Mas longe de expor uma opinião de torcedor, os argumentos aqui apresentados serão baseados em constatações observadas muito antes de fundar o Chief e espero que possa te ajudar em suas escolhas futuras, optando ou não por WordPress.
Então vamos saber por usamos WordPress por aqui?
WordPress é fácil para instalar, configurar, gerenciar e manter
Umas das questões que tenho que lidar é administração de tempo. Ah , como é complicado, viu!
Então lidar com uma ferramenta que traga facilidades é um dos pré-requisitos para escolha de um CMS.
Já naquele tempo, quando comecei a rascunhar as primeiras ideias sobre o Chief, ganhar tempo era uma prioridade, afinal só poderia mexer no projeto nos momentos de folga e dedicar o maior tempo com criação de conteúdo e o mínimo com gerenciamento.
Para quem for instalar o WordPress pela primeira vez pode se surpreender se espera por uma instalação complexa. Porque é simples e rápido.
Em questão de configuração e gerenciamento a curva de aprendizagem é curta. E o CMS avisa sobre a necessidade de atualizações que podem ser feitas a um clique.
Caso você queira saber como instalar o WordPress veja este artigo.
E dependendo da hospedagem que utilizar essa ação pode até ser mais simples com instaladores automáticos. Como a Hostnet, por exemplo que tem o seu próprio sistema de instalação focado em WordPress.
É de código aberto

Vista que o Chief era um projeto que estava começando, umas das premissas era atingir os primeiros objetivos com o mínimo de recursos possíveis, ou seja, com pouca audiência prevista nos primeiros meses não se justificava investir em ferramentas caras, servidor dedicado e no que se refere a gerenciador, logicamente, soluções pagas estavam fora de cogitação. Uma solução open source era o que eu buscava.
Pois bem. O WordPress é open source e livre de restrições comerciais e limitações. Você pode baixá-lo e subi-lo no servidor de hospedagem que você escolher e usar da forma que você bem entender.
Possui uma comunidade enorme

Esse lado positivo do WordPress eu enxerguei muito antes mesmo de passar em minha mente em construir um blog sobre conteúdos para Web. Foi quando tive a necessidade de construir um site dinâmico e não sabia por onde começar, que encontrei soluções práticas na grande comunidade que cria conteúdos sobre WordPress, e soube que a partir daí teria respostas para grande parte das minhas dúvidas.
Essa comunidade enorme é consequência de um enorme número de seguidores sedentos por conteúdo. Daí o resultado foi “zilhões” de sites que falam sobre o assunto, um fórum feito especialmente para dar suporte, diversos eventos presenciais sobre o tema pelo mundo e desenvolvedores que criam temas e plugins para o WordPress.
Sabendo disso antecipadamente tive a certeza que o Chief estaria bem amparado.
Lógico que tem muita coisa espalhada na web e que você tem que angariar com paciência, ou optar por treinamentos como o meu curso Web Designer Pro, que possui módulos organizados sobre esse assunto.
Além da comunidade Web, também existem eventos presenciais da comunidade como palestras, workshops e meetups. Inclusive no wordcamp de 106 em São Paulo, eu estava lá. Duvido você me encontrar na foto abaixo

Ele é amigável para os mecanismos de buscas
Ter um site “encontrável” é objetivo para qualquer projeto, independente da ferramenta que você desenvolve. Você pode criar um site estático somente com HTML e CSS, mas sua preocupação com SEO deve estar presente.
De nada adiantaria escolher um CMS para o Chief, por melhor que ele seja, que não fosse amigável aos mecanismos de buscas. E WordPress é bem-conceituado neste quesito.
Nada mais, nada menos que Matt Cutts, engenheiro de software e ex-chefe da equipe de spam da web no Google declarou que o WordPress cuida de 80 a 90% de SEO.

Sem contar que você pode instalar uma funcionalidade através de um plugin gratuito chamado Yoast SEO que facilita e muito sua vida, provendo vários aspectos de SEO em seus sites.
Não abro mão deste plugin no Chief. Se você quiser saber mais sobre plugins importantes para o seu site em WordPress, sugiro que leia este outro artigo do aqui do blog.
WordPress é muito mais que um gerenciador para blogs
Já passou da época em que o Worpdress era um ótimo gerenciador de blog. Na verdade, ele é um CMS completo para todos tipos de sites. Basta a instalação de alguns plugins e você já tem uma loja virtual ou uma rede social.
Enquanto projetava o Chief of Design, vislumbrava o que mais um gerenciador de conteúdo poderia prover se eu quisesse oferecer de forma diferente os meus conteúdos. De repente poderia me ver com a necessidade de fornecer aos meus seguidores uma área de membros, poderia necessitar de algum recurso que me ajudasse a conquistar leads, etc.
Hoje em dia, boa parte destes recursos são realidades mesmo que através de plugins premium (pagos). O que faz que eu tenha uma melhor interação com meus seguidores além da interface do blog.
O WordPress possibilita a integração, desde que você adquira ferramentas corretas,desde criados de landingpages, áreas de membros até com ferramentas de e-mail marketing, por exemplo.
Interface de administração intuitiva

Está aí uma coisa que gosto muito no WordPress. A interface administrativa deste CMS é muito boa. O que faz que em pouco tempo usuários comuns possam gerenciar seus projetos.
A interface é intuitiva, fácil de usar e de acessar dados.
Acredito que esse é um os diferenciais do WordPress que você pode levar em consideração na hora de escolher um CMS.
Afinal, grande parte (ou praticamente tudo) das ações que um cliente realizará em um site dinâmico, construído por você, será na área administrativa. E o WordPress manda bem no que se refere ao Design de interface de usuário.
O WordPress possui ótimos temas modernos e responsivos

Existe uma gama de desenvolvedores que constroem sites adaptados para diferentes resoluções de telas. Isso já esperado quando comecei a descobrir o WordPress, tanto que quando comecei o Chief sabia que encontrar um bom tema responsivo não seria problema.
Claro que tendo conhecimentos em CSS, você poderá trabalhar ainda mais a responsividade de seus sites (sobre personalização vou falar mais à frente). Foi o que eu fiz no tema que o Chief usa atualmente.
O WordPress possui uma ferramenta de busca que possibilita encontrar diversos temas. Possui até filtro por características. Mas caso não encontre nos gratuitos o tema o ideal para  você, pode optar por temas pagos como os do site themeforest.
O WordPress possui plugins que são uma mão na roda

O WordPress foi criado para ser estendido. E esta forma de extensão é gerada pelos chamados plugins. A comunidade web aderiu a esta possibilidade e por isso que desenvolvedores em todo mundo criam funcionalidades extras, a todo tempo, que são adicionadas ao núcleo do gerenciador.
Pensou em uma funcionalidade para seu site? A chances de Worpdress ter um plugin que supre essa necessidade é grande.
Reconheço que outros CMSs, como o Drupal e o Joomla, dispõem de extensões como os plugin do Worpdress, mas a disponibilidade e variedade do WordPress é impressionante.
Existem alguns plugins que são tão bem classificados que dificilmente imagino o Chief sem alguns deles.
São plugins para SEO, segurança, performance, redes sociais, formulários, entre tantas funcionalidades que fico pensando o que seria de mim se tivesse que desenvolver tudo isso. Com poucos cliques você instala e ativa e, se precisar, realizar algumas configurações.
Obs.: Só não abuse no uso de plugins para não diminuir a performance de seus sites.
Altamente personalizável
A minha preocupação na hora de construir os meus projetos era se com apenas o domínio de HTML e CSS e fuçando na documentação do WordPress, seria possível personalizar um tema, que baixei na web, a partir do código inserindo campos e seções e personalizando o layout. E a resposta foi sim, tanto que visualmente o blog do Chief é muito diferente do tema original.
Esta personalização é feita através de temas filhos, assunto que poderemos abordar no futuro.
Se você manja de PHP você poderá ter um domínio ainda maior da personalização, pois grande porcentagem da parte funcional de um tema WordPress é formada por arquivos com extensão .php.
É possível também que você faça uma personalização mais abrangente se você dominar a criação de temas raiz ou a partir de um framework para ganhar mais tempo, como por exemplo o framework Odin, desenvolvido pela comunidade brasileira de WordPress.
Temas a partir do zero, temas a partir de frameworks e temas filhos são as formas que possibilitam um projeto altamente personalizável. Todavia ainda existe uma forma que possibilita uma menor de customização, que é através da customização do tema. Essa personalização varia de tema para tema e não mexe de forma efetiva com códigos.
Dependendo do tema é possível alterar a cor de fundo, a imagem de cabeçalho, inserir logo, inserir widgets e até mexer na tipografia.
Em comparação com os outros métodos citados anteriormente ele é bem inferior, porque não permite mexer de forma efetiva e profunda no layout.
 Por que você deveria usar WordPress em seus sites?
Acredito que você já tenha percebido o potencial do wordpress e que utilizá-lo é uma ótima escolha se precisas de sites dinâmicos.
O WordPress pode trazer boas vantagens como: facilidade de instalação e gerenciamento, uma comunidade disposta a oferecer os melhores conteúdos de suporte, um site otimizado para os mecanismos de buscas, funcionalidades extras e temas diversos e a possibilidade de customização. Tudo isso já seria suficiente para aderir a este CMS.
Mas caso você ainda esteja na dúvida que tal testá-lo?
Sim, você pode testar o WordPress de fora local, ou seja, no seu computador, sem precisa de uma hospedagem.
Nos diga oque acha: você acredita que o WordPress é uma boa escolha para maioria de seus projetos? Caso queria testar, leia esse artigo do Chief.
Caso tenha dúvidas, opiniões e relatos sobre o tema, deixe o seu comentário abaixo. A sua participação é importante
Forte Abraço.
Até mais.
Referências
WordCamp SF: Google & What You Need to Know
The post Por que Eu uso Worpdress como CMS e você deveria fazer o mesmo? appeared first on Chief of Design.

Por que Eu uso Worpdress como CMS e você deveria fazer o mesmo?
Fonte: Chef of Design

Por que Eu uso WordPress como CMS e você deveria fazer o mesmo?

Por que Eu uso WordPress como CMS e você deveria fazer o mesmo?

Eae, tudo bele?
Você sabe por que o Chief of Design usa WordPress? Você imagina por que eu o indico caso você precise de um gerenciador de conteúdo?
Pode parecer óbvio as motivações que levaram um projeto como o Chief of Design, que é focado em publicações de conteúdo, usar o WordPress. Afinal o WordPress foi concebido originalmente para construção de blogs e engloba quase 70% do mercado que trabalham com CMSs.
Entretanto existem outras opções no mercado que poderiam muito bem ter sido escolhidas por mim como gerenciador, e elas foram lembradas.Sugiro que você também os leve em consideração quando pensar nos requisitos dos seus projetos. Porém é quase irresistível não indicar o Worpdress a você quando nós temos uma relação de satisfação com este CMS. Não que não tenha problemas com ele, claro. Todo sistema tem, ou pode, ter problemas. Isso é normal.
Mas longe de expor uma opinião de torcedor, os argumentos aqui apresentados serão baseados em constatações observadas muito antes de fundar o Chief e espero que possa te ajudar em suas escolhas futuras, optando ou não por WordPress.
Então vamos saber por usamos WordPress por aqui?
WordPress é fácil para instalar, configurar, gerenciar e manter
Umas das questões que tenho que lidar é administração de tempo. Ah , como é complicado, viu!
Então lidar com uma ferramenta que traga facilidades é um dos pré-requisitos para escolha de um CMS.
Já naquele tempo, quando comecei a rascunhar as primeiras ideias sobre o Chief, ganhar tempo era uma prioridade, afinal só poderia mexer no projeto nos momentos de folga e dedicar o maior tempo com criação de conteúdo e o mínimo com gerenciamento.
Para quem for instalar o WordPress pela primeira vez pode se surpreender se espera por uma instalação complexa. Porque é simples e rápido.
Em questão de configuração e gerenciamento a curva de aprendizagem é curta. E o CMS avisa sobre a necessidade de atualizações que podem ser feitas a um clique.
Caso você queira saber como instalar o WordPress veja este artigo.
E dependendo da hospedagem que utilizar essa ação pode até ser mais simples com instaladores automáticos. Como a Hostnet, por exemplo que tem o seu próprio sistema de instalação focado em WordPress.
É de código aberto

Vista que o Chief era um projeto que estava começando, umas das premissas era atingir os primeiros objetivos com o mínimo de recursos possíveis, ou seja, com pouca audiência prevista nos primeiros meses não se justificava investir em ferramentas caras, servidor dedicado e no que se refere a gerenciador, logicamente, soluções pagas estavam fora de cogitação. Uma solução open source era o que eu buscava.
Pois bem. O WordPress é open source e livre de restrições comerciais e limitações. Você pode baixá-lo e subi-lo no servidor de hospedagem que você escolher e usar da forma que você bem entender.
Possui uma comunidade enorme

Esse lado positivo do WordPress eu enxerguei muito antes mesmo de passar em minha mente em construir um blog sobre conteúdos para Web. Foi quando tive a necessidade de construir um site dinâmico e não sabia por onde começar, que encontrei soluções práticas na grande comunidade que cria conteúdos sobre WordPress, e soube que a partir daí teria respostas para grande parte das minhas dúvidas.
Essa comunidade enorme é consequência de um enorme número de seguidores sedentos por conteúdo. Daí o resultado foi “zilhões” de sites que falam sobre o assunto, um fórum feito especialmente para dar suporte, diversos eventos presenciais sobre o tema pelo mundo e desenvolvedores que criam temas e plugins para o WordPress.
Sabendo disso antecipadamente tive a certeza que o Chief estaria bem amparado.
Lógico que tem muita coisa espalhada na web e que você tem que angariar com paciência, ou optar por treinamentos como o meu curso Web Designer Pro, que possui módulos organizados sobre esse assunto.
Além da comunidade Web, também existem eventos presenciais da comunidade como palestras, workshops e meetups. Inclusive no wordcamp de 106 em São Paulo, eu estava lá. Duvido você me encontrar na foto abaixo

Ele é amigável para os mecanismos de buscas
Ter um site “encontrável” é objetivo para qualquer projeto, independente da ferramenta que você desenvolve. Você pode criar um site estático somente com HTML e CSS, mas sua preocupação com SEO deve estar presente.
De nada adiantaria escolher um CMS para o Chief, por melhor que ele seja, que não fosse amigável aos mecanismos de buscas. E WordPress é bem-conceituado neste quesito.
Nada mais, nada menos que Matt Cutts, engenheiro de software e ex-chefe da equipe de spam da web no Google declarou que o WordPress cuida de 80 a 90% de SEO.

Sem contar que você pode instalar uma funcionalidade através de um plugin gratuito chamado Yoast SEO que facilita e muito sua vida, provendo vários aspectos de SEO em seus sites.
Não abro mão deste plugin no Chief. Se você quiser saber mais sobre plugins importantes para o seu site em WordPress, sugiro que leia este outro artigo do aqui do blog.
WordPress é muito mais que um gerenciador para blogs
Já passou da época em que o Worpdress era um ótimo gerenciador de blog. Na verdade, ele é um CMS completo para todos tipos de sites. Basta a instalação de alguns plugins e você já tem uma loja virtual ou uma rede social.
Enquanto projetava o Chief of Design, vislumbrava o que mais um gerenciador de conteúdo poderia prover se eu quisesse oferecer de forma diferente os meus conteúdos. De repente poderia me ver com a necessidade de fornecer aos meus seguidores uma área de membros, poderia necessitar de algum recurso que me ajudasse a conquistar leads, etc.
Hoje em dia, boa parte destes recursos são realidades mesmo que através de plugins premium (pagos). O que faz que eu tenha uma melhor interação com meus seguidores além da interface do blog.
O WordPress possibilita a integração, desde que você adquira ferramentas corretas,desde criados de landingpages, áreas de membros até com ferramentas de e-mail marketing, por exemplo.
Interface de administração intuitiva

Está aí uma coisa que gosto muito no WordPress. A interface administrativa deste CMS é muito boa. O que faz que em pouco tempo usuários comuns possam gerenciar seus projetos.
A interface é intuitiva, fácil de usar e de acessar dados.
Acredito que esse é um os diferenciais do WordPress que você pode levar em consideração na hora de escolher um CMS.
Afinal, grande parte (ou praticamente tudo) das ações que um cliente realizará em um site dinâmico, construído por você, será na área administrativa. E o WordPress manda bem no que se refere ao Design de interface de usuário.
O WordPress possui ótimos temas modernos e responsivos

Existe uma gama de desenvolvedores que constroem sites adaptados para diferentes resoluções de telas. Isso já esperado quando comecei a descobrir o WordPress, tanto que quando comecei o Chief sabia que encontrar um bom tema responsivo não seria problema.
Claro que tendo conhecimentos em CSS, você poderá trabalhar ainda mais a responsividade de seus sites (sobre personalização vou falar mais à frente). Foi o que eu fiz no tema que o Chief usa atualmente.
O WordPress possui uma ferramenta de busca que possibilita encontrar diversos temas. Possui até filtro por características. Mas caso não encontre nos gratuitos o tema o ideal para  você, pode optar por temas pagos como os do site themeforest.
O WordPress possui plugins que são uma mão na roda

O WordPress foi criado para ser estendido. E esta forma de extensão é gerada pelos chamados plugins. A comunidade web aderiu a esta possibilidade e por isso que desenvolvedores em todo mundo criam funcionalidades extras, a todo tempo, que são adicionadas ao núcleo do gerenciador.
Pensou em uma funcionalidade para seu site? A chances de Worpdress ter um plugin que supre essa necessidade é grande.
Reconheço que outros CMSs, como o Drupal e o Joomla, dispõem de extensões como os plugin do Worpdress, mas a disponibilidade e variedade do WordPress é impressionante.
Existem alguns plugins que são tão bem classificados que dificilmente imagino o Chief sem alguns deles.
São plugins para SEO, segurança, performance, redes sociais, formulários, entre tantas funcionalidades que fico pensando o que seria de mim se tivesse que desenvolver tudo isso. Com poucos cliques você instala e ativa e, se precisar, realizar algumas configurações.
Obs.: Só não abuse no uso de plugins para não diminuir a performance de seus sites.
Altamente personalizável
A minha preocupação na hora de construir os meus projetos era se com apenas o domínio de HTML e CSS e fuçando na documentação do WordPress, seria possível personalizar um tema, que baixei na web, a partir do código inserindo campos e seções e personalizando o layout. E a resposta foi sim, tanto que visualmente o blog do Chief é muito diferente do tema original.
Esta personalização é feita através de temas filhos, assunto que poderemos abordar no futuro.
Se você manja de PHP você poderá ter um domínio ainda maior da personalização, pois grande porcentagem da parte funcional de um tema WordPress é formada por arquivos com extensão .php.
É possível também que você faça uma personalização mais abrangente se você dominar a criação de temas raiz ou a partir de um framework para ganhar mais tempo, como por exemplo o framework Odin, desenvolvido pela comunidade brasileira de WordPress.
Temas a partir do zero, temas a partir de frameworks e temas filhos são as formas que possibilitam um projeto altamente personalizável. Todavia ainda existe uma forma que possibilita uma menor de customização, que é através da customização do tema. Essa personalização varia de tema para tema e não mexe de forma efetiva com códigos.
Dependendo do tema é possível alterar a cor de fundo, a imagem de cabeçalho, inserir logo, inserir widgets e até mexer na tipografia.
Em comparação com os outros métodos citados anteriormente ele é bem inferior, porque não permite mexer de forma efetiva e profunda no layout.
 Por que você deveria usar WordPress em seus sites?
Acredito que você já tenha percebido o potencial do wordpress e que utilizá-lo é uma ótima escolha se precisas de sites dinâmicos.
O WordPress pode trazer boas vantagens como: facilidade de instalação e gerenciamento, uma comunidade disposta a oferecer os melhores conteúdos de suporte, um site otimizado para os mecanismos de buscas, funcionalidades extras e temas diversos e a possibilidade de customização. Tudo isso já seria suficiente para aderir a este CMS.
Mas caso você ainda esteja na dúvida que tal testá-lo?
Sim, você pode testar o WordPress de fora local, ou seja, no seu computador, sem precisa de uma hospedagem.
Nos diga oque acha: você acredita que o WordPress é uma boa escolha para maioria de seus projetos? Caso queria testar, leia esse artigo do Chief.
Caso tenha dúvidas, opiniões e relatos sobre o tema, deixe o seu comentário abaixo. A sua participação é importante
Forte Abraço.
Até mais.
Referências
WordCamp SF: Google & What You Need to Know
The post Por que Eu uso WordPress como CMS e você deveria fazer o mesmo? appeared first on Chief of Design.

Por que Eu uso WordPress como CMS e você deveria fazer o mesmo?
Fonte: Chef of Design