Tag: artigos

Canva Online – O que é? Como usar? Vale a pena? Funciona?

1 de novembro de 2019

Canva Online – O que é? Como usar? Vale a pena? Funciona?

Eae, tudo bele?

Você conhece o aplicativo Canva Design? Neste artigo vamos falar sobre esse software de Design que é gratuito e totalmente online.

Muito provavelmente se você não trabalha com Design e procurou na internet por algo para te ajudar a criar alguma peça gráfica, sem a necessidade de contratar um Designer, você deve ter encontrado a opção do Canva Online.

Independente do que você tenha necessidade de criar, como por exemplo, um post no Instagram ou Facebook, a capa para o seu canal no Youtube, um flyer para a balada que você tá agitando ou até mesmo um banner para o trabalho da faculdade… O Canva sempre aparece nos resultados de buscas, não é mesmo?

Por isso neste artigo eu destrinchar esse software e mostrar como você pode usá-lo. Lembrando que o que será apresentado aqui pode ser até para Criativos e Designers, pois essa ferramenta pode acelerar o seu processo de criação, além de ser mais uma opção e que você acessar e usar independente da configuração do seu computador. Dá para até para fazer pelo celular.Então vamos ver se o Canva Online é realmente bom e como funciona! Vamos nessa?

O que é o Canva Design Online?

O Canva Design é uma das ferramentas de criação de peças gráficas para diversas mídias. Com o Canva você pode criar artes para redes sociais (Instagram, Youtube, Facebook, entre outras), panfletos, cartazes, currículos, capas de livro, mural de fotos, infográficos, convites, cartão de visitas, entre muitos outros.A ideia é que qualquer um possa criar as suas própria peça sem precisar de conhecimentos rebuscados em Design. Para isso, para que você possa usar de forma mais simples, existem milahres de templates que você pode usar como base para a sua criação.

O Canvas Online pode ser uma alternativa para quem não domina o Adobe Photoshop, Adobe Illustrator, conhecimentos de Design, mas que deseja começar a criar por si só as suas peças gráficas.

Com uma interface bem simples de utilizar e sendo acessado diretamente pelo navegador, ou seja, não precisa de instalação de nada, a proposta é pluralizar e tornar mais acessível o acesso a ferramentas gráficas de edição.

E como já dito, com ele você pode criar inúmeras artes. Segue a lista com algumas delas:

Capa para Facebook Capa para KindleCapa para YoutubeCapa para TwitterCapa para eBBoksSocial MediaAnimações para Social MediaPinterestArtes para BlogFlyersApresentações e slidesConvitesCartões de VisitaPostersConteúdos com medidas personalizada.Entre outros.

Para quem é Canva Online?

O Canva é para basicamente para aquelas pessoas que precisam criar alguma arte, mas que não querem, ou não podem, contratar um profissional para fazê-lo.

É uma ferramenta muito utilizada por pequenos empreendedores, produtores de conteúdos, freelancers, redatores, entre outros. Mas qualquer um pode utilizar o programa.

Também é um aplicativo que serve para quem precisa de algo pontual ou esporádico, como criar um convite para um evento.

O Canva Design também pode ser a porta de entrada para alguns que desejam se aventurar no ramo do Design, mas que estão no começo e por isso não tem condições de adquirir outras ferramentas mais complexas. E o mais legal é que ele é totalmente em português brasileiro.

O Canva pode ser útil até para quem trabalha com Design, como Designer Gráfico, Web Designer, entre outros. Por ser totalmente online, de fácil uso e acesso, pode ser uma alternativa a ferramentas como o Adobe Photoshop. Aliado ao conhecimentos conceituais e técnicos que um Designer tem, é possível criar no Canva peça profissionais e prontas para serem publicadas.

Ao contrário que alguns possam alegar, de maneira nenhuma o Canva prejudica ou toma trabalhos de um Designer, pois nada substitui o conhecimento e a criatividade humana. Então encare o aplicativo como mais uma ferramenta que pode otimizar o seu trabalho no dia a dia.

Como começar a usar o Canva?

Para começar a usar Canva Online, é muito simples. Mais fácil que roubar doce de criança. Siga os passos a seguir:

Acesse agora o site do Canvas Design Online (CLIQUE AQUI)

Depois você vai criar um login e senha. Para agilizar você pode acessar através da sua conta do Google ou Facebook.

Feito isso, você já estará logado no Canva Online e pronto para começar a criar!

O Canva Online é pago?

Não. Você não precisa pagar nada para usá-lo. Obviamente que a ferramenta oferece a versão paga, que conta com uma infinidade de recursos, mas ela não é obrigatória.

Com a versão PREMIUM do Canva Online você tem direito a:

Garanta a uniformidade visual da sua marca com o Kit de Marca. Transforme uma imagem em várias graças ao redimensionamento com um único clique. Crie fundos transparentes para poder usar o seu design em qualquer lugar. Acesse milhões de imagens e templates exclusivos. Além de muitos outros recursos que vão agilizar o seu trabalho.

E caso você goste do aplicativo e queira testar antes de comprar a versão PREMIUM, saiba que é super possível.

Você pode testar por 30 dias a ferramenta na sua versão completa. Isso mesmo: sem compromisso. Se por acaso você não gostar ou quiser mudar, não terá que arcar com custo algum.

Vale a pena usar o Canva Online?

Sim, com certeza. Após a apresentação de todos esses benefícios, não tem como dizer o contrário, não é?

Como diz no próprio site do Canva Online:

Diferente de outros geradores de gráficos online, o Canva não é complicado nem demorado. Não existe uma curva de aprendizagem. Você consegue criar um gráfico ou diagrama em minutos para deixar os dados brutos visualmente atraentes e fáceis de entender. canvas.com

Sem falar da variedade de templates gratuitos, criados por profissionais, que o Canva Online te oferece.

Para começar a criar, tudo o que você precisa fazer é alterar o conteúdo para criar peças gráficas de forma simples e rápida.

Simples, rápido, direto e confiável. O Canva proporciona a melhor experiência quando o assunto é gerador gráfico online.

Acessa agora o site do Canva e confira por você mesmo. Você não vai se arrepender.

Até mais.

Forte abraço.
The post Canva Online – O que é? Como usar? Vale a pena? Funciona? appeared first on Chief of Design.

Canva Online – O que é? Como usar? Vale a pena? Funciona?
Fonte: Chef of Design

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

Curso de SEO Online [Completo] Do básico ao avançado

23 de outubro de 2019

Curso de SEO Online [Completo] Do básico ao avançado

