Wordpress

Wordpress

Todos os direitos reservados para Alfamdia Prow.

AVISO DE RESPONSABILIDADE As informaes contidas neste material de treinamento so distribudas NO ESTADO EM QUE SE ENCONTRAM, sem qualquer garantia, expressa ou implcita. Embora todas as precaues tenham sido tomadas na preparao deste material, a Alfamdia Prow no tem qualquer responsabilidade sobre qualquer pessoa ou entidade com respeito responsabilidade, perda ou danos causados, ou alegadamente causados, direta ou indiretamente, pelas instrues contidas neste material ou pelo software de computador e produtos de hardware aqui descritos.

10/2011 Verso 1.0

Alfamdia Prow http://www.alfamidia.com.br

2011 Alfamdia Prow.

Wordpress

Sumrio

UNIDADE 1: INTRODUO ............................................................................................. 4 UNIDADE 2 : INSTALAO .............................................................................................. 6 UNIDADE 3 : PAINEL ADMINISTRATIVO ......................................................................... 9 UNIDADE 4 : CRIANDO CATEGORIAS .......................................................................... 11 UNIDADE 5: CRIANDO POST ........................................................................................ 12 UNIDADE 6: CRIANDO PGINAS .................................................................................. 14 UNIDADE 7 : INSTALANDO PLUGINS ........................................................................... 16 UNIDADE 8 : ALTERANDO O TEMA .............................................................................. 17 UNIDADE 9: USANDO WIDGETS .................................................................................. 18

2011

Alfamdia Prow.

Wordpress

Unidade 1 Introduo
Uso de CMS
Um Sistema de Gesto de Contedo - SGC, (em ingls Content Management Systems - CMS), um sistema gestor de contedo para websites, portais e intranets, que integra ferramentas necessrias para criar, editar e inserir contedos em tempo real, sem a necessidade de programao de cdigo, cujo objetivo estruturar e facilitar a criao, administrao, distribuio, publicao e disponibilidade da informao. A sua maior caracterstica a grande quantidade de funes presentes. Podemos dizer que um CMS um framework, um esqueleto de web site pr-programado, com recursos bsicos e de manuteno e administrao j prontamente disponvel. O Wordpress um exemplo de CMS, utilizado para criao de websites dinmica, com possibilidade de insero de componentes das mais variadas funes, quase sempre gratuito. Em relao s tecnologias envolvidas, o Wordpress um projeto de cdigo aberto (Licena GNU/GPL), que por usa vez utiliza a linguagem de programao PHP e banco de dados MySQL. Veremos mais sobre esses assuntos durante o curso. A grande necessidade de um webdesigner atender uma demanda crescente na rea: Dinamismo para website. Quando necessrio, o webdesigner deve buscar as parcerias necessrias para dinamizar o site com programadores, porm, muitas vezes o custo do projeto devido a esta mo-de-obra extrapola e fica invivel para o cliente. A soluo usar um framework de gesto de contedo, e o Wordpress destaca-se por ser para aqueles que no conhecem programao, um dos mais fceis de aprender. Alm do webdesigner, muitos programadores preferem utilizar os frameworks, pois no existe a necessidade de criar algo que j foi criado. Muitas vezes estes programadores acabam criando novos plugins para o Wordpress para atender uma necessidade de um cliente, e este mdulo passa a fazer parte de outros projetos mundo a fora.

2011

Alfamdia Prow.

Wordpress

Veja o quadro comparativo a um projeto de um website dinmico: Sistema tradicional Profissional de programao Tempo de implementao Profissionais envolvidos Necessrio Mdio/Alto Webdesigner Webdeveloper Wordpress No necessrio Baixo/Mdio e Apenas um

Olhando o quadro acima, fica claro que o custo do projeto para uma programao tradicional aumentar, pois ter mais mo-de-obra especializada. No devemos desmerecer este custo, afinal, todo o trabalho dispensado para construo de um sistema/web site merece ser recompensado. Trata-se aqui de aprender a otimizar o tempo de trabalho obtendo resultados to ou mais satisfatrios. inegvel que alguns projetos necessitam realmente de programao, pois se trata de um sistema muito especfico, porm, muitas questes podem ser resolvidas localizando um plugin do Wordpress. Para que seja possvel instalar o Wordpress, necessria a contratao de um servio de hospedagem que d suporte a PHP e tenha banco de dados MySQL. Em geral, os planos de hospedagem Linux oferecem estes servios. Existe ainda a possibilidade de contratao de plano de hospedagem que contempla script de instalao do Wordpress, o mais famoso o script chamado Fantstico, que muitos servidores oferecem em seus planos de hospedagem. Estes scripts automatizam a instalao facilitando o processo. Independente de instalao via script ou manualmente, ainda necessrio o conhecimento da ferramenta, pois a instalao gera um site padro do Wordpress, sendo necessrio realizar configuraes para customizar o projeto. Os provedores de hospedagem no costumam dar suporte para o contedo do site, ou seja, no haver suporte para a configurao do Wordpress, somente e quando muito, para a instalao.

