Guia prático com as melhores dicas

Conhecendo o WordPress

Temas & Códigos

Plugins

Sobre o Ferramentas Inteligentes

Introdução

Ferramentas

Códigos

Conclusão

05

12

20

26

03

09

16

24

INTRODUÇÃO

4

INTRODUÇÃO

Todo profissional de web que deseja se destacar nesse mercado em franca expansão precisa dominar as principais ferramentas e softwares que permeiam a internet. Uma dessas ferramentas mais conhecidas e utilizadas é o WordPress, plataforma para criação de sites e blogs.

Neste e-book campeão produzido pelo Ferramentas Inteligentes, daremos as melhores dicas para você se tornar um especialista em WordPress. Mostraremos os motivos que fazem dessa plataforma o software ideal para a construção de um site ou blog, nos aprofundaremos em suas ferramentas, temas, códigos e plugins, além de provarmos a importância de se manter sempre atualizado em relação às novidades da plataforma, a fim de usar aproveitar ao máximo as funcionalidades e soluções que ela oferece.

CONHECENDO O WORDPRESS

6

CONHECENDO O WORDPRESS

O WordPress foi lançado em 27 de maio de 2003 como um dos sucessores do b2/cafelog, antiga plataforma de desenvolvimento de blogs. Ele é o sistema de criação de sites e blogs mais popular do mundo, com mais de 60 milhões de websites surgidos a partir de sua utilização.

É fácil entender os motivos da popularidade do WordPress. Para começar, ele não é apenas uma plataforma de desenvolvimento de blogs, mas um CMS (content management system – sistema de gerenciamento de conteúdo, em português). Isso significa que o WP facilita a criação, edição, organização e publicação de conteúdos, além de permitir a você total controle sobre seus documentos e arquivos, criando sites 100% funcionais. E o melhor, sem precisar ter conhecimento técnico sobre programação ou escrever códigos. Com esses obstáculos removidos, você pode focar no que realmente importa: produção e publicação de excelente conteúdo para compartilhar com o mundo!

Outra vantagem do WordPress é a facilidade que ele oferece tanto de aprendizagem quanto de uso, seja você iniciante ou experiente no assunto. Disponível na internet existem centenas de tutoriais e guias sobre a utilização do WP, que ensinam desde como fazer a instalação do sistema até qual tema é ideal para o tipo de conteúdo que você produz no seu blog.

7

CONHECENDO O WORDPRESS

Mais um ótimo motivo que faz com que o WordPress seja, de longe, o líder entre as plataformas é a possibilidade de customizar tudo que você quiser em seu site e deixá-lo com a sua cara. A começar pela aparência: além de o software disponibilizar milhares de opções de temas, é possível modificar os templates existentes ou mesmo criar um tema do zero. Há opções para mudar cores, logo e fundo (apenas para citar algumas) sem necessariamente alterar o conteúdo ou estrutura do site.

A personalização do seu blog envolve também a instalação de plugins. Se com os temas o leque de opções do WordPress já é enorme, com os plugins as alternativas chegam a dezenas de milhares – e tal qual os templates, você também pode escrever seus próprios plugins. Utilizando-se da instalação deles, é possível modificar e/ou adicionar recursos ao seu site, lapidando-o de forma a atender os objetivos do usuário e aumentando exponencialmente a funcionalidade do sítio.

Essa liberdade de customização presente no WordPress está diretamente ligada à natureza da plataforma. O software não apenas é de graça – além de você poder baixá-lo, instalá-lo e utilizá-lo sem precisar abrir a carteira, existem mais de 2600 temas e 30 mil plugins disponíveis sem custos – como é também open source, ou código aberto. Isso significa que você ou qualquer outro usuário pode modificar livremente (estudar, alterar, acrescentar) com o código-fonte do WP.

8

CONHECENDO O WORDPRESS

O WordPress está em constante evolução graças ao código aberto. Seus usuários, que formam uma verdadeira comunidade, têm feito melhorias e atualizações incessantes no software, que envolvem a criação de novos temas e plugins, conserto de bugs, dentre várias outras ao longo de anos, e por isso ele atende tão bem a qualquer um que deseja construir seu próprio site ou blog.