Eae, tudo bele?
Você sabe o que é SEO? Sabe da importância dele para a visibilidade do seu negócio? Você pensou em aprender sobre o tema e até mesmo cogitou fazer um Curso de SEO?
Se sim, ou se não, fica comigo porque eu vou apresentar para você pontos importantíssimo que talvez estejam fora do seu radar sobre SEO, além de mostrar o melhor Curso de SEO, tanto em relação custo benefício quanto de material didático, que você poderá encontrar na internet.
Se não também fica comigo, pois eu vou te mostrar a importância do SEO e como ele pode ser fundamental para o seu negócio, pois tráfego pago (aquele que investe dinheiro em propaganda) é útil sim, mas não é escalável e ainda te deixa refém das redes sociais que cada dia mais cobram mais caro  para receberem simples anúncios.
O que é SEO?
SEO significa Search Engine Optimization, e se baseia em métodos e estudos para fazer o seu site visível para os motores de busca.
Quando trabalhamos pensando em SEO queremos que nossas páginas atinjam os melhores posicionamentos nos resultados dos motores de busca, como Google e Bing, quando as pessoas pesquisam por palavras chaves relevantes nestes sites. E principalmente pensamos em estar mais bem posicionados do que a concorrência.
Entenda-se como “Palavras Chaves” as palavras e/ou frases que os usuários digitam na caixa de pesquisa de sites buscadores,como Google e Bing, para encontrar o que desejam.
Estrategicamente você pode posicionar estas palavras dentro de seu documento HTML de forma que os buscadores possam medir e encontrar relevância e similaridade entre os termos pesquisados na consultas e o documento HTML.

Os resultados que se almeja através de SEO são denominados orgânicos e são representados na imagem acima na área demarcada com cor. Os resultados que você vê nas outras áreas são decorrentes de anúncios pagos
Por que é importante aprender sobre SEO?
Aprender e aplicar as técnicas e táticas de SEO é simplesmente MEGA IMPORTANTE, se você tem um negócio online, um site ou simplesmente deseja melhorar a sua presença na internet.
Sabe aquele ditado que diz: “Quem não é visto não é lembrado?”
Isso também vale para a internet.  Eu não sei se você sabe, mas de acordo com Hubspot, 75% dos usuários não passam da primeira página de resultados a segunda página de pesquisa do Google e apenas 1% acessam a terceira página.
O Google é responsável por uma parcela GIGANTE do volume de pesquisas na web. Segundo levantamentos, do próprio Google, por ano ele recebe mais de  2 trilhões de buscas são realizadas.
E eu não sei se você sabe sobre como funil de vendas, ou se pelo menos já ouviu algo parecido, mas melhorar o SEO do seu site pode interferir diretamente no seu faturamento.
Para entender mais sobre SEO, você pode conferir esse vídeo abaixo onde o Daniel Imamura fala sobre SEO. Confira:

A importância do SEO dentro de um Funil de Vendas.
O funil de vendas é um modelo estratégico que mostra o caminho que o cliente faz a partir do primeiro contato com a sua empresa, ou produto,  até a concretização da venda, ou seja, você fechar uma venda. Sabendo disso, você pode criar ações para conduzir ou acompanhar a jornada do seu cliente desde o primeiro momento de contato, com a sua empresa ou produto, onde descobre o que você oferecer, até a conclusão do negócio, que seria a concretização de uma venda.
Existem várias coisas a se falar sobre o tema e sabemos que o processo de compra nem sempre é algo linear, muito pelo contrário. Todavia, a fins de explicação para esse artigo sobre a importância de um curso de SEO, saiba que existem 3 etapas básicas dentro do funil, que são:

Topo do funil:
Essa é a parte onde o cliente descobre o seu produto. Ele pode estar ou não buscando pelo assunto quando ele entra em contato pela primeira vez com o seu produto.
Meio do funil:
No meio do funil o cliente já entendeu a necessidade e como a sua solução pode resolver a questão dele, e aí ele começa a considerar uma possível compra.
Fundo do funil:
Após toda essa jornada, aqui é onde acontece a decisão de compra do cliente e, consequentemente, a concretização do negócio.
Só que nem todos os potenciais clientes que chegam no funil de vendas, realmente se tornaram clientes. Veja um exemplo que o Daniel Imamura, responsável pelo curso de SEO – Everest de Visitas, sobre essa relação do funil de vendas:

Na imagem acima podemos perceber o número de visitas no topo do funil. São 10mil visitantes, porém apenas 0,9% desse total se tornaram efetivamente clientes, totalizando 90 vendas.
Portanto, podemos concluir que quanto mais visitantes você tem, maior será o seu faturamento. E levando em consideração que, segundo pesquisas,  68% de todos os cliques da busca orgânica vão para os primeiros três resultados, você deve fazer tudo para estar no topo do SEO.
E ainda temos um abismo entre o número de visitas do primeiro colocado para o terceiro. Veja só esse print sobre o Chief of Design. O nosso artigo está em primeiro no Google para o termo ” o que é design”. Note a diferença de visitas que temos em comparação com o terceiro colocado, eu tenho quase 3x mais visitas que o terceiro colocado.

E você até pode utilizar de anúncios par ase manter em primeiro, o problema é que o investimentos em anúncios, para se manter no topo, nunca diminui, pelo contrário, só fica mais caro a médio e longo prazo.  Em contrapartida o investimento em SEO é mais baixo e com o tempo ele diminui enquanto o tráfego só aumenta.

E além da questão de investimentos, existe ainda a qualidade da visita. QUando o visitante está procurando por algo e encontra você, ele já é qualificado, pois ele realmente está procurando uma solução para o problema que ele tem. Você não precisa mostrar para ele, pois ele já sabe.
No caso de links patrocinados e outras opções de tráfego pago, em grande parte você precisa apresentar para o usuário a oportunidade e como o seu produto ou serviço é bom e que pode ajudá-lo. Você tem mais esforço e também acaba gastando mais dinheiro com pessoas que não tem nada a vê, que não compraram o seu produto.
Por isso  o melhor caminho para equilibrar tráfego e investimento, performando cada vez melhor ao passar do tempo é justamente aprender! Você precisa obter conhecimentos de SEO e gerar visitas orgânicas para o seu negócio e para isso pode iniciar fazendo um curso de SEO online.
A seguir eu vou te mostrar o caminho das pedras para você aprender SEO e gerar visitas para o seu site.
Curso de SEO – Everest de Visitas
Como vimos, SEO é algo fundamental para a vida digital do seu negócio. Todo mundo está na internet e você não pode perder visitas e principalmente fechamento de negócios e oportunidades por causa de tráfego.
Investir em SEO é investir na saúde do seu negócio. E como você sabe, conhecimento é poder, por isso que indico o Curso de SEO – Everest de Visitas.
Aprenda com quem realmente faz SEO e gera resultados reais todos os dias. Procure no Google por ‘Otimização de Sites’ ou ‘Consultoria SEO’ e veja que a empresa, a CONSULTORIA DIGITAL, é a primeira nos resultados de pesquisa. Daniel Imamura é professor de SEO na escola Digital House, além de CEO da agência CONSULTORIA DIGITAL, que é especialista em SEO.

Neste curso de SEO, Daniel Imamura, especialista em SEO há mais de 9 anos e CEO da agência CONSULTORIA DIGITAL, vai lhe ensinar a sua metodologia que já foi aplicada e testada em sites como Pontofrio, Casas Bahia, Extra, InfoMoney, Portal Solar e centenas de outros sites, gerando resultados orgânicos reais.
Você aprenderá um passo a passo completo desde o planejamento do seu projeto de SEO, levantamento de palavras-chave, modelos de análises e relatórios e muito mais. São aulas práticas para que você possa começar a aplicar desde a primeira aula. Atualmente, Daniel Imamura é professor de SEO na escola Digital House.
Para quem é indicado o Curso de SEO  – Everest de Visitas?
O curso de SEO – Everest de Visitas, é indicado para pessoas que:

