Apostila de

WordPress

Gustavo Teixeira da Cunha CoelhoHenrique Gemignani Passos Lima

11 de maio de 2013

Primeira Edição RC1

Copyright (C) 2013 USPGameDev

A edição mais recente pode ser encontrada em:http://uspgamedev.org/apostilas/

Escrito por:

• Gustavo Teixeira da Cunha Coelho (coelho at uspgamedev.org)

• Henrique Gemignani Passos Lima (henrique at uspgamedev.org)

http://uspgamedev.org/apostilas/

Sumário

1 Sobre o WordPress 3

2 Instalando 3

3 Postando 43.1 Autorização . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43.2 Criando um post . . . . . . . . . . . . . . . . . . . . . . . . . 43.3 Categorias e Tags . . . . . . . . . . . . . . . . . . . . . . . . . 63.4 Páginas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

4 Conteúdo Elaborado 84.1 Imagens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84.2 Vı́deos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84.3 HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

4.3.1 Adicionando um mapa do Google Maps . . . . . . . . . 10

5 Temas 125.1 Gerenciando temas . . . . . . . . . . . . . . . . . . . . . . . . 13

6 Widgets 13

2

1 Sobre o WordPress

O WordPress é um sistema de gerenciamento de contéudo para Web, usadopara a criação de blogs. Ele possui muitas ferramentas que facilitam a criaçãodo seu site e é o sistema de criação de blogs mais usado na internet.

Para saber um pouco mais da história do WordPress clique aqui.

2 Instalando

A instação do WordPress é responsabilidade de quem é o responsável porgerenciar o site em si e não de quem apenas gerencia o conteúdo.

Se você não tem um site, serviços como o WordPress.com fornecem umapágina com WordPress já instalado. Se for uma hospedagem comprada,consulte o CPanel ou similar se este possuiu uma instalação automática deWordPress.

3

http://pt.wikipedia.org/wiki/Sistema_de_gerenciamento_de_conte%C3%BAdohttp://wordpress.org/about/https://wordpress.com/

3 Postando

3.1 Autorização

É importante notar que o WordPress possui um controle de acesso, logosomente pessoas autorizadas podem criar novos posts.

Para tal, precisamos realizar o login antes de podermos continuar comqualquer tarefa.

(a) Link para a página de login (b) Digitando usuário e senha

Figura 1: Processo de login

3.2 Criando um post

Criar um post é extremamente simples. O modo mais fácil de fazê-lo é usara barra do WordPress, onde por padrão existe uma seção para criação deconteúdo novo, e clicar em Novo Post. Após isso basta usar o editor visualpara gerar e publicar o post.

4

Figura 2: Usando a barra do WordPress

Figura 3: Usando o editor visual

5

Figura 4: Publicando

3.3 Categorias e Tags

Na hora de criação de um post, podemos adicionar categorias e tags paraagrupar posts quanto ao seu conteúdo. Como regra geral, as categorias sãousadas para dizer sobre o que o post de uma maneira bastante abrangente.Já as tags são normalmente usadas para dizer mais especificamente sobre oconteúdo do post. Categorias e tags podem ser colocadas no momento decriação de um post, mas também podem ser colocadas após a crição de umpost.

6

(a) Adicinando categorias a um post (b) Adicinando tags a um post

3.4 Páginas

Um tipo especial de post no Wordpress são as Páginas. Essas páginas sãotratadas de maneira especial pelo seu tema, como por exemplo listando todasna página inicial.

Figura 6: Lista de páginas do tema padrão

7

4 Conteúdo Elaborado

Não é apenas de texto que o blog vai ficar bom.

4.1 Imagens

Adicionar imagens no seu post é simples, basta clica em Adicionar Mı́dia.

Figura 7: Botão ’Adicionar Mı́dia’.

Feito isso, você pode ou enviar novas imagens para o site ou utilizaraquelas que já estão dispońıveis na aba Biblioteca de Mı́dia.

4.2 Vı́deos

A forma mais fácil é enviar o v́ıdeo para algum dos sites que o WordPresstem suporte e então colocar o link no post. O resto acontece sozinho.

Figura 8: Colocando um link no post

8

http://codex.wordpress.org/Embedshttp://codex.wordpress.org/Embeds

Figura 9: O video no post

4.3 HTML

Todo post no WordPress na realidade é feito em HTML. O editor visual éuma forma de gerar esse HTML de uma forma simples e fácil e se mexer. Aqualquer momento você pode ir para o editor modo texto, ver e modificar oHTML gerado, e então voltar ao edtior visual, com as modificações ativas.

9

Figura 10: Post no modo visual.

Figura 11: O mesmo post no modo texto.

4.3.1 Adicionando um mapa do Google Maps

Como exemplo, aqui vai instruções de como colocar um mapa do GoogleMapas no final do seu post.

1. Escreva o seu post normalmente, colocando tudo o que bem intender.

2. Visite o Google Maps e ache o local de onde você quer colocar o mapa.

3. Clique no botão de link e copie o texto no campo ”Paste HTML toembed in website”

10

Figura 12: Pegando um bloco de HTML pronto.

4. Volte ao seu post, e mude para o editor de texto. Como queremoscolocar o mapa no final, vá ate o fim e então cole o HTML que copioudo Google Maps.

5. Pronto, você já pode voltar ao editor visual e encontrar um retanguloindicando que existe algo excepcional ali, e que o editor visual nãomostra.

6. Clique em Visualizar, e veja o mapa dentro de seu post!

11

Figura 13: Visualizando o post com o módulo externo.

5 Temas

O tema padrão do WordPress é apenas uma das aparências que este pode ter.Embora seja posśıvel alterar partes, como t́ıtulo, descrição, cores do texto eo fundo, para poder modificar além disso, é necessário trocar o tema em si.

TODO: falar mais sobre temas! subsection sobre Suffision?

12

5.1 Gerenciando temas

Figura 14: Localizando a página de temas

Nesta página é posśıvel personalizar o tema atual, adicionar menus, widgetsou mudar o tema ativo. Também é posśıvel procurar temas novos parainstalar.

6 Widgets

Widgets podem ser adicionados ao seu site para complementar as informaçõesdispońıveis aos seus usuários. Por padrão, novos sites WordPress já sãocriados com alguns Widgets, como um Widget para busca no seu site, umWidget mostrando os Posts recentes, além de outros.

13

http://pt.wikipedia.org/wiki/Widget

Figura 15: Exemplo de alguns Widgets padrões

14

Sobre o WordPressInstalandoPostandoAutorizaçãoCriando um postCategorias e TagsPáginas

Conteúdo ElaboradoImagensVídeosHTMLAdicionando um mapa do Google Maps

TemasGerenciando temas

Widgets