WORDPRESS

INSTALANDO E CONFIGURANDO

Desenvolvida exclusivamente para o Apostilando.com por Marcos Paulo Furlan

NDICE
NDICE .......................................................................................................................................... 2 INSTALANDO UM SERVIDOR WEB LOCAL ............................................................................. 3 PAINEL WORDPRESS E POSTS .............................................................................................. 10

Escrevendo Posts......................................................................................... 10 Mdia ............................................................................................................. 18 Links ............................................................................................................. 19 Pginas......................................................................................................... 22

TEMAS INSTALAO E CONFIGURAO ............................................................................. 23

Widget........................................................................................................... 24 Menus ........................................................................................................... 26

CONFIGURAES .................................................................................................................... 29 USURIOS.................................................................................................................................. 31 PLUG-INS ................................................................................................................................... 32

INSTALANDO UM SERVIDOR WEB LOCAL

No curso WebKit 1para quem j o adquiriu instalamos o EasyPHP, para nosso curso vamos utilizar o WAMP Server (conhecido anteriormente como WAMP5) um software publicado sob a GNU General Public License desenvolvido pela PHP Team. usado para instalar rapidamente no computador os softwares PHP 5, MySQL e Apache, disponibilizando suporte ao uso de scripts PHP localmente no Windows. Instalando o WampServer. Basta ir clicando e avanando. Aps a instalao ser mostrado prximo ao relgio o cone de seu servidor WEB.

Ao clicar sobre este cone voc ter acesso ao menu de opes de seu servidor local.

Para quem usa Windows 7 pode ocorrer de no iniciar o servio. Caso isso ocorra necessrio uma pequena modificao, pois o Apache que o servidor WEB utiliza a porta 80, precisamos mudar para a porta 82. V at a pasta: C:\wamp\bin\apache\apache2.2.6\conf. Abra o bloco de notas e depois arraste o arquivo httpd.conf para dentro do bloco de notas. Localize a linha: Listen 80 e mude para Listen 82

Depois localize a linha ServerName localhost:80 e mude para ServerName localhost:82

Clique no boto do Wamp, pare todos os servios e depois os reinicie. No seu navegador digite http://localhost:82/.

Crie dentro da pasta wwwdowamp uma pgina chamada wordpress, ou com o nome de seu site. Dentro desta pasta descompacte o pacote de arquivos do wordpress.

Voc

pode

baixar

Wordpress

do

seguinte

endereo:

http://br.wordpress.org/

Pelo cone do WAMP abra o PHP MYAdmin e crie o banco de dados.

No exemplo usei como nome wordpress.

Abra seu navegador e digite no endereo http://localhost/wordpress/ Ser aberta a tela de configurao.

Clique em Criar um Arquivo de Configurao

Clique em vamos comear.

Como estamos em um servidor local o usurio root e a senha deixe em branco

Clique em Comear a instalao Defina o nome de seu Projeto.

rpida a instalao. Ser mostrado seu nome de usurio e a senha gerada pelo sistema.

Anote a senha e clique Login.

Como estou local vou marcar a opo Lembrar-me

Sempre que precisar entrar na rea de login use http://localhost/wordpress/wpadmin Vamos mudar nossa senha. Clique em Usurios.

Ao passar o mouse e admin vai aparecer o link Editar. Desa a tela e mude a senha.

PAINEL WORDPRESS E POSTS

Temos no painel de controle na esquerda os itens de seu site como Posts, Mdia, Links,etc. Temos o painel central, central de comentrios. E observe que na parte superior ele j me mostra que j existe uma nova verso do wordpress disponvel. Temos tambm uma lista de Plug-ins e notcias sobre o wordpress.

Escrevendo Posts
O principal recurso do Wordpress justamente a possibilidade de escrevermos nossos posts. Clique no link post.

10

 mostrado a voc o post inicial do Wordpress e na esquerda a possibilidade de se criar um novo Post, ou trabalhar nas categorias. Clique em AddNew.

Defina um ttulo para seu Post, na janela central voc pode colocar seu contedo, observe que voc tambm tem uma Guia HTML. Na direita voc pode ligar a uma categoria e se for necessrio criar uma nova categoria, na parte de baixo a direita podemos adicionar TAGS,que permitem assim associar o seu post as suas tags. Como exemplo, vamos adicionar uma nova notcia. Usei uma notcia de tecnologia. Ento vou associa-la a categoria tecnologia. Na direita clique em Adicionar Nova Categoria.