desejam aumentar as visitas orgânicas em seu site;
almejam aumentar o tráfego do site para vender mais;
desejam aprender, mesmo que estejam no absoluto zero, sobre a área de SEO;
buscam para trazer tráfego orgânico e qualificado para o seu site;
que já tiveram algum contato inicial, mas que desejam e necessitam aprender
mais sobre SEO para alcançar seus objetivos online;
que estudaram  ou conhecem ´técnicas de SEO , mas que necessitam se
atualizar para não ficar atrás da concorrência.

Vantagens do Curso de SEO Online – Everest de Visitas.

Curso feito por quem sabe e faz – O Daniel Imamura é grande especialista de SEO e tem vários cases de sucesso trabalhando com otimização para buscadores.
Curso Online – Você faz as aulas no conforto de sua casa, nos horários e dias que você quiser. Você não precisa se locomover ou ficar preso a um horário para aprender.
Suporte  – Você pode tirar dúvidas e aprender com outros alunos que estão fazendo o Curso de SEO, além do auxilio de um Instrutor Experiente
Exercícios – Após as aulas você poderá aplicar os conhecimentos aprendidos em exercícios mais a ajuda de checklists para lhe ajudar no aprendizado e na prática dos  conceitos e boas práticas de SEO.
Instrutor Experiente – O instrutor do Curso de SEO Online Grátis, Ludy Amano, possui mais de 10 anos de experiência em Marketing Digital
Certificado de Conclusão – Ao término do curso você receberá o certificado de conclusão. Essa é a prova que você completou toda a grade do curso, sendo uma excelente habilidade para você adicionar no seu currículo ou perfil do Linkedin.

O que eu vou aprender no Curso de SEO Online – Everest de Visitas.
O Curso é formado pela matriz curricular:

 Introdução – Entendendo a estrutura do curso e Nivelando conhecimentos
 Análise e Planejamento
Análise do Cenário Atual
Definição de metas de um projeto de SEO
Checklist do Planejamento
Plano de Ação
Checklist de Validação de Problemas Graves para SEO
Pesquisa de Palavras-chave e Estratégias de Priorização
Checklist – Revisão do Planejamento e Plano de Ação
Análise de SEO Completa – Passo a Passo
Validação do Estado Atua
Análise da Oferta
Otimização On-Page
Otimização de Conteúdo
Planejamento do ConteúdoLinkagem InternaLink Building – IntroduçãoLink Building – Estratégias para ganhar backlinks de qualidade
Orientações Finais da Análise + Dicas de Gestão da Implementação das Melhorias
Mensuração de Resultados
Conta de Demonstração do Google Analytics Relatórios sobre Público-Alvo
Relatórios sobre Aquisição
Relatórios sobre Comportamento
Relatórios sobre Conversões
Resolução de Problemas
Introdução a Resolução de Problemas
Migração de Sites e Trocas de Plataforma
Sitemap.xml
Estratégias AvançadasMVP
Mindset de SEO
Comandos Avançados de Pesquisa no Google
Como melhorar a Usabilidade da Página – UX
Revisão Geral do Curso

Garantia incondicional do Curso de SEO  – Everest de Visitas?
O Curso de SEO conta com uma garantia de 30 dias para te deixar seguro sobre o que está adquirindo.
O Prazo de Garantia é o período que você tem para solicitar a devolução integral do valor pago pela sua compra, caso você ache que o curso de SEO não é para você.

Para isso basta mandar um e-mail para a equipe do curso que eles tomaram as ações necessárias. Sem ressentimento e sem burocracia.
Depois disso, o seu reembolso será processado automaticamente pela plataforma de pagamentos Hotmart.
Considerações Finais: vale a pena adquirir o Curso de SEO – Everest de Visitas?
O Chief of Design só tem os acessos que tem, a reputação e autoridade em seu segmento graças ao nosso trabalho em SEO. Mais de 70% das visitas do nosso site vem através de SEO.
O tráfego orgânico é o melhor que existe para o seu negócio, pois ele
Não existe formula mágica e nem receita de bolo matadora para isso, mas existe sim a possibildade de adquirir conhecimento e fazer um ótimo trabalho para que o seu site e negócio recebam mais tráfego, gerando assim mais oportunidades.
O Curso de SEO  – Everest de Visitas é ministrado pelo Daniel Imamura, meu amigo que ministra aulas na Digital House, escola de inovação cujo o diretor é o famoso Interney, junto comigo. E é raro você achar cursos de pessoas do calibre dele, que atuam efetivamente no mercado e que tem resultados efetivos para mostrar.
Por isso eu super indico o curso de SEO online – Everest de Visitas.
E antes de terminar, claro, não esqueça de conhecer o curso de SEO online – Everest de Visitas.  Acesse o site e tire todas as sua dúvidas referentes ao curso.
Deixe também o seu comentário abaixo sobre a sua experiência SEO.
Forte abraço.
Até mais.
The post Curso de SEO Online [Completo] Do básico ao avançado appeared first on Chief of Design.

Curso de SEO Online [Completo] Do básico ao avançado
Fonte: Chef of Design

Design para redes sociais – O que é Social Media Design?

19 de outubro de 2019

Design para redes sociais – O que é Social Media Design?

Eae, tudo bele?
Vamos conversar sobre Design para Redes Sociais?
Eu não sei se você já percebeu, acredito que sim, mas as redes sociais mudaram totalmente a nossa vida. No dias atuais, praticamente todo mundo, tirando uma minoria, usa e abusa das redes sociais. Utilizamos elas todos os dias e mudou completamente a forma de se relacionar com outras pessoas.
Mas não para por aí, elas mudaram também totalmente a forma como nos relacionamos com empresas, produtos e serviços.
E mais do que apenas divertimento e gastar tempo, as redes sociais podem fazer parte de um negócio lucrativo para ti. Você que trabalha com criação pode oferecer serviços de design para redes sociais.
A seguir vamos entender como isso funciona e como você pode se beneficiar.
O que é Design para Redes Sociais?
Design para rede social, ou Social Media Design, é a aplicação do design digital, oriundo do design gráfico, para a criação de artes e conteúdo para as mídias sociais como Facebook, Instagram, Youtube, Linkedin, Twitter e etc.
Trata-se de uma área que une tanto conhecimentos em design visual quanto de design estratégico.
Por isso você precisará de conhecimentos em:

Design: tipografia, cor, gestalt,grid, etc.
Ferramentas e softwares: Adobe Photoshop, Adobe Illustrator, Corel Draw e o software exclusivo da Adobe para social media, o Adobe Spark.
Estratégicos: conhecer o público alvo, alinhar estrategias comerciais, marketing digital, design thinking, etc.
Rede social: como funciona cada rede social, qual tipo de mídia tem melhor desempenho, em quais formatos e tamanhos criar para essas redes, entre outros.