Como se não bastasse, todas essas razões que tornam o WordPress a opção número 1 para o desenvolvimento do seu blog, temos ainda mais outrs dois motivos importantíssimos. O primeiro é que o software é “SEO friendly” – SEO significa Search Engine Optimization, ou Otimização para Motores de Busca. Mas o que isso quer dizer? Basicamente que seu site ou blog, se for WP, será encontrado mais facilmente pelos motores de busca e outros indexadores online. Isso ocorre pois a plataforma é escrita em códigos de qualidade de alto padrão e produz marcação semântica, o que funciona como uma espécie de “ímã” para os buscadores.

O outro motivo é que WordPress não se limita aos textos e suporta diferentes tipos de mídia. Áudios, vídeos e imagens podem ser adicionados de forma simples a um artigo, por exemplo, enriquecendo o conteúdo que você deseja produzir e publicar. Nos tópicos a seguir, abordaremos em detalhes as funções de ferramentas, temas, códigos e plugins para o seu site ou blog.

FERRAMENTAS

10

FERRAMENTAS

As ferramentas do WordPress são recursos que ajudam a melhorar a organização, funcionalidade e apresentação do seu site. Elas são essenciais em situações que pedem um auxílio especializado, como por exemplo para a regeneração de thumbnails, melhoria da acessibilidade do seu blog e eliminação de bugs.

A seguir, listamos cinco ferramentas campeãs para você instalar no seu site:

» WP-CLI: WP-CLI é um conjunto de ferramentas de linha de comando para gerenciar e facilitar instalações de WordPress. Você pode atualizar plugins, configurar instalações simultâneas, dentre outras ações, de forma rápida e sem a necessidade sequer de um navegador. Você pode instalar o próprio WordPress em 10 segundos com essa ferramenta!

» WordPress Mobile Pack: o WordPress Mobile Pack é um kit de ferramentas para facilitar seu acesso ao site ou blog pelo smartphone ou qualquer outro portátil. Ele conta com temas para o formato mobile, dispositivos de adaptação e um painel de comando especial para permitir a você editar sua página mesmo fora do computador.

11

FERRAMENTAS

» Regenerate Thumbnails: Regenerate Thumbnails é ótimo para você que trabalha com imagens no seu blog. Como o próprio nome sugere, essa ferramenta permite regenerar as thumbnails, que são aquelas miniaturas das imagens, sem perder qualidade, caso seja preciso readequar as dimensões delas. Você pode regenerar as thumbnails de todas as imagens do site, de um grupo específico ou de apenas uma, se desejar.

» ManageWP: o ManageWP é muito útil se você tem vários blogs. Essa ferramenta permite a você administrar todos eles a partir de um único super painel, o que salva bastante tempo e não te deixa perdido com tanto conteúdo a ser gerenciado.

» Theme Check: Theme Check é essencial para testar aquele tema que você adorou e se certificar que ele está 100% funcional, sem qualquer tipo de bug, antes de aplicá-lo no seu blog.

TEMAS & CÓDIGOS

13

TEMAS & CÓDIGOS

Os temas de WordPress são responsáveis por criarem, basicamente, o estilo geral do seu site ou blog. Isso inclui o layout da página, tipo de fonte, cor, localização dos widgets (aqueles itens essenciais para a sua página que exercem funções específicas, como categoria de posts, tags, busca, dentre outros), formato do post e outros aspectos adicionais. Em suma, os temas são fundamentais pelo simples fato de que, sem eles, sua página não existirá.

Além dos milhares de temas gratuitos já abordados anteriormente, você tem a opção de escolher algum tema pago, também conhecido como premium. As vantagens dos temas premium sobre os gratuitos são seus códigos-base mais confiáveis (falaremos mais dos códigos a seguir) e o fato de oferecerem suporte integral e contínuo, em caso de algum problema.

Há diversos sites na internet que oferecem milhares de opções de temas para você escolher, entre gratuitos e pagos.

Vale a pena dar uma olhada nas páginas que selecionamos para você buscar aquele tema que sempre sonhou em ter. São as principais do ramo:

14

TEMAS & CÓDIGOS

» WordPress.org

» Headway Themes

» Theme Forest

» Elegant Themes

» StudioPress

Contudo, com tantas alternativas, como ter certeza do tema ideal para o seu site? Bem, para isso, você deve se atentar a alguns aspectos. O primeiro e mais importante deles é escolher um layout relacionado ao assunto da sua página. De nada adianta ter um blog sobre futebol e o design dele fazer referência a festas de casamento, por exemplo. Caso você não encontre um tema especificamente para o conteúdo que deseja produzir, aposte nos genéricos.