11

Adicione tambm as suas TAGS para o Post.

Na parte superior clique em save Draft. Clique em Pr Visualizar para ver como est.

Para adicionar ao site clique em Publicar.

12

Vamos adicionar uma imagem ao nosso Post. Na edio de seu Post, acima dos botes de formatao temos os botes de insero de imagens, vdeos,mdia, etc. Clique na parte de seu texto onde deve ficar a imagem e clique em Inserir Imagem.

13

Localize a imagem e clique em Select Files. Desa a barra de rolagem.

Clique em Inserir no Post. Preencha as informaes e clique em Salvar todas as mudanas.

14

Caso no queira manter uma notcia to longa podemos adicionar um link leia mais. Clique aps o primeiro pargrafo e clique no boto Inserir a TAG Mais.

Sobre a barra de formatao de notcias.

15

Temos o boto Negrito, itlico, tachado, marcadores, alinhamentos, boto de criar/editar hiperlink, remover hiperlink, quebra de post, verificao ortogrfica, visualizao em tela cheia. Mostrar opes avanadas.

Formato de texto, sublinhado, justificado, cor de texto, colar como texto comum,colar como texto do Word, remover formatao, inserir smbolo, recuos, desfazer/recuar e ajuda.

Podemos tambm definir a data de publicao. Na direita onde mostra o status do Post, podemos definir a data e horrio de publicao do Post.

Defina a data e a hora e clique em OK. Podemos caso seja necessrio definir uma senha para visualizar o arquivo ou ento desabilitar os comentrios do post. Ao posicionar o mouse sobre o ttulo do Post aparece a opo Quica Edit, clique sobre esta opo.

16

 aconselhvel ao projetar a criao de um site definir as categorias e se possvel as palavras chave que voc utilizar. Clique na direita em Categories. Ser mostrado Sem categoria e Tecnologia. Vamos criar mais algumas categorias. No exemplo vou criar as categorias, Mobile, Cursos, webdesign. Vou ligar estas novas categorias tecnologia.

17

Mdia
Vimos como adicionar uma imagem ao nosso Post. Mas podemos adicionar diversos contedos a nossa biblioteca de Mdia. Clique em Mdias

Observe que a imagem que usamos em nosso post j est sendo mostrada. Vamos adicionar mais algumas imagens agora pelo itens Mdia. Clique em Add New. Selecione o arquivo, ao trmino do processo preciso editar as configuraes de sua imagem.

18

Na parte inferior clique em salvar todas as mudanas.

Voc pode adicionar diversos formatos de arquivos,desde que no ultrapassem o tamanho de 2MB.

Links
Ao carregar seu site wordpress,ele j mostra alguns links pr-configurados, vamos configurar os links que queremos deixar em nosso site. Clique em Links.

19

Os links que aparecem como padres no sero teis ao nosso site, ento vamos exclu-los. Clique em Add New. Preencha os dados do novo link.

Para categoria marque a opo lista de links. Abaixo temos mais algumas configuraes.

20

Como um link externo marque a opo _blank, para que abra em uma nova pgina.

Adicione mais alguns links.

21

Pginas
Ao clicar em pginas, temos a opo Sobre, Ao clicar sobre esta opo, podemos editar o seu contedo. Vamos criar uma nova Pgina chamada Servios. Clique em Add New. Adicione seu contedo e clique em Atualizar.

A ordem da pgina define como sero mostrados na ordem da pgina, para por exemplo criao de menus. O primeiro deve ser sempre 0 (zero). Em algumas situaes a ordem dever ser inversa.

22

TEMAS INSTALAO E CONFIGURAO

O Wordpress quando instalado vem com um tema padro. Voc pode criar seu prprio tema, ou pode usar temas disponibilizados na Internet para seu site. Clique em Appearance.

Se estiver conectado a Internet clique em Install Themes. Clique em Find Themes. Sero mostrados diversos temas escolha qual voc quer usar.

Escolha sua opo e clique em Install. Clique em Instalar agora.

23

Ao terminar de baixar clique em Ativar.

No vamos em nosso curso explorar o recurso de criao de temas, por se tratar de um assunto mais complexo. Cada tema pode permitir ou no a edio de elementos de seu site wordpress.