Pode parecer muita coisas, mas na verdade tudo isso já são habilidades que normalmente qualquer outra função que atue com comunicação e design digital, exige.
Se você se dedicar, tudo isso é menos complexo do que parece.
Como trabalhar com Design para Redes Sociais?
Existem vários pontos sobre design para redes sociais e um dos principais é a forma de trabalho. Você pode trabalhar criando artes avulsas ou fechando pacotes de artes para um determinado cliente.
Você pode, por exemplo, fechar um pacote mensal com um número determinado de artes para um cliente. Com isso você garante um mês de trabalho além de fidelizar o seu cliente.
Também existe uma outra possibilidade de assumir total gerenciamento das redes sociais do seu cliente. Nesse caso, além do design para redes sociais, também entraria outras partes como estrategias, anúncios e copywriting.
Quanto eu posso ganhar trabalhando com Design para Social Media?
O valor que poderá ganhar dependerá da forma que oferece os seus serviços e também de quanto tempo e clientes você quer trabalhar.
Em artes avulsas, normalmente o mínimo seria  R$50,00, dependendo, claro, da arte em questão.
Já para planos mensais você poderia determinar um número de artes por semana, por exemplo 4 artes totalizando 16 artes no mês, e cobrando valores a partir de R$400,00.
No caso de gerenciamento total das redes, o preço subiria e os valores poderiam começar a partir de R$2000,00.
Obviamente tudo isso deve ser relativizado e analisado caso a caso. Esses valores são apenas um exemplo e podem variar de acordo com o cliente tamanho do cliente, com a região que atua, com a sua experiência profissional,etc.
Onde eu posso trabalhar com Design para Redes Sociais?
Essa é uma das melhores questões da área de design para redes sociais.
Se você atua como freelancer, você pode trabalhar de casa ou do espaço de trabalho. Não é preciso estar presente em horário comercial, todo dia, para poder criar e gerenciar a rede social do seu cliente.
Porém, existem clientes que preferem que você esteja presente, então pode ser que você atue alocado em alguma empresa.
Agora, caso você trabalhe como funcionário, também podem existir os dois cenários: atuando de casa, como home-office, ou diariamente indo para trabalhar todo dia na empresa.
Como conseguir emprego ou clientes com Social Media Design?
O mercado para Social media Design está aquecido e só vai cair quando um dia, quiçá, as redes sociais acabarem. Como isso está bemmmm longe de acontecer, então você tem área firme e forte por muito tempo.
Por isso você pode oferecer esse serviço para qualquer empresa que tenha , ou que deseja ter, presença online nas redes sociais.
Você também pode atuar como funcionário trabalhando no setor de social media, criando artes digitas e anúncios.
Como iniciar na área de Design para Social Media?
Se você enxerga no design para redes sociais, assim como eu, uma grande possibilidade de melhorar os seus rendimentos, melhorar o seu reconhecimento profissional eu te recomendo o curso do Social Media Design do Caio Vinícius.
Neste curso você aprenderá criar projetos de design para Mídias Sociais que realmente funcionem, de uma maneira simples e objetiva. Sem enrolação!
O Curso Design Para Social Media é 100% online com um conteúdo prático e direto com foco na criação de peças gráficas para redes sociais utilizando o design estratégico.
Ele é ideal para designers, criativos, freelancers, publicitários, donos de agência,  empreendedores digitais que desejam, ou melhor, que necessitam alavancar seus resultados através das redes sociais e através do design.
O que você vai aprender no curso?
O curso Social Media Design traz um conteúdo prático e direto com foco na criação de peças gráficas para redes sociais utilizando o design estratégico. O curso é indicado para designers e donos de agência de marketing digital que desejam alavancar seus resultados através do design. Dentro do curso você irá aprender:

Design estratégico
Uso de cores
Diagramação
Composição
Apresentação de Portfólio
Postura comercial
Como e quanto cobrar
Exportar arquivo para Web
Materiais de apoio para download
Facebook Ads
e muito, muito mais…

O conteúdo do curso tem aproximadamente 7h de duração. Os programas utilizados no curso são: Adobe Photoshop & Adobe Illustrator.
Qual a  Garantia do curso?
Você pode ficar tranquilo, pois o risco é todo do produtor.
Se você por algum motivo não quiser mais o curso, o Caio vai devolver 100% do seu dinheiro de volta. Sem enrolação, basta me mandar um e-mai e pronto.

Tem certificado?
Sim, Ao concluir o curso e apresentar as atividades propostas, você receberá um certificado de ESPECIALISTA EM DESIGN PARA SOCIAL MEDIA.

Vale a pena o curso Social Media Design?
Se você deseja atuar na área e está começando agora. Ou se você já atua mas ainda não sente bem preparado e está inseguro em relação ao seus trabalhos, sim esse curso é para você.

O curso é ministrado pelo Caio Vinicius, Profissional Destaque dentro do maior portfólio de criativos do mundo, o Behance.
Com o curso Social Media Design você pode alavancar seus ganhos profissionais e potencializar a suca carreira profissional.
Acesse agora o curso online Social Media Design, clicando neste link. Confira mais sobre o curso e alguns projetos realizado por alunos do curso.
Considerações Finais
Trabalhar com design para redes sociais pode ser um ótimo caminho para um designer que deseja trabalhar com criação. E não só isso. Isso também é uma excelente oportunidade de ganhos financeiros, já que a demandam por conteúdo em redes sociais só cresce.
Só para você ter uma ideia, segundo pesquisas, mais 62% da nossa população está conectada através das redes sociais e dos 5 apps mais baixados no Brasil em 2017, 4 são de interação social.
É uma conta simples: pessoas utilizando redes sociais + empresas cada vez mais investindo dinheiro em redes sociais = OPORTUNIDADES de trabalho e negócios para você designer e criativo.
E se você notou essa oportunidade que está aí para você, sugiro que comece da maneira certa que é estudando e se aprimorando.
Para isso eu indico o curso Social Media Design do Caio Vinicius (CLIQUE AQUI PARA SABER MAIS).
Para terminar, deixo aqui um vídeo onde falo sobre área, as oportunidades e como ingressar nesse segmento. Assista o vídeo abaixo e tire as suas dúvidas!

Até mais.
Forte abraço.
The post Design para redes sociais – O que é Social Media Design? appeared first on Chief of Design.

Design para redes sociais – O que é Social Media Design?
Fonte: Chef of Design

UX DESIGN: Guia definitivo com as melhores praticas de UX

6 de setembro de 2019

UX DESIGN: Guia definitivo com as melhores praticas de UX

Eae, tudo bele?
Se você estuda ou trabalha com UX, independente se você atua a bastante tempo ou se está engatinhando na área,sabe que o estudo é algo constante e infindável, principalmente quanto estamos lidando com tal assunto.
Por isso hoje trago um review sobre o livro UX DESIGN: Guia definitivo com as melhores praticas de UX da editora Novatec.
O livro é uma obra conta com dicas, óticas casos de uso,  importantes sobre UX Design. Ele é indicado para todos que trabalham com experiência e principalmente design de apps e softwares. A linguagem do livro é bem simples e acessível, com isso ele consegue atingir até mesmo pessoas menos assíduas como assunto
Ele, o livro,foca a leitura e aprendizagem em como criar interfaces mais amígaiveis, pensando na experiência de uso que aquela interface pode proporcionar, em conjunto com um visual agradável do projeto.
Ele de maneira nenhum direciona  a leitura para termos muito rebuscados, focando em programação, métricas minuciosas ou regras de design.
O principal objetivo é fazer com o que o leitor pense. Pense, na hora de projetar suas interfaces, em experiência do usuário, em usabilidade e em projetar soluções amigáveis e agradáveis visualmente. Isso independente da plataforma,  as dicas vale desde de sites web até aplicativos nativos.
Gostei muito do livro. A leitura é muito tranquila, rápida e sucinta. Super indico o livro, principalmente, apesar do título, para você que é UI Designer.
Se você se interessou pelo livro e quer um para você, acesse o site da Editora Novatec  e garanta o seu. Não vai se arrepender.
Forte Abraço
Até mais.
__________
Descrição do livro:
Queremos que nossa UX seja genial. Queremos criar ótimas experiências de usuário. Queremos que a UX conduza o sucesso de nosso negócio com produtos de software proveitosos e usáveis. Este livro é baseado no conhecimento e treinamento de Jakob Nielsen e Don Norman para nos ajudar a construir corretamente nossa UX – de 101 formas!

