Oficina de Wordpress
Prof.ª Ms. Aline Corso - alineaulas@gmail.com
Aline Corso
www.alinecorso.com.br
Sou Mestra em Processos e Manifestações Culturais
(Universidade Feevale) na linha de pesquisa Linguagens e
Processos Comunicacionais e Bacharela em Tecnologias
Digitais (Universidade de Caxias do Sul). Professora e
orientadora de Publicidade e Propaganda (Faculdade
Cenecista de Bento Gonçalves) e coordenadora do
suporte tecnológico da Comunidade de Práticas, um site
de rede social do SUS – Ministério da Saúde. Também
sou membro do Comitê de Avaliação, Seleção e
Fiscalização do sistema de fomento Financiarte, da
Prefeitura Municipal de Caxias do Sul, no segmento Artes
Visuais. Meus interesses de pesquisa debruçam-se
principalmente sobre os seguintes temas: tecnologias da
comunicação e informação, cultura digital, redes sociais,
economia criativa, arqueologia da mídia, computadores
vestíveis, corpos tecnológicos e arte computacional.
Mantenho, desde 2008, o site ComputadoresVestiveis,
pioneiro no Brasil sobre computadores vestíveis, próteses
e implantes.
Quem são vocês?
:)
Código é
poesia
Para que serve?
Como funciona?
Como devo usar?
Serve para o meu projeto?
O que é o Wordpress?
WordPress é um aplicativo de sistema de gerenciamento de conteúdo para web,
escrito em PHP com banco de dadosMySQL, voltado principalmente para a
criação de blogs via web.
Essa é uma das ferramentas mais famosas na criação de blogs disputando
diretamente com o serviço do Google chamado Blogger.
No entanto, o WordPress é adotado por aqueles que queiram um blog mais
profissional e com maiores recursos diferenciais.
http://www2.cultura.gov.br/site
http://www.r7.com
http://www5.usp.br
Mais sites em WP?
Pesquisar.
O que fazer com o WP?
● Blogs pessoais e de empresas
● Sites com atualizações constantes de conteúdo (ou não)
● Comércio eletrônico
● Fóruns (múltiplos autores)
● É totalmente grátis
● Disponível em português
● Possibilita a instalação de inúmeros plugins
● Documentação completa disponibilizada
● Frequentes atualizações e bug-fixes
● Painel de controle intuitivo
● Gerencimento de pings e trackbacks
● Facilidade na instalação e configuração
● Fórum de discussão em português
● Etc.
Vantagens
● PHP na versão 5.6 ou superior
● MySQL na versão 5.6 ou superior OU MariaDB na versão 10.0 ou superior
Obrigatoriedades
● Consome muito tráfego
Desvantagem
● Core (núcleo - não mexa aqui)
● Plugins (complementos, funções extra ao WP)
● Temas (deixa tudo mais bonito)
Como está dividido o Wordpress?
WordPress é um CMS. É FOSS. .org é a versão gratuita, .
com é versão paga. .org é down’n’dirty, tu mesmo instala e
mantém, .com é streamlined, tu paga e não tem dor de
cabeça. .org é WordPress aberto, tu faz o que quiser,
pinta e borda à vontade, .com é WordPress recatado, tu
só faz o que te deixam – e se tu pagar pelos “plus a
mais”.
Quê? Cuma? Explica
essa coisa toda,
fazfavor?!
CMS
Aplicativo usado para criar, editar,
gerenciar e publicar conteúdo de forma
consistentemente organizada permitindo
que o mesmo seja modificado, removido e
adicionado com facilidade. CMSs são
usados pra armazenar, controlar, e
publicar notícias, artigos e quaisquer
outros documentos. O conteúdo pode ser
qualquer coisa acessível via rede, como
arquivos de computador, imagens, áudios,
vídeos, documentos eletrônicos… Com
CMSs, tudo ficou mais fácil.
Tu não precisa programar página por
página, não precisa saber HTML, CSS,
PHP e um monte de outras linguagens.
Content Management System,
ou Sistema de Gerenciamento
de Conteúdo
HTML
HTML é a linguagem que constrói o
conteúdo, que diz o que é o que, como e
onde vai ser apresentado. São as famosas
tags que a gente vê no editor do tema do
WordPress – e que a gente não mexe sob
pena de perder todo o tema e virar tudo
uma bagunça.
HTML é uma linguagem de marcação
usada na criação de conteúdo estático.
HyperText Markup Language ou
Linguagem de Marcação de
Hipertexto
CSS
CSS é a folha de estilos em cascata. Ela
funciona de maneira hierárquica inversa,
ou seja, o que vier por último é o que vale.
O dever dela é definir a apresentação do
conteúdo marcado com o HTML, ou seja,
deixar tudo bonitinho da maneira mais
rápida e fácil – de fazer e de mudar
também. É aquele styles.css que a gente
vê no editor do tema, que parece uma
coisa muito estranha, e que a gente não
mexe sob pena de perder blablabla…
CSS é uma linguagem de folhas de
estilo que define a apresentação do
conteúdo.
Cascading Style Sheets ou folha
de estilo
PHP
Quanto ao PHP, o importante pra gente é que
ele faz o conteúdo ser dinâmico. Isso quer
dizer que: existe um banco de dados, que
guarda todo o conteúdo em pequenos
pedaços -no caso do WordPress, um
cabeçalho, um rodapé, uma barra lateral,
páginas e posts e outras coisas mais. E,
quando tu acessa o site pelo navegador, o
CMS – nesse caso, o WordPress -, através do
PHP, junta todos os pedaços necessários pra
apresentar o conteúdo que tu pediu. E o
WordPress identifica o conteúdo que tu pediu
pelo endereço que tu digitou no navegador.
Deu pra entender?
PHP é uma linguagem interpretada, que
depende de outro software pra ser
atualizada, e é usada na criação de
conteúdo dinâmico.
Acrônimo recursivo para
Hypertext Preprocessor,
originalmente Personal Home
Page
FOSS
Software que é duplamente livre e de código
aberto. Ele é livremente licenciado para
conceder a usuários o direito de uso, cópia,
estudo, mudança e melhoria em seu design
através da disponibilidade de seu código
fonte.
E como isso se aplica ao WordPress? Bom,
ele é software livre no sentido de que seu uso
não só é gratuito, mas também é livre pra uso
como, onde, e quando o usuário quiser. Por
exemplo, poder escolher o serviço de
hospedagem a usar. Ele também é de código
aberto porque é feito em comunidade, seu
código está disponível pra consulta, exame,
ou modificação. Por exemplo, os trocentos
plugins disponíveis, os temas, e a
comunidade que o mantém e melhora.
Free Open Source Software ou
Software Livre e de Código
Aberto
WORDPRESS.COM
Essa é a versão pronta pra uso, ou seja, um
serviço de hospedagem que te dá o WP
pronto. Tu faz uma conta – gratuita – e, a
partir daí, faz quantos sites tu quiser, com
um domínio nomedoblog.wordpress.com –
também gratuito. Os temas disponíveis são
aqueles oferecidos no menu Aparência,
sendo que existem opções gratuitas e pagas.
E, existem outras limitações, como quantia
de dados que tu pode armazenar, o nível de
autonomia que tu tem, e outras cositas mas.
Basicamente, usar o WordPress.com é
aconselhável se tu não quiser dor de
cabeça, e não se importar de não ter
controle total sobre o teu site.
WORDPRESS.ORG
Então, o WordPress.org é o QG do projeto,
onde tu pode baixar o software, temas,
plugins, etc. Também, é aqui que se
encontra documentação, fórum de suporte, a
comunidade, e o blog – tem também a
versão brasileira. Quando o software é
baixado daqui, tu precisa contratar um
domínio e um serviço de hospedagem, e
fazer a instalação. Por isso down’n’dirty. Não
é difícil, mas é um pouco complicado pra
iniciantes.
A vantagem de fazer teu site dessa
maneira é que tu tem controle absoluto
sobre ele.
Mas, antes...
● Qual o assunto do blog?
● Quais serão os assuntos? E as categorias?
● O blog terá muito conteúdo multimídia?
● Haverá conteúdo com apresentação diferenciada?
Comece a planejar seu blog pelo conteúdo que será apresentado ao
visitante, não pelos recursos ou visual que ele deverá ter.
Vamos praticar?
NÃO SE
PREOCUPE!
● Acessar https://br.wordpress.com
● Criar uma conta
● Explorar a interface
● Customizar
● Acessar https://br.wordpress.org
● Fazer download (arquivo .zip)
● Crie uma base de dados para o WP no seu servidor, assim como um usuário
MySQL com todos os privilégios sobre ela
● Coloque os arquivos do WP no local desejado
● Execute o script de instalação entrando na página principal do seu site.
A FAMOSA INSTALAÇÃO DE 5 MINUTOS
https://www.youtube.com/watch?v=sxK_LVfdF2w
Para oficina já temos
WP instalado para
praticar.
Temas
● Facilita a customização do blog
● Conheça o tema que você está instalando
● Não é porque ele fica bonito no seu site que ele é o ideal para o projeto
● É possível inserir novos temas pela administração do WP
● Há um editor (básico) de temas dentro da administração
● Busque sempre temas que podem ser customizados
● Bom temas responsivos
Vamos pesquisar
temas.
Plugins
● Somente instale plugins se for extremamente necessário
● Plugins mal escritos ou já ultrapassados podem conter falhas de segurança
ou deixar o seu blog mais pesado
● Ou até mesmo tirá-lo do ar
Vamos explorar
plugins.
Widgets
● Facilita a customização do blog
● Não está preso ao conceito de sidebar: você pode inserir onde quiser dentro
do tema
Vamos explorar
widgets.
SEO (Search Engine Optimization)
● Monitora o seu site e indica tendências
● Não ceda às tentações
● O melhor SEO é o seu conteúdo
● (mas é claro que existem plugins para facilitar)
Conjunto de técnicas utilizadas que tendem a buscar um melhor
posicionamento diante dos principais motores de busca.
10 dicas de SEO
para WP
1. Títulos
Tenha <title> únicas para cada página.
É um dos fatores mais importantes para rankear.
Escolha muito bem os seus títulos.
Você entende isso?
www.alinecorso.com.br/?=p123
E isso?
www.alinecorso.com.br/oficina-wordpress-na-vereda
Faça URLs amigáveis aproveitando sua palavra-chave. Isso é bom para o usuário
e o Google agradece.
2. URLs
Escolha ESTRUTURA PERSONALIZADA nos links
permanentes do WP.
Deixe o nome das imagens descritivas e informativas.
PÉSSIMO:
<img src="dsc00128.jpg" alt="Dicas de SEO" />
ÓTIMO:
<img src="dicas-de-seo.jpg" alt="Dicas de SEO" />
3. Imagens
Procure deixar a imagem junto ao contexto do assunto
da página.
4. Plugins
https://wordpress.org/plugins/wordpress-seo
Mostra como a sua página vai aparecer na SERP do Google.
Bibliografia
http://www.slideshare.net/nubiasouza/oficina-de-wordpress?qid=76a9d6d3-f418-4902-b40c-6527effa4f55&v=&b=&from_search=12
http://www.slideshare.net/graveheart/wordpress-basico?qid=76a9d6d3-f418-4902-b40c-6527effa4f55&v=&b=&from_search=2
http://www.slideshare.net/lcrafael/apresentao-wordpress?qid=76a9d6d3-f418-4902-b40c-6527effa4f55&v=&b=&from_search=5
http://www.slideshare.net/lufreitas/wordpress-blog-8748441
http://www.slideshare.net/renatovieira/wordpress-guiamanual-do-publicador
http://www.slideshare.net/gabrielaenathy/apostila-wordpress-13899554
http://www.slideshare.net/agenciapomar/agncia-pomar-manuelomar-manual-wordpress
http://www.slideshare.net/viniroger/curso-de-wordpress-45632389
http://www.slideshare.net/betotercette/como-criar-um-blog-usando-o-wordpress-no-seu-prprio-domnio *
http://www.bergamotadesign.com.br/wordpress-org-vs-wordpress-com-explicando-diferenca
Bibliografia
https://www.youtube.com/watch?v=nPurYFEwHvo&list=PL7E62F1EAD224DE20
http://www.slideshare.net/rodrigosimoni1/10-dicas-de-seo-para-wordpress-16426387
Perguntas?
Muito obrigada!
:)