Widget
Na direita,clique em Widget que so elementos que podemos adicionar ao nosso site.

24

Para adicionar Widgets na barra lateral, chamada sidebar, basta arrasta-los at ela. Embora voc j veja alguns elementos, eles so os padres. Arraste a opo AGENDA para a direita, defina um ttulo e clique em Salvar.

Observe que ao adicionar o elemento todos os demais elementos sairo da Sidebar.

Arraste novos itens para a sua Sidebar e configure-os.

25

Menus
Podemos criar menus em nosso site. Clique em Menus. Defina um nome e clique em Create Menu.

26

Observe que ele deu um aviso que este tema no suporta menu. Vamos mudar o tema.

Marque a opo e direcione a Tecnologia.

Clique em Add to Menu.

27

Adicione novos itens de menu.

28

Para cada tema ,os elementos na barra podem mudar, este tema por exemplo no tem cores,mas permitem configurar o fundo. Clique na opo Fundo. Observe que ele permite mudar a imagem de fundo. A opo cabealho permite mudar a imagem de fundo. Caso queira poder criar a sua imagem para a substituio.

Voc pode observar tambm que o tema j traz alguns topos que podem ser modificados. A opo editor permite que voc possa editar os arquivos de seu tema.

Ateno ao editar estes arquivos,pois uma nica vrgula em local errado e o site dever ficar inativo.

CONFIGURAES
Em configuraes podemos definir alguns parmetros em nossa configurao.

29

Altere o nome e a descrio de seu site e clique em salvar as alteraes.

Na opo escrita voc pode definir parmetros de postagens. No vamos alterar nada neste item. Clicando em Leitura podemos definir como ser configurada a pgina inicial, se ser atualizada com os ltimos Posts, ou se posso definir uma pgina para ser mostrada.

30

USURIOS
Ao ter um site podemos definir perfis de usurios. Clique na opo usurios. Ele mostrara o administrador que possui os privilgios mximos dentro do site. Ao clicar em editar, voc poder definir nome de usurio, senha, perfis de cores do painel de controle, etc. Vamos criar um novo usurio, na esquerda clique em add New de Usurios.

Defini o usurio como Author, isso permite que este usurio possa criar novos

31

Posts,mas no modificar a estrutura do site. Observe que o parmetro do Painel de Controle para o usurio com este perfil com menos opes.

PLUG-INS
E para finalizar este nosso material, vai aprender a usar alguns Plug-ins do Wordpress. Vamos adicionar um formulrio de contato com o recurso plug-ins do wordPress. Vamos adicionar o Plug-in Cfoms (http://www.4shared.com/file/r-

XIhwsz/cforms93.html) aps baix-lo o descompacte dentro da pasta Plug-ins de seu site.

Ele vai aparecer automaticamente na sua relao de plug-ins.

32

Marque a opo cforms e clique em Ativar. Ele dar um aviso de Plug-in ativado e mostrar se existe alguma verso mais nova. Agora precisamos configurar nosso contato. Observe que ao final da barra a esquerda ele cria o item Cforms. Clique sobre ele.

Vamos configurar os campos. Preencha os dados para os campos. Observe que voc pode excluir campos clicando no sinal de excluir de cada campo, pode adicionar campos. No exemplo adicionamos o recurso de CAPTCHA.

33

Observe que na opo Type voc pode selecionar o tipo de campo do Formulrio.

Deixei tambm habilitado a opo AJAX para verificao dos campos. Clique agora na opo Messages, Text and Buttons. Vamos configurar o boto de Envio. Em Core Form Admin / Email Options, podemos configurar o e-mail de recebimento. Clique em Update settings para atualizar seu formulrio. Clique em Styling para podermos editar a parte visual do Formulrio.

34

Selecione o formato de seu formulrio. Vamos agora adicionar nosso formulrio a uma pgina e posteriormente ao um item de Menu. Clique em Pages. Add New.

Observe que aparece no editor da pgina temos um boto de insero de Formulrio. Clique sobre ele e escolha o formulrio.

35

Salve e clique em Publicar. Clique agora em Appearance , Menus. Adicione um novo Item chamado Fale Conosco. Na opo Pages, Marque a opo Fale Conosco e clique em Add to Menu. Clique novamente em Save Menu. Teste seu formulrio.

Com isso finalizamos nosso estudo de como instalar e configurar o CMS wordpress.

36