UX Design mostra as 101 práticas mais importantes que você precisa saber sobre usabilidade e design. É uma referência prática para profissionais de UX e um atalho para a realização de qualquer pessoa que precise de uma seleção clara e inteligente de princípios para guiar seu sucesso na área de UX. Aprenda os princípios-chave que conduzem a um design de UX genial.

Conheça as melhores práticas, entre elas ‘Uma boa UX tem começo, meio e fim’, ‘Faça seus links parecerem links’, ‘Não use ícones obsoletos’, ‘Decida se uma interação deve ser óbvia, fácil ou possível’, ‘Teste com usuários reais’, ‘Aproveitando ao máximo as fontes’, ‘Uma boa UX para resultados de pesquisa’ e ‘Mostre ao usuário – em vez de falar para ele’!

Sobre o autor:
Will Grant, que é um especialista britânico em UI/UX e um designer de produtos digitais. É empreendedor da área de tecnologias web com mais de 20 anos de experiência na liderança de equipes (e criação de produtos) atuando na interseção entre tecnologia e usabilidade. Após conquistar seu diploma em Ciência da Computação, Will foi aluno de Jakob Nielsen e Bruce Tognazzini no Nielsen Norman Group – líderes mundiais em design usável. Desde então, supervisionou o design da experiência e interação do usuário de vários aplicativos e sites web de larga escala, abrangendo mais de um bilhão de usuários nesse processo. Will é um “purista do design” e é obcecado pela construção de produtos de boa aparência, convincentes e amigáveis que os clientes sabem intuitivamente como usar.
__________
Adquira o seu em: https://novatec.com.br
The post UX DESIGN: Guia definitivo com as melhores praticas de UX appeared first on Chief of Design.

UX DESIGN: Guia definitivo com as melhores praticas de UX
Fonte: Chef of Design

Como adicionar ícones e imagens SVG no Elementor

30 de agosto de 2019

Como adicionar ícones e imagens SVG no Elementor

Hoje, neste artigo, você vai aprender a adicionar arquivos SVG no WordPress especificamente usando Elementor.

O que você acha de utilizar imagens que podem ser redimensionadas infinitamente sem perder qualidade ou nitidez? Você consegue imaginar como isso é útil para o design responsivo? Isso é o que o SVG tem de melhor podemos implementar este recurso dentro do WordPress.

Olá! Ed Francisco aqui e mostrarei a você como utilizar a biblioteca de arquivos SVG do Elementor para inserir ícones e gráficos SVG no WordPress contrapondo ao uso das tradicionais imagens bitmap na web.

Mais antes de qualquer coisa vamos entender o que é SVG.

O que é SVG?

O Scalable Vector Graphics (SVG) é um formato de imagem vetorial baseado em XML para gráficos bidimensionais formados através de expressões matemáticas cuja as instruções inseridas produzem formas preenchidas e que oferece suporte para interatividade e animação.

Se você trabalha com Adobe Illustrator, Inkscape ou Corel Draw você sabe que eles geram arquivos do tipo vetor e o SVG é um deles.

Diferentemente dos arquivos de imagens bitmap (como JPG, PNG, GIF, etc) os vetores não são formados por pixels. O pixel, como tem dimensão física, perde a nitidez quando redimensionado. Coisa que não acontece com o SVG e arquivos vetoriais. Você pode aumentar ou diminuir o tamanho sem perda de resolução ou desfocagem. Eles são extremamente leves e mantêm suas páginas enxutas.

Diferença entre imagem Bitmap e Vetor – Por Wikipédia

As imagens SVG poder ser usadas em logotipos, como ícones até como background e podem ser modificados através de CSS e Javascript.

Inserindo gráficos SVG através do Controles do Widgets de ícones do Elementor

A partir da versão 2.6 do Elementor se tornou nativo o suporte para inserção de gráficos vetoriais sem a necessidade da utilização de plugins para isso.

Com isso você pode usar qualquer widget para inserção de ícones que através de seus controles você poderá inserir em seu site Elementor dois tipos de recursos SVG:

ícones;imagens SVG.

Vou mostrar como proceder começando com as imagens.

Inserindo imagens SVG no Elementor

Para inserir uma imagem SVG no Elementor você pode utilizar qualquer dos widgets nativos de ícones da plataforma (ícones, lista de ícones, ícones sociais), mas se for a primeira que você for inserir será necessário habilitar o upload. Veja como proceder.

1 – No campo de busca de widget digite “ícone” depois escolha qual widget você quer escolher arrastando-o para a interface da página.

2 – Depois coloque o Mouse em cima do símbolo do ícone na área de edição do ícone e clique na opção “Upload SVG”.

3 – Aparecerá uma mensagem de alerta sobre os riscos de usar arquivos SVG mesmo o Elementor executando processos para eliminação de códigos maliciosos (falarei mais sobre segurança mais a frente). Você deve clicar em Ativar.

4 – Você será redirecionado para a biblioteca de mídia, onde poderá escolher entre as imagens que estão lá presente ou fazer upload de uma imagem em seu computador.

5 – A imagem então será inserida no bloco que você arrastou o widget.

Estilizando imagem inserida

Depois que você insere a imagem o widget oferece, na aba conteúdo, de inserção de link, alinhamento e modo de visualização (default, empilhado e emoldurado) e na aba de estilização opções onde você pode definir a cor do elemento, e com controles deslizantes, o tamanho, se deseja rotacioná-la e efeitos hover.

Questões de segurança envolvendo arquivos SVG

Você já sabe que o Elementor irá tentar proteger o sistema caso identifique arquivos SVG com códigos maliciosos. Isso porque o WordPress não suporta uploads de arquivos SVG por padrão por questão de segurança.

Os arquivos SVG contêm código na linguagem de marcação XML, semelhante ao HTML. Seu navegador analisa a linguagem de marcação XML para exibir a imagem. No entanto, isso abre seu site para possíveis vulnerabilidades XML como obter acesso não autorizado a dados do usuário, disparar ataques de força bruta entre outros ataques.

Com isso pode ocorrer o seguinte erro quando você for fazer o upload de uma imagem SVG.

“Invalid SVG Format, file not uploaded for security reasons” (Formato SVG inválido, arquivo não enviado por motivos de segurança).

Solução 1 para o arquivo não enviado – Otimização

Não que isso influencie diretamente na segurança, mas é indicado que você salve os arquivos SVG de aplicativos como o Illustrator, sem os estilos embutidos, para permitir que o Elementor crie um estilo para o ícone.

Para isso na guia de salvamento “SVG Options” em CSS Properties escolha a opção “Presentation Attributes”.