Também é recomendado ir pela simplicidade. Temas elaborados demais podem parecer mais atraentes à primeira vista, mas isso não necessariamente significa que sejam funcionais. Designs simples são mais fáceis de serem customizados e apresentam maior compatibilidade com diferentes navegadores.

15

TEMAS & CÓDIGOS

Falando em compatibilidade, esse é outro tópico a ser lembrado quando está à procura de um tema. Busque opções que funcionem bem em qualquer navegador – inclusive naqueles que já passaram do auge mas que ainda possuem adeptos.

Relacionado à compatibilidade, temos também a responsividade. Com as visitas a sites por meio de smartphones e tablets em franca ascensão, é crucial que o tema da sua página tenha um design responsivo e seja amigável aos portáteis (por falar em design responsivo, leia este artigo sobre os tipos de design e suas melhores adequações). Por isso, antes de bater o martelo verifique se a sua opção quando acessada via mobile se ajusta automaticamente e exibe o conteúdo de forma favorável ao usuário, sem a necessidade de ele ficar a todo momento dando zoom-in e zoom-out na página.

CÓDIGOS

17

CÓDIGOS

Os códigos de WordPress, ou shortcodes, servem para melhorar o desempenho do seu site ou blog de forma simples e ágil. São verdadeiros atalhos para aumentar a funcionalidade da sua página e otimizá-la, e a seguir mostraremos alguns bastante úteis para você alterar.

O primeiro código que você deve trabalhar é para tornar a URL da sua página amigável. A URL http://ferramentasinteligentes.com.br/?p=20/ não é amigável. Ela tem códigos estranhos, o que dificulta os motores de busca a identificarem a relevância do site. Já a URL ferramentasinteligentes.com.br é amigável, o que significa que você melhorará seu SEO e tornará sua página bem vista tanto para o Google quanto para outros buscadores. Dessa forma, seu site irá ranquear melhor e, consequentemente, aumentará seu tráfego.

Tornar amigável a URL da sua página é fácil. Basta seguir esse caminho:

1. oendereçodoseusite/wp-admin – Configurações – Links Permanentes;

2. Chegando nessa última tela, escolha a opção “Estrutura Personalizada” e insira o seguinte código: /%category%/%postname%/;

18

CÓDIGOS

3. Depois é só clicar em “Salvar alterações” e a mágica estará pronta!

Outro código do WordPress que vale a pena ser alterado é o dos metadados. Seu código-fonte tem consigo várias metatags não essenciais para o bom funcionamento da página, como a informação da versão da sua instalação do WP. Ela aparece dessa forma: <meta name=”generator” content=”WordPre ss 3.7.1” /> (versão de exemplo).

Mas por que fazer essa alteração? Pois ela aumenta a segurança do seu site. Caso você mantenha essa informação desatualizada ou inativa, estará ajudando pessoas interessadas em explorar falhas de segurança da sua página, pois elas saberão de antemão qual versão

da plataforma você usa – e os pontos fracos dela.

Para remover essa informação, assim como outros metadados desnecessários, adicione os seguintes códigos ao arquivo functions.php, que se encontra na pasta do seu template: remove_action (‘wp_head’, ‘wp_generator’); remove_action (‘wp_head’, ‘wlwmanifest_link’); remove_action (‘wp_head’, ‘rsd_link’).

19

CÓDIGOS

Para te ajudar a tornar multimídia o conteúdo do seu blog e valorizá-lo ainda mais, vão aí alguns códigos importantes para trabalhar com vídeos do YouTube. Se você deseja inserir um vídeo sem alterar suas dimensões (já adaptadas ao tema da sua página), basta copiar e colar o link no espaço de produção e edição do conteúdo – pegando como exemplo um clipe da banda Phoenix, a URL sem modificações aparecerá assim: https://www.youtube.com/watch?v=gvss3uhSKjw.

Caso você queira especificar a largura e comprimento do vídeo para 320 por 240, por exemplo, mude a URL para https://www.youtube.com/watch?v=gvss3uhSKjw&w=320&h=240. Se deseja alterar apenas a largura, essa é a sua URL: https://www.youtube.com/

watch?v=gvss3uhSKjw&w=320.