2011

Alfamdia Prow.

Wordpress

Unidade 2 Instalao
Instalao via Script
Atravs do painel de controle da sua hospedagem (dependendo do contrato) pode ser criado um Wordpress, j com configurao com Banco de Dados pronto.

2011

Alfamdia Prow.

Wordpress

Instalao Manual
Para esse tipo de instalao necessrio baixar o pacote Wordpress do site oficial: http://wordpress.org. Ou mesmo, http://br.wordpress.org, com a traduo em portugus pronta. Esse arquivo baixado e normalmente vem de forma zipada, bastando descompactar o arquivo. Dentro dele viro alguns arquivos e trs pastas: 1) wp-admin: arquivos de administrao do site 2) wp-content: arquivos gerais do website 3) wp-includes: bibliotecas e classes A instalao manual pode ser processada de duas maneiras, ou no prprio computador atravs de um WAMP ou XAMP server, ou seja, sem estar na internet, ou direto no servidor da hospedagem. Em ambas ocasies a parte mais importante identificarmos as seguintes partes do arquivo wp-config-sample.php: define(DB_NAME, alterar_nome_do_banco); define(DB_USER, alterar_usuario_mysql); define(DB_PASSWORD, alterar_senha); define(DB_HOST, alterar_hospedagem_do_banco);

Alterado, onde indicado, necessrio salvar o arquivo com o nome wp-config.php. Feito isto, basta acessar pelo browser a pasta /wp-admin.

2011

Alfamdia Prow.

Wordpress

Note que o prprio Wordpress tem um aviso referente necessidade de configurao do Banco de Dados com o arquivo wp-config.php.

Para continuar a instalao basta concluir as informaes corretas do diretrio onde foram includos os arquivos.

2011

Alfamdia Prow.

Wordpress

Unidade 3 Painel Administrativo

Administrando o site
Para acessar o painel necessrio digitar o diretrio: www.dominio.com.br/wp-login.php, digitando o admin e senha criados.

Feito isto, o Wordpress encaminhado diretamente para o painel de administrao, na pasta /wp-admin. O painel que veremos aqui da verso Wordpress 3.2.1. Outras verses variam um pouco de layout.

2011

Alfamdia Prow.

Wordpress

4 3

1 5

1- Menu Principal possvel acessar todas as reas de administrao 2- Instante ou Agora Uma viso instantnea e resumida do que blog possui. 3- Quickpress possvel inserir postagens de forma rpida 4- Login Alteraes gerais de perfil e tela. 5- Informaes Complementares

10

2011

Alfamdia Prow.

Wordpress

Unidade 4 Criando Categorias

Organizao
As categorias no WP servem para organizar as postagens. De certa forma utilizada para arquivar artigos publicados.

Para criar uma categoria necessrio criar um Nome outras informaes como Slug, Pai e Descrio so optativos. Ao final basta clicar em Adicionar Nova Categoria. O Slug serve para a URL interpretar de melhor forma, caso no preenchido, normalmente fica com o mesmo nome do Nome. O Pai serve para caso a categoria a ser criada seja na verdade uma subcategoria do item pai escolhido. A Descrio aparece em alguns temas do WP. As categorias criadas, assim como as subcategorias aparecero no lado direito.

11

2011

Alfamdia Prow.

Wordpress

Unidade 5 Criando Post

Postagens
As postagens so caractersticas comuns em blogs. Nesse momento voc vai se perguntar? Quero que meu site fique com cara de blog ou vou querer um blog nesse formato. O WP permite atravs de algumas configuraes, ambos formatos. Quando instalamos o WP comum estar publicado uma postagem Ol Mundo e j com um comentrio. Alm da possibilidade de criar uma postagem j na home do WP, na seo de Posts existe o boto Adicionar Novo. Abaixo ficaro todas as postagens criadas.