Após isso você pode fazer uma otimização online através do site SVGOMG que poderá “limpar” seu arquivo de modo a ser aceito no upload na biblioteca de mídia.

Você pode tanto fazer o upload do seu SVG usando a opção “Open SVG” ou a opção “Paste Markup” para colocar o código XML fornecido pelo Illustrator conforme vídeo que deixarei a seguir.

Vá até a aba Markup e faça os ajustes conforme o vídeo. Depois clique no botão azul para fazer o download do arquivo SVG otimizado.

Após esse processo faça novamente o upload do arquivo.

Solução 2 para o arquivo não enviado – Sanitização com plugin

Apesar que em todos os casos práticos que eu precisei o método 1 foi o suficiente existe um plugin que promete que faça o upload de SVG de forma segura. Se trata do Save SVG. 

A função deste plugin é certificar de que as imagens SVG estão higienizados para impedir que as vulnerabilidades do arquivo afetem seu site.

O seu uso é simples. Basta fazer a instalação e ativação. A versão gratuita não necessita fazer configurações.

Onde encontrar boa fontes de imagens SVG

Caso você não tenha tempo para criar suas próprias imagens SVG um bom recurso é visitar o site Flaticon que é um dos maiores bancos de imagens vetorizadas da internet.

Inserindo ícones SVG no Elementor

Para inserir um ícone SVG no Elementor você pode utilizar qualquer dos widgets nativos de ícones da plataforma (ícones, lista de ícones, ícones sociais).

1 – No campo de busca de widget digite “ícone” depois escolha qual widget você quer escolher arrastando-o para a interface da página.

2 – Depois coloque o mouse em cima do símbolo do ícone na área de edição do ícone e clique na opção “Icon library” (Biblioteca de ícones).

3 – Você terá acesso a biblioteca de fontes SVG Font Awesome 5 adicionada nesta versão do Elementor, que está com um desempenho para carregamento das páginas. Navegue pelas diferentes opções na Biblioteca de ícones.e selecione o ícone de sua preferência e clique em Insert.

Estilizando o ícone inserido

Depois que você insere o ícone o widget oferece, na aba conteúdo, de inserção de link, alinhamento e modo de visualização (default, empilhado e emoldurado) e na aba de estilização opções onde você pode definir a cor do elemento, e com controles deslizantes, o tamanho, se deseja rotacioná-la e efeitos hover.

Inserindo ícones personalizados

Talvez você não tenha encontrado na Icon Library o ícone que você deseja. Então você inserir um ícone de uma fonte externa na biblioteca. O processo é simples basta que você clique na opção “Upload”. 

Único problema que este recurso é só para quem tem a versão PRO do Elementor instalada no WordPress. Mas ainda sim é possível fazer upload dos ícones através do plugin Custom Icons for Elementor.

Faça instalação do plugin. Para saber como instalar plugins leia este artigo.

Você terá acesso a interface de upload do ícone acesso o menu Custom Icons. E você pode personalizar seus ícones usando o site Flaticon em conjunto com o site Fontello.

Processo de construção do ícone personalizado

1 – Vá até o site Flaticon e escolha uma imagem que você seja transformar em ícone e faça o download da imagem.

2 – Depois vá até a pasta onde está o arquivo baixado e o arraste para dentro do site Fontello no campo Custom Icons.

3 – A imagem aparecer neste campo em forma de miniatura. Clique nela para selecionar.

4 – Depois vá no botão Download Webfont e clique para baixá-la.

5 – Vá até a interface de upload do Custom Icons e execute o upload do arquivo baixado.

6 – Retorne até a página que está editando o Elementor recarregue-a e executa o processo de inserir um ícone através de um widget como já mostrado nesse artigo.

7 – Você verá que a Icon Library mostra acesso para inserção que você criou no Fontello. Selecione o ícone e clique em Inserir.

8  – O ícone será inserido na área desejada.

Conclusão

Procurei passar as formas que a partir da versão do Elementor você te permita inserir arquivos SVG em seus sites WordPress. Esses arquivos serão cada vez mais usados onde pode ser mais compensador a aplicação que a aplicação de imagens bitmaps. Lógico que sempre haverá espaço para tanto imagens vetoriais quanto bitmaps. A necessidade do projeto é que vai definir o uso.

Caso a escolha seja SVG é importante estar sempre atento às questões de segurança sanitização os arquivos e verificando a procedência.

Acredito que muito ainda irá evoluir esta relação entre Design Responsivo, SVG, Elementor e WordPress a ponto de nos forçar a sempre estar atualizando este artigo. E isso será sinal de mais funcionalidades e facilidades para o usuário WordPress. 

E você o que achou do recurso para habilitação de arquivos SVG no Elementor? Dê sua opinião nos comentários!

Aproveite e compartilhe este artigo com os amigos.

Abraço!
The post Como adicionar ícones e imagens SVG no Elementor appeared first on Chief of Design.

Como adicionar ícones e imagens SVG no Elementor
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

Max Denvir – Entrevista🎙 Na mesa do Chief

30 de outubro de 2018

Max Denvir – Entrevista🎙 Na mesa do Chief

Eae, tudo bele?
Mais um bate-papo para você. Hoje a troca de ideias é com o Max Denvir.
O Max é publicitário formado pela PUC do RJ e atua com a criação de conteúdo. Ele também faz parte da organização de comunidades como o WordCamp. E junto comigo, ele está organizando o meetup sobre design, criatividade, conteúdo e tecnologia que é o Insights.
Caso você não saiba, meetup são reuniões e encontros de uma comunidade para compartilhar conteúdo e trocar experiências. Normalmente são gratuitos e nasceram lá no Vale do Silício.
Meetups são algo comum em comunidades de tecnologia, mas quando se trata de design ou outra área criativa, ainda é bem raro encontrar algo.
Por isso decidimos criar esse meetup. E além de gratuito, qualquer um pode participar do Insights, seja palestrando, organizando ou assistindo.
Se você quiser participar do nosso meetup, basta a acessar o link a seguir e se cadastrar: https://www.meetup.com/pt-BR/insights-meetup/
Mas nesse entrevista com o Max Denvir não foi somente sobre meetups. Conversamos sobre vários assuntos referente a design, conteúdo, marketing e publicidade e propaganda.
Falamos sobre posicionamento no mercado criativo, sobre criação de conteúdo, sobre oportunidades, clientes, faculdade e outros tópicos relacionados.
Sugiro que você assista o vídeo até o final.
Entrevista com Max Denvir Na mesa do Chief

Conheça o publicitário Max Denvir
Max Denvir é estrategista de conteúdo e trabalha com conteúdo e planejamento na Aza.ag. Na área criativa desde 2009, possui experiência em branding, design, marketing digital e tecnologias para comunicação. Formado em comunicação na PUC-Rio e pós-graduando em cultura alimentar, trabalha em projetos de gastronomia social e pequenos negócios alimentares na Taperebá.
Instagram: https://instagram.com/maxdenvir
LinkedIn: https://linkedin.com/in/maxdenvir
O que você achou do vídeo?
Se  gostou do vídeo deixe o seu comentário abaixo! Isso é muito importante para continuarmos com o nosso trabalho e melhorarmos cada vez mais.
Ajude nosso canal curtindo e compartilhando com seus amigos o vídeo.
CLIQUEI AQUI e se inscreva no Canal do Chief e fique por dentro das novidades.
Forte abraço.
Até Mais.
The post Max Denvir – Entrevista🎙 Na mesa do Chief appeared first on Chief of Design.

