Category: wordpress

Gutenberg WordPress – O editor de conteúdos do WordPress

24 de outubro de 2019

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

O que é Elementor WordPress page builder?

29 de agosto de 2019

O que é Elementor WordPress page builder?

Eae, tudo bele?

Este artigo é para você está procurando por Elementor WordPress. Aqui eu vou te mostrar o que é esse page builder e como você pode utilizar o WordPress Elementor Page Builder em seus sites.

O Elementor é uma ferramenta do WordPress, CMS do mundo. CMS é o acrônimo de Content Management System — que traduzindo significa, sistema de gerenciamento de conteúdo, existem vários no mercado, porém nada supera o WordPress em termos de possibilidades, suporte e ferramentas.

Os gerenciados de conteúdo permitem criar sites mesmo sem saber programar, eles contam com templates, plugins e outras ferramentas que nos possibilitam tal facilidade. E no caso específico do WordPress, temos milhares de possibilidades de criação, desde blogs até lojas virtuais e grandes sites. 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.Só para você ter uma ideia, mais de 30% dos sites em todo o mundo são feitos com o WordPress. E o Elementor é o plugin mais utilizado (ou um dos mais, depende de quando você estiver lendo esse artigo) e baixados e utilizados de toda a plataforma.

Então neste artigo você verá como utilizar esse page builder e começar a criar os seus próprios sites de forma simples e intuitiva.

O que é o Elementor WordPress?

Caso você não saiba Elementor WordPress é plugin de page-builder para o CMS WordPress. 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 plugin Elementor é um dos mais populares na comunidade WordPress, se tornando o principal page-builder da plataforma. Para utilizar o Elementor, basta ter um site em WordPress. Caso você não saiba instalar o WordPress ou nem sabe do que se trata, sugiro que leia esse outro artigo.

Abaixo você pode conferir uma live que fiz utilizando a ferramenta e como em pouco menos de 1 hora eu criei um site sem mexer em código, praticamente apena “clicando e arrastando”.

Quais os benefícios do Elementor WordPress?

O principal benefício é poder criar páginas de modo rápido, simples (clicando e arrastando) e sem precisar mexer em código. Podemos listar como alguns, dos vários benefícios que o Elementor pode proporcionar para você que precisa criar páginas web, como:

A curva de aprendizagem é relativamente rápida e simples;
você não precisa comprar a versão pro (mas é muito bom se puder);
existem vários produtores de temas, plugins e addons;
é um dos plugins mais utilizados pela comunidade do WordPress;
não precisa de conhecimentos em programação (mas é bom se souber);
não precisa de conhecimentos em HTML e CSS (mas é muito bom se souber);
ele funciona independente do tema que estiver utilizando, permitindo adicionar e deletar elemento em páginas e posts.

Como instalar o Elementor WordPress?

A instalação é bem simples. Basta você acessar o site diretório de plugin do wordpress, procurar pelo Elementor e depois clicar na opção “download”.

Você também tem a opção de acessar o próprio painel de controle do seu site em WordPress, depois ir em: Plugins> Adicionar Novo. NO campo de pesquisa você deve procurar por “Elementor“.

Abaixo deixo um vídeo tutorial que gravei mostrando como você instala o Elementor em seu site WordPress.

O vídeo acima faz parte de um curso de Elementor WordPress que gravei aqui para os seguidores do Chief of Design. Caso queira aprender mais, clique aqui.

Como usar o Elementor WordPress?

Após instalar o Elementor, basta você criar uma nova página ou post. Depois, clique em “Editar com o Elementor” e pronto. A partir disso você será redirecionado para a tela de criação da página, onde você poderá configurar e construir a página sua maneira.

Como já dito, o Elementor é um construtor de páginas to tipo “clica e arrasta”.Para você começar a criar a página, você vai adicionando elementos e literalmente construindo a sua página dessa maneira.

Em meu canal no Youtube eu tenho uma playlist onde mostro o passo a passo para você começar a trabalhar com o Elementor. Caso queira aprender mais, clique aqui.

O Elementor WordPress é pago?

Sim e não. Você pode usar tanto a verão free quanto a paga. Existem essas duas versões, gratuita e paga, do software, porém em ambas você consegue as suas páginas. É isso mesmo que você leu! Caso você não tenha dinheiro para comprar o plugin, é possível instalá-lo e utilizá-lo.

Também é possível, mesmo na versão free, instalar “addons” e outros plugins que atuam em conjunto com Elementor WordPress, potencializando as funcionalidades e possibilidades de criação de páginas.

A grande diferença entre a versão paga, chamada de Elementor PRO, e a gratuita está nas funcionalidades da ferramenta.

A versão paga do Elementor é muito mais completa, pois contém várias funcionalidades que a verão gratuita não tem. Para conhecer a versão PRO e todos os seus benefícios, clique aqui.

Quanto custa a versão paga do Elementor WordPress?

A versão paga do Elementor está disponível atualmente em três planos.

O plano “Personal” para uso ilimitado em 1 site, está por $49.
O plano “Plus” para uso ilimitado em até 3 sites, está por $99.
O plano “Expert” para uso ilimitado em até 1000 sites, está por $199.

Em todos os planos você tem 30 dias de garantia e 1 ano de suporte e atualizações. A licença é perpetua e você pode utilizá-la para sempre.

O preço sempre é aplicado em dólar americano, então dependendo do câmbio do momento, o valor pode ser maior ou menor.
Para conhecer a versão PRO e todos os seus benefícios, clique aqui.

Vale a pena comprar a versão paga do Elementor WordPress?

Sim, super vale a pena. O Elementor facilita de mais a construção de páginas web e sites completos. E o mais legal que você pode criar os sites dos seus clientes com ele. Não tem problema algum. Por isso, o investimento tende a se pegar ao longo do tempo, caso você atue como freelancer.

Caso você não trabalhe com sites, mesmo assim a versão Elementor PRO vai te ajudar, pois vai te ajudar a poupar muito tempo e com as funcionalidades exclusivas da versão paga você terá mais agilidade e controle sobre o seu projeto.
Você pode conhecer a versão PRO e todos os seus benefícios, clique aqui neste link.

Considerações

O Elementor WordPress com certeza está entre os melhores page-builders da atualidade,na minha opinião é o melhor e mais completo que existe.

A facilidade que o Elementor nos dá na hora de criar páginas, a sua versão free com bastante recursos e mais todo o suporte da comunidade com a criação de novas ferramentas e resoluções de bugs é muito grande.

Se você deseja aprender a utilizar essa ferramenta, eu tenho uma boa notícia para você.

Em meu canal no Youtube eu tenho uma série de vídeos onde mostro como você pode começar a criar os seus próprios sites com o Elementor. Clique aqui para conferir.

E você já utiliza o Elementor? Deixe abaixo a sua opinião, relato ou dica sobre esse plugin.

Forte abraço.

Até mais.
The post O que é Elementor WordPress page builder? appeared first on Chief of Design.

O que é Elementor WordPress page builder?
Fonte: Chef of Design

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

18 de maio de 2017

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?

18 de maio de 2017

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

12