Para adicionar uma postagem necessrio digitar um ttulo para ela, e logo abaixo escrever o texto. Note que possvel salvar como rascunho, ou seja, sem que a publicao seja totalmente efetivada. No rascunho existe a possibilidade de deixar para reviso. Ainda possvel escolher que tipo de usurio poder visualizar, pblico geral ou quem estiver logado, ainda podendo deixar protegido por senha, algo muito usado em fruns, alm de poder selecionar a postagem para ficar na pgina inicial do site. Ainda possvel escolher se a postagem ser publicada imediatamente ou se aparecer a partir de uma determinada data. sempre necessrio escolher uma categoria para a postagem ficar vinculada, podendo ser mais de uma categoria caso necessrio, bastando preencher o checkbox.

12

2011

Alfamdia Prow.

Wordpress

13

2011

Alfamdia Prow.

Wordpress

Unidade 6 Criando Pginas

Paginando
As pginas so as extenses criadas a partir do painel de administrao. No Wordpress comum a existncia da pgina de abertura como index.php, embora possa ser substitudo por home.php. J as pginas internas possuem alguma lgica em sua construo. Quando criarmos um novo Post o prprio WP cria a paginao. Se habilitados com os Ids normalmente ficar: Tipo Pgina Categoria Maneira usual ?p={id} ?cat={id} Exemplo ?p=10 ?cat=10

Se habilitados com os Slugs normalmente ficar: Tipo Pgina Categoria Tags Maneira usual ?p={slug} ?cat={slug} ?tag={slug} Exemplo ?p=ola-mundo ?cat=novidades ?cat=wordpress

Essas Slugs (Links Amigveis) utilizadas nas pginas j com links o que torna o Wordpress uma excelente ferramenta para otimizao de um website.

14

2011

Alfamdia Prow.

Wordpress

No WP tambm possvel criar pginas para que fique mais parecido com um site do que com um blog. Podendo criar todas as pginas necessrias para o website que ficaro arquivadas como ?page_id={id}. Automaticamente as pginas iro aparecendo no menu principal do site, sem que precise posicion-lo.

15

2011

Alfamdia Prow.

Wordpress

Unidade 7 Instalando Plugins

Acoplando elementos
O Wordpress possui alguns elementos bsicos j na sua base de dados. Assim como em outros CMSs, no WP possvel instalarmos diversos plugins para deixar o gerenciador mais completo conforme a necessidade. Essa instalao ocorre a base de hooks (ganchos) que so adicionados a programao principal. Assim como em outros CMSs o WP de uso livre, o que deixa muitos desenvolvedores pelo mundo todo criar plugins, alguns pagos e outros de forma gratuita. O lado bom que existe uma infinidade de plugins na web, mas por outro lado, se mal programado pode comprometer o uso do plugin, por esse motivo importante pesquisar bastante e perceber as possibilidades do complemento. Ao baixar um plugin, basta salv-lo no diretrio wp-content/plugins. No painel de administrao necessrio ir at os plugins e ativ-lo.

Cada plugin ter um modo de funcionamento. Por isso necessrio estudar seu funcionamento. Alguns simplesmente ao ativar j esto sendo utilizados pelo WP e outros precisam ser posicionados a partir dos Widgets. Ao baixar o plugin veja se compatvel com a verso do WP instalado.

16

2011

Alfamdia Prow.

Wordpress

Unidade 8 Alterando o tema

Trabalhando com Html, CSS e Imagens
No Wordpress possvel criar temas ou alterar um existente. Para facilitar, quando comeamos a aprender o Wordpress mais fcil tratar um tema pronto. O modo de instalao do tema muito similar ao plugin, s que deve-se passar os arquivos para a pasta wp-content/themes. Feito isto bastar ir ao painel de administrao na parte de Aparncia/Temas.

Se estiver tudo certo com os arquivos do tema, aparecer no painel tema e devemos ativar o layout. Isto far com que o layout do site seja alterado. Para cada tema ter pastas representando contedo e formatao. No contedo desenvolvemos e alteramos as tags, os ids e as classes, e o estilo de cada um no arquivo css vinculado ao tema. Para tratamento e alterao de imagens recomendvel o uso do Photoshop.

17

2011

Alfamdia Prow.

Wordpress

Unidade 9 Usando Widgets

Adicionar, remover e reordenar usando o arrasta e solta
Os Widgets so elementos que podem ser adicionados ao Wordpress. Algum como Calendrio, Nuvem de Tags e Pesquisar j vm como padro. Outros plugins ao serem instalados podem aparecer no painel de Widgets.

Para que um elemento aparea no site, basta selecionar, arrastar e soltar na barra onde deseja inserir. Para cada layout existiro reas especficas onde os widgets podem ser adicionados.

18

2011

Alfamdia Prow.

Wordpress

Em qualquer momento o elemento adicionado pode ser excludo. Apenas no aparecendo mais no visual, porm continuando aparecendo no administrador.

19

2011

Alfamdia Prow.