Max Denvir – Entrevista🎙 Na mesa do Chief
Fonte: Chef of Design

Tipografia: Guia Sobre Tipos – Escolhendo a fonte certa [parte 02]

26 de outubro de 2018

Tipografia: Guia Sobre Tipos – Escolhendo a fonte certa [parte 02]

Eae. Td Bele?
Hoje continuaremos com a série sobre tipografia.
Na primeira parte da série (se você ainda não leu, clique AQUI para ler) vimos sobre a história e a anatomia das letras.
Nesta segunda parte continuaremos a falar sobre tipografia. Veremos as suas classificações tipográfica, os estilos e entraremos na composição tipográfica.
Estamos evoluindo (não é, Galucho?) e até o final da série iremos saber como escolher nossas fontes da melhor maneira. Portanto, vamos continuar destrinchar a tipografia.
Preparado? Então, vamos lá!
O que você verá nesse artigo?

A classificação Tipográfica 
O estilo dos tipos
O que é Kerning, Tracking e Leading
Alinhamentos

Classificação da Tipografia
Essa parte é um pouco complexa. Existiram várias classificações ao longo do tempo para as famílias. Citarei algumas como exemplo:

O Sistema de Francis Thibaudeau (uma das mais usadas por aí);
A DIN (Deutsches Für Normung);
Classificação Europa;
Maximilian Vox;
Robert Bringhurst;
Maximilian Vox e, derivada dela, a Vox/ATYPI (Association Typographique Internationale);
British Standards;
Linotype ;
Lucy Niemeyer.

(Ufa!)
Não quero julgar nenhuma nem outra, até porque não tenho capacidade para tal, mas todas as classificações, pelo que puder ver, pecam em algum quesito.
Devido a isso vou usar uma classificação, que obtive no espaço acadêmico através do professor Cesar Benatti, e que usa a presença ou não de serifas (senão lembra o que é serifa veja o que é clicando AQUI) como característica determinante para esse processo de classificação.
Com serifa
Humanistas
Simulam a caligrafia clássica feita a mão e fazem parte dos primeiros tipos de metal produzidos na Itália e França entre os séculos XV e XVI.

Transicionais
Possuem serifas mais finas e planas com acabamento agudo.
Seu eixo vertical é levemente inclinado.

Modernas
Esse estilo possuem serifas retas e um alto e contraste na espessuras das hastes.
Eixo na vertical.

Mecânicas
Traço e serifas retangulares. São do século XIX e vieram para uso em propagandas.

Sem Serifa
Grotesco
Uma variação das letras mecânicas sem as serifa.
Oriundas do final do séc XIX.

Gothic
Possuem uma variação espessura dos seus  traços.
É uma variação das grotescas gravadas nos EUA no final do séc XIX .

Humanistas
Possuem leve variação no traço e resquícios de traços caligráficos.
Tem como origem a estrutura das letras serifadas.

Geométrico
Usam formas geométricas básicas para a sua estruturação.

Neo Grotesco
É variação da grotesca que surgiu na década de 1950.

Outros Estilos
Cursiva
São tipos que usam como referência a escrita manual, logo procuram reproduzir as características da escrita manual. Costumeiramente, possuem uma legibilidade complicada e sua utilização deve ser feita com cautela.

Fantasia
São tipos diversos, com diversas inspirações, padrões e características.
O objetivo desses tipos é um passar um forte impacto visual. São bem irregulares e vão de “8 à 80”: algumas possuem boa legibilidade enquanto que outras quase nenhuma legibilidade.
Normalmente funcionam melhor só em tamanhos grandes.

Gótica
É um tipo com características dos manuscritos antigos. Procuram reproduzir a escrita dos monges copistas da idade média (anterior à invenção da tipografia). Normalmente são mais densas e com baixa legibilidade.

Históricos
São tipos inspirados nas escritas greco romanas.
Também possuem muitas irregularidades e pouca legibilidade.

Estilos dos Tipos
Cor (tonalidade)
Diz respeito a espessura (ou o peso) dos tipos: light, thin, medium, roman, bold, black, etc.

Largura
Se refere à relação entre a base e altura da letra. Existem inúmeras famílias que já vem com essas variações. Evite “condensar” ou “expandir” um tipo por conta própria. Isso irá deformá-lo e prejudicará a sua estrutura.

Postura
Trata-se da inclinação do eixo central das letras. A postura básica dos caracteres é regular (como eixo central vertical).
Os caracteres regulares “inclinados” recebem o nome de “oblíquos”. O termo itálico é aplicado erradamente. Itálico diz respeito aos tipos cursivos.

E os caracteres inclinados (cursivos) recebem o nome de “itálico” ou “grifo”, em referência ao tipógrafo italiano do séc. XV, Francesco Griffo, percursor com o trabalho de tipos inclinados.

E agora veremos um pouco sobre composição tipográfica, mais especificamente sobre os alinhamentos e espaçamentos. Vamos conferir?
Kerning, Tracking e Leading
Kern
Trata-se do espaçamento entre os caracteres. Existem partes das letras que ultrapassam o bloco para permitir um encaixe com outras letras, para que não fiquem muito afastas e assim prejudicar o visual.

Kerning
É o processo de ajustar os espaços entre pares de caracteres, ou seja, somente em algumas letras.
O Kerning da fonte é definido pelo type designer quando está criando-a. Hoje em dia os softwares de computador também oferecem um opção de Kerning (óptico) definido para amenizar defeitos de fontes mal produzidas. Porém, quando esses kernings não atendem nossas necessidades é necessário ajustá-lo manualmente.

Tracking (espaçamento)
É o espaçamento entre letras e entre as palavras de todo um bloco de texto. Isso significa que alteramos o espaçamento de todo o conjunto de caracteres (palavra, frase, parágrafo) por inteiro.

O espaçamento entre as palavras deve ser consistente, para se evitar grandes espaços em brancos ou encavalamentos no texto, prejudicando o a leitura.
Leading (entrelinhas)
A entrelinha é o espaço entre duas linhas de texto.  A medida é a distância da linha de base de uma linha tipográfica para outra. Normalmente o leading automatizado está cerca de 20% a mais que o tamanho do tipo utilizado. Ex: tamanho 10pt leading 12pt.
Quanto mais aumentamos a entrelinha, mais aberto e leve se torna o bloco de texto e quanto mais diminuímos a entrelinha (entrelinha negativa) mais apertado se torna o texto.

Deve-se usar esse recurso com parcimônia. Devemos tomar cuidado para não aumentar muito, transformando os textos praticamente em “tópicos” ou estreitar demais fazendo com que as linhas das ascendentes e descentes se colidam tornando o texto um emaranhado de letras inelegíveis. Por via de regra, sempre os espaços das entre linhas serão maiores que o espaço entre as letras e o tamanho do tipo.
Alinhamento
Nada mais é que o posicionamento do texto em relação ao espaço e aos elementos contidos nele (no espaço).
Os tipos de alinhamentos básicos você já deve estar cansado de saber… Mas vamos recapitular: à esquerda, à direita, centralizado e justificado.
Cada um deles possui suas peculiaridades e suas vantagens e desvantagens, e para chegarmos ao um bom resultado devemos saber como usá-los.
À esquerda:
Nesse tipo de alinhamento o texto segue o nosso fluxo (no ocidente, da esquerda para a direita). As linhas dos textos tem diferentes tamanhos e são irregulares na sua margem, ou seja, à direita.

