Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Curso
Wordpress
Carga horria: 40hs
Contedo Programtico:
Instalando um Servidor Web Local
Painel Wordpress e Posts
Temas: Instalao e Configurao
Configuraes
Usurios
Plugins
Introduo
WordPress aplicativo de sistema de gerenciamento de contedo para web, escrito em
PHP com banco de dados MySQL, voltado principalmente para a criao de blogs via
web.
O WordPress foi criado a partir do j desaparecido b2/cafelog e hoje, junto com o
Movable Type, o mais popular na criao de weblogs. As causas do seu rpido
crescimento so, entre outras, seu tipo de licena (de cdigo aberto), sua facilidade de
uso e suas caractersticas como gerenciador de contedos. Criado por Ryan Boren e
Matthew Mullenweg, distribudo sob a GNU General Public License sendo gratuito.
O WordPress utilizado tambm como plataforma de desenvolvimento de sites de
comrcio eletrnico, revistas, jornais, portflio, gerenciador de projeto, diretrio de
eventos e outros contedos devido a sua capacidade de extenso atravs de plugins,
temas e programao PHP.
O WordPress possui um sistema de modelos, atravs de um processador de modelos. Os
usurios podem re-organizar o layout atravs de widgets sem precisar editar cdigos
PHP ou HTML; eles tambm podem instalar e alternar entre temas WordPress. Os
cdigos PHP e HTML dos temas tambm podem ser editados para adicionar
funcionalidades personalizadas.
Histria
WordPress.org
comum
vs.
confuso
entre
WordPress.org
WordPress.com
e
WordPress.com.
WordPress.org
o site comunitrio do projeto do aplicativo WordPress, onde possvel fazer o
download do aplicativo e contribuir com o projeto. Alm de dispor o download, o portal
tambm abriga o diretrio de plugins e temas, a documentao chamada de Codex, lista
de sites que utilizam o aplicativo WordPress, o Frum de Suporte e o blog oficial.
WordPress.com
um servio de propriedade da Automattic que oferece hospedagem gratuita de blogs
com software WordPress. Um usurio cria um endereo do tipo
omeublog.wordpress.com, mas que inclui certas limitaes como a de poder escolher
apenas alguns temas, ou de incluir no rodap o texto "Hospede seu blog com
WordPress.com", e ainda de restringir a utilizao de JavaScript, CSS e FTP.
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:wampinapacheapache2.2.6conf.
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 .
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 o Wordpress do seguinte endereo: http://br.wordpress.org/
rpida a instalao. Ser mostrado seu nome de usurio e a senha gerada pelo sistema.
10
11
12
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
13
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.
14
Na parte superior clique em save Draft. Clique em Pr Visualizar para ver como est.
15
16
17
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.
18
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.
19
20
Mdia
Vimos como adicionar uma imagem ao nosso Post. Mas podemos adicionar diversos
contedos a nossa biblioteca de Mdia.
Clique em Mdias.
21
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.
22
Links
23
Os links que aparecem como padres no sero teis ao nosso site, ento vamos exclulos.
Clique em Add New.
Preencha os dados do novo link.
24
Como um link externo marque a opo _blank, para que abra em uma nova pgina.
25
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.
26
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.
28
29
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.
30
31
Menus
Podemos criar menus em nosso site. Clique em Menus. Defina um nome e clique em
Create Menu.
Observe que ele deu um aviso que este tema no suporta menu.
Vamos mudar o tema.
32
33
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.
34
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.
35
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.
36
Usurios
Ao ter um site podemos definir perfis de usurios. Clique na opo usurios. Ele
mostrar 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.
37
Defini o usurio como Author, isso permite que este usurio possa criar novos
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.
Plugins
E para finalizar este nosso material, voc vai aprender a usar alguns Plug-ins do
Wordpress.
Plugins so ferramentas para estender a funcionalidade do WordPress. Os plugins
oferecem funes personalizadas e funcionalidades que permitem que cada usurio
possa adequar seu site sua necessidade.
38
Atravs das funcionalidades que se tornam viveis atravs dos plugins, at mesmo os
usurios mais inexperientes conseguem realizar otimizaes e customizaes a gosto em
seus blogs. Essa maior liberdade sem sombra de dvidas influencia a moral do
blogueiro iniciante, que de outra maneira precisaria recorrer a um profissional e
conseqentemente gastar o seu sofrido dinheiro.
Vamos adicionar um formulrio de contato com o recurso plug-ins do wordPress.
Vamos
adicionar
o
Plug-in
Cfoms
(http://www.4shared.com/file/rXIhwsz/cforms93.html) aps baix-lo o descompacte dentro da pasta Plug-ins de seu
site.
39
Observe que na opo Type voc pode selecionar o tipo de campo do Formulrio.
40
41
Finalizando....
J fato que os plugins podem salvar um blog e um blogueiro, mas outros tantos se
esquecem que tudo em excesso perigoso. Com os plugins no diferente, o uso
excessivo de plugins poder ser muito prejudicial para um blog e acabar realizando o
efeito inverso do esperado, plugins em excesso acabam deixando o blog mais lento e
muitas vezes diminuindo sua usabilidade a uma parcela nfima da esperada pelo leitor.
Para manter um blog de qualidade preciso encontrar o nmero certo de plugins que
precisam ser usados, evitando adicionar plugins com funes fteis e que no
acrescentem nada ao blog. recomendado tambm que seja feita sempre uma limpeza
semestral em seu painel WordPress, onde sejam deletados todos os plugins que esto
desativados ou com uso descartvel.
43
Para
baixar
os
melhores
http://wordpress.org/extend/plugins/
plugins
de
Wordpress,
acesse:
Com isso finalizamos nosso estudo de como instalar e configurar o CMS wordpress.
44