Quer começar o vídeo de determinado ponto? https://www.youtube.com/watch?v=gvss3uhSKjw&start =70 – exemplo para começar o clipe aos 01:10, ou 70 segundos (a mudança da URL é sempre com os segundos somados). Se além de começar o vídeo aos 01:10, você quer interrompê-lo aos 02:00, mude a URL para https://www.youtube.com/watch?v=gvss3uhSKjw&start=70&end=120. Esses são alguns dos muitos códigos úteis que você pode alterar para tornar seu site ou blog ainda melhor!

PLUGINS

21

PLUGINS

Os plugins do WordPress são recursos que, quando instalados, expandem exponencialmente as funcionalidades do seu site ou blog. As funções de cada um deles são bem específicas e atendem a praticamente todas as necessidades que você tiver com a sua página, variando desde a criação de landing pages e SEO, até aumento da segurança do seu domínio.

Tais quais os temas, existem milhares de plugins gratuitos. E, novamente, tais quais os temas, existem também plugins premium, que apresentam algumas vantagens frente àqueles gratuitos – sendo a principal delas o abrangente suporte.

Dentre as toneladas de plugins disponíveis, fizemos uma lista com 4 que são essenciais para você ter no seu site ou blog. Vamos a eles:

» Video Blogster Pro: plugin que pesquisa e publica vídeos em um blog a partir de um assunto predefinido. O mais bacana desse plugin é que você pode deixar sua página no piloto automático, pois ele gera sozinho novos conteúdos de vídeo para você o tempo todo. Ou seja, é uma mina de ouro para SEO! Ele é fácil de usar, com opções simples e diretas, funciona com qualquer tema e o usuário não precisa ter conhecimentos sobre código. O plugin custa $21.

22

PLUGINS

» Social Networks Auto-Poster: o Social Networks Auto-Poster integra o WordPress às mídias sociais, divulgando as postagens automaticamente no Facebook, Twitter, Google+, Pinterest, LinkedIn, Blogger, Tumblr, Delicious e onde mais você imaginar. O processo é totalmente automatizado, fácil de ser feito e uma ótima forma de promover o seu site ou blog. Plugin gratuito.

» URL Shortener: o URL Shortener, como outros plugins do tipo, tem como função básica simplesmente encurtar URLs. Ele é bem simples de instalar e utilizar e gratuito. O principal motivo de ele estar nessa lista é que, se você instalá-lo juntamente com o Video Blogster Pro e o Social Networks Auto-Poster, é possível montar um site ou blog de nicho que funciona automaticamente sem qualquer administração!

» Social FBlog: o Social FBlog é um plugin bastante útil para ajudar na divulgação do seu site ou blog. Ele cria uma caixa flutuante para que os visitantes compartilhem nas redes sociais os conteúdos produzidos por você. Pode não parecer, mas faz diferença para o usuário ter uma box de compartilhamento visível e chamativa, ao invés de um espaço discreto e que na maioria das vezes passará batido mesmo que ele queira compartilhar o que acabou de ler, assistir ou

23

PLUGINS

ouvir. Com esse plugin de fácil instalação, manuseio e gratuito, seus resultados de promoção sem dúvida serão melhores.

O WordPress é um meio fantástico para a criação do seu site ou blog. Com a impressionante miríade de ferramentas, temas, códigos e plugins da qual dispõe, o céu é o limite para customizar a sua página como bem entender e transformá-la no próximo fenômeno da internet.

CONCLUSÃO

25

CONCLUSÃO

Contudo, tenha sempre em mente que é crucial para utilizar o potencial máximo do WordPress e seus recursos manter-se atualizado sobre as soluções disponíveis para personalização e melhoria de suas funcionalidades. Da mesma forma, ferramentas, temas e plugins devem estar continuamente mantidos em suas últimas versões, a fim de trabalharem em conjunto e sem atrapalhar seus rendimentos.

Para mais materiais incríveis sobre o mundo web, continue ligado no Ferramentas Inteligentes!

O Ferramentas Inteligentes é um portal que tem como objetivo democratizar o acesso a ferramentas web e, consequentemente, a implementação de estratégias digitais, tornando tais tarefas possíveis para qualquer um que queira investir tempo para absorver as informações do site. O portal demonstra e ensina para o usuário melhorias e oportunidades que podem existir usando algumas ferramentas digitais simples.

acesse ferramentasinteligentes.com.br