À direita:
Nesse tipo de alinhamento os textos são alinhados à direita e suas linhas tem diferentes tamanhos, sendo irregulares nas margens, ou seja, à esquerda. Isso acaba dificultando a legibilidade, pois força o olhar (estou falando no nosso caso ocidental, ok?) a “caçar” uma posição inicial.
Por isso ele é pouco usado em textos longos e é mais usual em trechos, notas, citações, etc.

Esses dois alinhamentos, à esquerda e à direita, normalmente exigem uma atenção maior do designer para conseguir ajustar de forma harmoniosa o desalinhamento das margens.  No caso do alinhamento à esquerda a margem direita e no alinhamento à direita a margem esquerda, sem utilizar muitos hifens e sem deixar aqueles “bicos de papagaios” no bloco de texto.
Centralizado
No centralizado as linhas de textos têm tamanho irregulares em ambos os lados.
É muito usado para se enfatizar uma frase, em títulos, convites de casamento, certificados, epitáfios, etc. Normalmente usa-se esse alinhamento quando se quer transmitir certa formalidade e elegância.
Como todos os alinhamentos, o centralizado tem que ser usado com sabedoria, pois o texto pode ficar tedioso para o leitor.

Justificado
Ele é o mais formal de todos. Suas linhas têm o mesmo comprimento, portanto cria-se margens “duras” ( ou uniformes) em ambos os lados. É muito utilizado em textos longos como jornais e livros. Quando bem aplicado o justificado aproveita o espaço de forma eficiente. Se mal aplicado pode produzir grandes espaços em brancos (“rios”) quando o tamanho do tipo é maior em relação ao tamanho da linha.
Utilizar a hifenização pode ajuda a quebrar palavras muito longas e assim manter o espaçamento harmonioso. Também pode-se fazer o uso do tracking para ajustar as linhas.

Outro ponto relevante que deve ser levado em conta é o tamanho das linhas. Ela serve para guiar o olho a seguir o texto, por isso seu tamanho deve ser harmonioso para que a leitura não se torne cansativa.
Uma boa tática a se usar na estruturação dos textos é usar o mínimo de sete palavras e no máximo dezenove palavras por linha. Claro que isso varia de acordo com as características da tipografia, do suporte e de cada projeto, logo não deve ser encarado como um dogma (que você vai para inferno caso não utilize), mas com certeza uma média entre sete e quatorze palavras por linha é bem útil na hora que você pensar na diagramação dos seus textos.
Assimétrico
Normalmente são usados quando quer transmitir a  mensagem através da forma do texto. É uma composição sem padrão nas linhas.
Capitular
É a ênfase que se dá a letra inicial no começo de um capítulo aumentando o tamanho do corpo dessa letra, a inicial, no parágrafo.

Indentação ou Entrada
Se refere ao espaço em branco, um “avanço do texto”, no início do parágrafo. Normalmente a indentação é à esquerda e na primeira linha do parágrafo.

Recuo
É praticamente o inverso da indentação. A primeira linha fica alinhada à esquerda enquanto que as demais linhas são alinhadas um pouco à direita.

E chegamos ao fim da segunda parte!
No próximo artigo irei concluir essa série de artigos sobre tipografia.
Agora já temos uma boa base sobre tipografia, mas veremos um pouco mais sobre composição tipográfica para saber como usar os tipos da melhor forma nos nosso projetos.
Antes de me despedir, vou deixar para você uma vídeo-aula que gravei para meu curso tempos atrás sobre tipografia. A playlist inteira, com todos os vídeos sobre tipografia, está no canal do Chief no Youtube.

E você gosta de tipografia?  Está gostando da série?  Tem alguma coisa a acrescentar?
Você pode deixar seu comentário abaixo.
Até mais.
Forte Abraço.
Confira a primeira parte aqui  → https://www.chiefofdesign.com.br/tipografia
Confira a terceira parte aqui  →https://www.chiefofdesign.com.br/tipografia-03/

Referências:
Livro Elementos Do Estilo Tipográfico – Robert Bringhurst
Livro Pensar com Tipos – Ellen lupton
http://www.woww.com.br/2008/08/espacejamento-entrelinhamento-e.html
http://tudibao.com.br/2010/07/o-que-e-kerning-e-traking-em-um-texto.html
http://www.academia.edu/557631/Um_panorama_das_classificacoes
_tipograficas_An_overview_of_typeface_classifications
The post Tipografia: Guia Sobre Tipos – Escolhendo a fonte certa [parte 02] appeared first on Chief of Design.

Tipografia: Guia Sobre Tipos – Escolhendo a fonte certa [parte 02]
Fonte: Chef of Design

WordPress como Ferramenta de Marketing Digital

25 de outubro de 2018

WordPress como Ferramenta de Marketing Digital

Eae, tudo bele?
No dia 13/10/2018 eu palestrei no WordCamp2018. O tema da minha palestra foi: WordPress como Ferramenta de Marketing Digital: Como o WordPress pode te ajudar a alavancar o seu negócio?
O WordPress é uma ótima ferramenta para quem é empreendedor e nessa palestra eu mostrei como nós utilizamos esse CMS aqui no Chief of Design e também em outros projetos.
E a oportunidade de palestrar no WordCamp foi incrível. A comunidade aqui do Brasil, e principal a de São Paulo, é uma das maiores do mundo.
Assista abaixo a palestra que ministrei e veja como foi esse super evento de tecnologia. E caso queira os slides da palestra, você pode conferir aqui.
WordPress como ferramenta de marketing digital – Palestra WordCamp 2018

E já que falei tanto sobre WordPress na palestra, vou complementar este artigo com mais conteúdo, para você entender por completo entender como o WordPress pode ser uma ótima ferramenta de marketing digital ajudando a melhorar o seu negócio, vamos entender um pouco do que se trata esse CMS.
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.
O que você poderá fazer caso domine este CMS?

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.
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! é  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.
Na palestra eu falo sobre motivos para você utilizar o WordPress e como você pode utilizar o WordPress para a criação de:

Blogs;
Landingpages;
Testes A/B;
Para conseguir tráfego via SEO;
Entre outros.

Além de todas essas possibilidades de criação, deixarei alguns desses motivos aqui em texto para você conferir.
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 o meu primeiro WordCamp foi o de 2016 aqui em São Paulo. Duvido você me encontrar na foto abaixo

E
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.
Considerações Finais
Como apresentei na palestra no WordCamp SP 2018, o WordPress pode ser uma ótima ferramenta em suas estratégias de marketing digital.
Se você trabalha com marketing e conteúdo, pode testar esse CMS, você não vai se arrepender. E quem sabe a gente se encontra em algum WordCamp, né?
Deixe o seu comentário ou dúvida abaixo. Fique à vontade!
Forte abraço.
Até Mais.
The post WordPress como Ferramenta de Marketing Digital appeared first on Chief of Design.

WordPress como Ferramenta de Marketing Digital
Fonte: Chef of Design

« First‹ Previous863864865866867Next ›Last »