Introdução ao Wordpress

  • 1.
    Oficina de Wordpress Prof.ªMs. Aline Corso - alineaulas@gmail.com
  • 2.
    Aline Corso www.alinecorso.com.br Sou Mestraem Processos e Manifestações Culturais (Universidade Feevale) na linha de pesquisa Linguagens e Processos Comunicacionais e Bacharela em Tecnologias Digitais (Universidade de Caxias do Sul). Professora e orientadora de Publicidade e Propaganda (Faculdade Cenecista de Bento Gonçalves) e coordenadora do suporte tecnológico da Comunidade de Práticas, um site de rede social do SUS – Ministério da Saúde. Também sou membro do Comitê de Avaliação, Seleção e Fiscalização do sistema de fomento Financiarte, da Prefeitura Municipal de Caxias do Sul, no segmento Artes Visuais. Meus interesses de pesquisa debruçam-se principalmente sobre os seguintes temas: tecnologias da comunicação e informação, cultura digital, redes sociais, economia criativa, arqueologia da mídia, computadores vestíveis, corpos tecnológicos e arte computacional. Mantenho, desde 2008, o site ComputadoresVestiveis, pioneiro no Brasil sobre computadores vestíveis, próteses e implantes.
  • 3.
  • 6.
  • 7.
    Para que serve? Comofunciona? Como devo usar? Serve para o meu projeto?
  • 8.
    O que éo Wordpress? WordPress é um aplicativo de sistema de gerenciamento de conteúdo para web, escrito em PHP com banco de dadosMySQL, voltado principalmente para a criação de blogs via web. Essa é uma das ferramentas mais famosas na criação de blogs disputando diretamente com o serviço do Google chamado Blogger. No entanto, o WordPress é adotado por aqueles que queiram um blog mais profissional e com maiores recursos diferenciais.
  • 10.
  • 11.
  • 12.
  • 13.
    Mais sites emWP? Pesquisar.
  • 14.
    O que fazercom o WP? ● Blogs pessoais e de empresas ● Sites com atualizações constantes de conteúdo (ou não) ● Comércio eletrônico ● Fóruns (múltiplos autores)
  • 15.
    ● É totalmentegrátis ● Disponível em português ● Possibilita a instalação de inúmeros plugins ● Documentação completa disponibilizada ● Frequentes atualizações e bug-fixes ● Painel de controle intuitivo ● Gerencimento de pings e trackbacks ● Facilidade na instalação e configuração ● Fórum de discussão em português ● Etc. Vantagens
  • 16.
    ● PHP naversão 5.6 ou superior ● MySQL na versão 5.6 ou superior OU MariaDB na versão 10.0 ou superior Obrigatoriedades
  • 17.
    ● Consome muitotráfego Desvantagem
  • 18.
    ● Core (núcleo- não mexa aqui) ● Plugins (complementos, funções extra ao WP) ● Temas (deixa tudo mais bonito) Como está dividido o Wordpress?
  • 20.
    WordPress é umCMS. É FOSS. .org é a versão gratuita, . com é versão paga. .org é down’n’dirty, tu mesmo instala e mantém, .com é streamlined, tu paga e não tem dor de cabeça. .org é WordPress aberto, tu faz o que quiser, pinta e borda à vontade, .com é WordPress recatado, tu só faz o que te deixam – e se tu pagar pelos “plus a mais”.
  • 21.
    Quê? Cuma? Explica essacoisa toda, fazfavor?!
  • 22.
    CMS Aplicativo usado paracriar, editar, gerenciar e publicar conteúdo de forma consistentemente organizada permitindo que o mesmo seja modificado, removido e adicionado com facilidade. CMSs são usados pra armazenar, controlar, e publicar notícias, artigos e quaisquer outros documentos. O conteúdo pode ser qualquer coisa acessível via rede, como arquivos de computador, imagens, áudios, vídeos, documentos eletrônicos… Com CMSs, tudo ficou mais fácil. Tu não precisa programar página por página, não precisa saber HTML, CSS, PHP e um monte de outras linguagens. Content Management System, ou Sistema de Gerenciamento de Conteúdo
  • 23.
    HTML HTML é alinguagem que constrói o conteúdo, que diz o que é o que, como e onde vai ser apresentado. São as famosas tags que a gente vê no editor do tema do WordPress – e que a gente não mexe sob pena de perder todo o tema e virar tudo uma bagunça. HTML é uma linguagem de marcação usada na criação de conteúdo estático. HyperText Markup Language ou Linguagem de Marcação de Hipertexto
  • 24.
    CSS CSS é afolha de estilos em cascata. Ela funciona de maneira hierárquica inversa, ou seja, o que vier por último é o que vale. O dever dela é definir a apresentação do conteúdo marcado com o HTML, ou seja, deixar tudo bonitinho da maneira mais rápida e fácil – de fazer e de mudar também. É aquele styles.css que a gente vê no editor do tema, que parece uma coisa muito estranha, e que a gente não mexe sob pena de perder blablabla… CSS é uma linguagem de folhas de estilo que define a apresentação do conteúdo. Cascading Style Sheets ou folha de estilo
  • 25.
    PHP Quanto ao PHP,o importante pra gente é que ele faz o conteúdo ser dinâmico. Isso quer dizer que: existe um banco de dados, que guarda todo o conteúdo em pequenos pedaços -no caso do WordPress, um cabeçalho, um rodapé, uma barra lateral, páginas e posts e outras coisas mais. E, quando tu acessa o site pelo navegador, o CMS – nesse caso, o WordPress -, através do PHP, junta todos os pedaços necessários pra apresentar o conteúdo que tu pediu. E o WordPress identifica o conteúdo que tu pediu pelo endereço que tu digitou no navegador. Deu pra entender? PHP é uma linguagem interpretada, que depende de outro software pra ser atualizada, e é usada na criação de conteúdo dinâmico. Acrônimo recursivo para Hypertext Preprocessor, originalmente Personal Home Page
  • 26.
    FOSS Software que éduplamente livre e de código aberto. Ele é livremente licenciado para conceder a usuários o direito de uso, cópia, estudo, mudança e melhoria em seu design através da disponibilidade de seu código fonte. E como isso se aplica ao WordPress? Bom, ele é software livre no sentido de que seu uso não só é gratuito, mas também é livre pra uso como, onde, e quando o usuário quiser. Por exemplo, poder escolher o serviço de hospedagem a usar. Ele também é de código aberto porque é feito em comunidade, seu código está disponível pra consulta, exame, ou modificação. Por exemplo, os trocentos plugins disponíveis, os temas, e a comunidade que o mantém e melhora. Free Open Source Software ou Software Livre e de Código Aberto
  • 27.
    WORDPRESS.COM Essa é aversão pronta pra uso, ou seja, um serviço de hospedagem que te dá o WP pronto. Tu faz uma conta – gratuita – e, a partir daí, faz quantos sites tu quiser, com um domínio nomedoblog.wordpress.com – também gratuito. Os temas disponíveis são aqueles oferecidos no menu Aparência, sendo que existem opções gratuitas e pagas. E, existem outras limitações, como quantia de dados que tu pode armazenar, o nível de autonomia que tu tem, e outras cositas mas. Basicamente, usar o WordPress.com é aconselhável se tu não quiser dor de cabeça, e não se importar de não ter controle total sobre o teu site. WORDPRESS.ORG Então, o WordPress.org é o QG do projeto, onde tu pode baixar o software, temas, plugins, etc. Também, é aqui que se encontra documentação, fórum de suporte, a comunidade, e o blog – tem também a versão brasileira. Quando o software é baixado daqui, tu precisa contratar um domínio e um serviço de hospedagem, e fazer a instalação. Por isso down’n’dirty. Não é difícil, mas é um pouco complicado pra iniciantes. A vantagem de fazer teu site dessa maneira é que tu tem controle absoluto sobre ele.
  • 28.
    Mas, antes... ● Qualo assunto do blog? ● Quais serão os assuntos? E as categorias? ● O blog terá muito conteúdo multimídia? ● Haverá conteúdo com apresentação diferenciada? Comece a planejar seu blog pelo conteúdo que será apresentado ao visitante, não pelos recursos ou visual que ele deverá ter.
  • 29.
  • 31.
  • 32.
    ● Acessar https://br.wordpress.com ●Criar uma conta ● Explorar a interface ● Customizar
  • 33.
    ● Acessar https://br.wordpress.org ●Fazer download (arquivo .zip) ● Crie uma base de dados para o WP no seu servidor, assim como um usuário MySQL com todos os privilégios sobre ela ● Coloque os arquivos do WP no local desejado ● Execute o script de instalação entrando na página principal do seu site. A FAMOSA INSTALAÇÃO DE 5 MINUTOS
  • 34.
  • 35.
    Para oficina játemos WP instalado para praticar.
  • 37.
    Temas ● Facilita acustomização do blog ● Conheça o tema que você está instalando ● Não é porque ele fica bonito no seu site que ele é o ideal para o projeto ● É possível inserir novos temas pela administração do WP ● Há um editor (básico) de temas dentro da administração ● Busque sempre temas que podem ser customizados ● Bom temas responsivos
  • 38.
  • 39.
    Plugins ● Somente instaleplugins se for extremamente necessário ● Plugins mal escritos ou já ultrapassados podem conter falhas de segurança ou deixar o seu blog mais pesado ● Ou até mesmo tirá-lo do ar
  • 40.
  • 41.
    Widgets ● Facilita acustomização do blog ● Não está preso ao conceito de sidebar: você pode inserir onde quiser dentro do tema
  • 42.
  • 43.
    SEO (Search EngineOptimization) ● Monitora o seu site e indica tendências ● Não ceda às tentações ● O melhor SEO é o seu conteúdo ● (mas é claro que existem plugins para facilitar) Conjunto de técnicas utilizadas que tendem a buscar um melhor posicionamento diante dos principais motores de busca.
  • 44.
    10 dicas deSEO para WP
  • 45.
    1. Títulos Tenha <title>únicas para cada página.
  • 46.
    É um dosfatores mais importantes para rankear. Escolha muito bem os seus títulos.
  • 47.
    Você entende isso? www.alinecorso.com.br/?=p123 Eisso? www.alinecorso.com.br/oficina-wordpress-na-vereda Faça URLs amigáveis aproveitando sua palavra-chave. Isso é bom para o usuário e o Google agradece. 2. URLs
  • 48.
    Escolha ESTRUTURA PERSONALIZADAnos links permanentes do WP.
  • 49.
    Deixe o nomedas imagens descritivas e informativas. PÉSSIMO: <img src="dsc00128.jpg" alt="Dicas de SEO" /> ÓTIMO: <img src="dicas-de-seo.jpg" alt="Dicas de SEO" /> 3. Imagens
  • 50.
    Procure deixar aimagem junto ao contexto do assunto da página.
  • 51.
    4. Plugins https://wordpress.org/plugins/wordpress-seo Mostra comoa sua página vai aparecer na SERP do Google.
  • 52.
    Bibliografia http://www.slideshare.net/nubiasouza/oficina-de-wordpress?qid=76a9d6d3-f418-4902-b40c-6527effa4f55&v=&b=&from_search=12 http://www.slideshare.net/graveheart/wordpress-basico?qid=76a9d6d3-f418-4902-b40c-6527effa4f55&v=&b=&from_search=2 http://www.slideshare.net/lcrafael/apresentao-wordpress?qid=76a9d6d3-f418-4902-b40c-6527effa4f55&v=&b=&from_search=5 http://www.slideshare.net/lufreitas/wordpress-blog-8748441 http://www.slideshare.net/renatovieira/wordpress-guiamanual-do-publicador http://www.slideshare.net/gabrielaenathy/apostila-wordpress-13899554 http://www.slideshare.net/agenciapomar/agncia-pomar-manuelomar-manual-wordpress http://www.slideshare.net/viniroger/curso-de-wordpress-45632389 http://www.slideshare.net/betotercette/como-criar-um-blog-usando-o-wordpress-no-seu-prprio-domnio * http://www.bergamotadesign.com.br/wordpress-org-vs-wordpress-com-explicando-diferenca
  • 53.
  • 54.
  • 55.