1Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
WORDPRESS
Carlos J. Costa
Manuela Aparício
Nov. 2017
2Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
O que é?
Quem Utiliza?
Como Criar site com Wordpress?
Como criar um site no serviço
Wordpress.com?
Utilização o Wordpress num servidor local?
Agenda
3Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
WordPress
4Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL) 4
5Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
CMS
CMS (Content Management System) ou sistema
de gestão de conteúdo
É um sistema que permite separar:
• Conteúdo
• Tema (Aspeto)
• Estrutura
Permite disponibilizar e gerir informação da Web.
6Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Wordpress
• Release inicial em 2004
• Mais de 80 linguas
• Instalações > 61 000 000
• Em PHP MySQL
7Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
https://wordpress.com/notable-users/
8Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
https://wordpress.com/notable-users/
9Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
https://wordpress.com/notable-users/
10Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
https://wordpress.com/notable-users/
11Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
https://www.obma.org
12Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
http://www.bbcamerica.com
13Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
http://sloanreview.mit.edu
14Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
http://fortune.com/
15Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
http://time.com/
16Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
http://alanis.com/
17Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
https://thewaltdisneycompany.com/
18Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
http://o.canada.com/
19Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
https://news.microsoft.com/
20Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
https://tecnico.ulisboa.pt/
21Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
http://iscte.acm.org/
22Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Ainda há mais:
https://wordpress.org/showcase/
23Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Evento: Wordcamp
24Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Como Criar site com WordPress?
25Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Pode Wordpress pode ser:
• Serviço (Wordpress.com)
• Software Open Source (Download em
Wordpress.org) que se pode instalar
• localmente
• num alojamento
26Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Como criar um Website no
serviço Wordpress.com?
27Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
• Escolher um assunto
• Definir o público-alvo
• Estruturar os conteúdos
• Criar conta no http://wordpress.com
28Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Start a new Wordpress
1) Depois de Criar a conta no wordpress.com
2) →
29Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Criar conta e site de Wordpress
1) Depois de Criar a conta no wordpress.com
2) →
3) →
30Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Criar conta e site de Wordpress
4) Indicar o nome do site que quer iniciar & ver se pode usar esse
nome
5)
31Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Criar conta e site de Wordpress
6) Escolher o nome
7) →
8) & Pick a Plan (escolher o plano de pagamento ou o modo gratis)
32Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Customizar o website
33Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Customizar o website
• Na barra da esquerda
• Ou então no http:// xxxxxxxxxx.wordpress.com/wp-admin
34Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Frontend Backend
http://xxxx.wordpress.com http://xxxx.wordpress.com/wp-admin
35Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Artigos (Posts)
36Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Posts/ Artigos & Categorias & Tags
• Os Posts servem para adicionar conteúdos, editar conteúdos
já publicados e incluir diversos outros conteúdos (imagens,
vídeo, questionários)
– Também nesta secção se podem criar tags e hierarquizar categorias
de assuntos
– A informação deverá estar estruturada de acordo com um conjunto
de categorias, bem como estas podem estar subdivididas em sub-
assuntos diversos
• Permite criar hierarquia de categorias
– Cada conteúdo deverá estar incluído numa categoria ou sub-
categoria
• O WordPress permite criar Tags/ Palavras-chave.
37Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Páginas
38Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Aparência
39Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Utilizadores
40Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Configurações Gerais
41Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Utilização o WordPress
num servidor local?
42Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Software Wordpress
• Software Open Source
• Desenvolvido em PHP, Javascript, CSS, HTML
• Utiliza Bases de Dados MySQL/MariaDB
• Download: https://wordpress.org/
43Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Instalação num servidor local
• Ter XAMPP instalado e a funcionar
• Fazer download e descompactar para pasta
c:xampphtdocswordpress
• Colocar no browser o seguinte URL:
http://localhost/wordpress
44Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
45Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
46Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Entretanto tem que se
criar Base de Dados no
phpmyadmin
47Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
48Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Convem aproveitar para
criar um utilizador no
MySQL
49Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
50Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Atribuir privilégios para
sobre a base de dados
criada
51Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
52Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
53Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Voltar ao Wordpress
(http://localhost/wordpress)
54Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
55Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
56Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
57Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
58Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
59Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Backend
Frontend
60Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Questões?
61Carlos J. Costa (ISEG) Manuela Aparicio (ISCTE-IUL)
Referências
• Aparicio, M. & Costa, C. (2004) “Principles For Creating Websites: A Design Perspective”,in Mehdi Khosrow-Pour (Ed.)
Innovations Through Information Technology 2004 Information Resources Management Association International
Conference New Orleans, Louisiana, USA May 23-26
• Brinck, T., Gergle, D. & Wood, S., (2002). Usability for the web: designing Web sites that work. Morgan Kaufmann
Publishers San Francisco
• Dix, et al (2004) Human-Computer Interaction, Third Edition, Pearson Prentice Hall, pp.100-101
• Gilbert, M. et al (2000) “The measures of a Content Management Strategy”, Gartner- Group Brinck, T., Gergle, D. & Wood,
S., (2002). Usability for the web: designing Web sites that work. Morgan Kaufmann Publishers San Francisco
• Hoke, F. (2000) E-Enterprise: Business Models, Architecture and Components, Cambridge University Press, UK
• Kartchner, C. (1998) “Getting From Concept to Reality”, The Journal of Electronic Publishing, vol.3, Issue 4, Disponível em:
http://www.press.umich.edu/jep/03-04/Kartchner.html
• Mullet, K. & Sano, D. (1995), Designing visual interfaces: Communication oriented techniques. Englewood Cliffs, NJ:
Prentice Hall
• Ort, E. (2000) “Ten Things to Know About Selecting a Content Management System, Dot-Com Builder”,
• Borwning, P., & Lowndes, M. (n.d.). Content Management Systems: Who Needs Them? | Ariadne: Web Magazine for
Information Professionals. Retrieved April 3, 2014, from http://www.ariadne.ac.uk/issue30/techwatch
• Taylor, P. (2003) “CMS Rating”, Disponível em:www.opensourcecms.com/index.php?option=content&task=view&id=388,
• WebLinks:
• Open Source CMS (2013) in: http://www.opensourcecms.com/scripts/show.php?catid=all&category=All+CMS+Demos
• Wordpress Features in:http://wordpress.org/about/features/
• WordPress Codex: http://codex.wordpress.org/

Wordpress

  • 1.
    1Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) WORDPRESS Carlos J. Costa Manuela Aparício Nov. 2017
  • 2.
    2Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) O que é? Quem Utiliza? Como Criar site com Wordpress? Como criar um site no serviço Wordpress.com? Utilização o Wordpress num servidor local? Agenda
  • 3.
    3Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) WordPress
  • 4.
    4Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) 4
  • 5.
    5Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) CMS CMS (Content Management System) ou sistema de gestão de conteúdo É um sistema que permite separar: • Conteúdo • Tema (Aspeto) • Estrutura Permite disponibilizar e gerir informação da Web.
  • 6.
    6Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Wordpress • Release inicial em 2004 • Mais de 80 linguas • Instalações > 61 000 000 • Em PHP MySQL
  • 7.
    7Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) https://wordpress.com/notable-users/
  • 8.
    8Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) https://wordpress.com/notable-users/
  • 9.
    9Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) https://wordpress.com/notable-users/
  • 10.
    10Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) https://wordpress.com/notable-users/
  • 11.
    11Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) https://www.obma.org
  • 12.
    12Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) http://www.bbcamerica.com
  • 13.
    13Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) http://sloanreview.mit.edu
  • 14.
    14Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) http://fortune.com/
  • 15.
    15Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) http://time.com/
  • 16.
    16Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) http://alanis.com/
  • 17.
    17Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) https://thewaltdisneycompany.com/
  • 18.
    18Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) http://o.canada.com/
  • 19.
    19Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) https://news.microsoft.com/
  • 20.
    20Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) https://tecnico.ulisboa.pt/
  • 21.
    21Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) http://iscte.acm.org/
  • 22.
    22Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Ainda há mais: https://wordpress.org/showcase/
  • 23.
    23Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Evento: Wordcamp
  • 24.
    24Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Como Criar site com WordPress?
  • 25.
    25Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Pode Wordpress pode ser: • Serviço (Wordpress.com) • Software Open Source (Download em Wordpress.org) que se pode instalar • localmente • num alojamento
  • 26.
    26Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Como criar um Website no serviço Wordpress.com?
  • 27.
    27Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) • Escolher um assunto • Definir o público-alvo • Estruturar os conteúdos • Criar conta no http://wordpress.com
  • 28.
    28Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Start a new Wordpress 1) Depois de Criar a conta no wordpress.com 2) →
  • 29.
    29Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Criar conta e site de Wordpress 1) Depois de Criar a conta no wordpress.com 2) → 3) →
  • 30.
    30Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Criar conta e site de Wordpress 4) Indicar o nome do site que quer iniciar & ver se pode usar esse nome 5)
  • 31.
    31Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Criar conta e site de Wordpress 6) Escolher o nome 7) → 8) & Pick a Plan (escolher o plano de pagamento ou o modo gratis)
  • 32.
    32Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Customizar o website
  • 33.
    33Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Customizar o website • Na barra da esquerda • Ou então no http:// xxxxxxxxxx.wordpress.com/wp-admin
  • 34.
    34Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Frontend Backend http://xxxx.wordpress.com http://xxxx.wordpress.com/wp-admin
  • 35.
    35Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Artigos (Posts)
  • 36.
    36Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Posts/ Artigos & Categorias & Tags • Os Posts servem para adicionar conteúdos, editar conteúdos já publicados e incluir diversos outros conteúdos (imagens, vídeo, questionários) – Também nesta secção se podem criar tags e hierarquizar categorias de assuntos – A informação deverá estar estruturada de acordo com um conjunto de categorias, bem como estas podem estar subdivididas em sub- assuntos diversos • Permite criar hierarquia de categorias – Cada conteúdo deverá estar incluído numa categoria ou sub- categoria • O WordPress permite criar Tags/ Palavras-chave.
  • 37.
    37Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Páginas
  • 38.
    38Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Aparência
  • 39.
    39Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Utilizadores
  • 40.
    40Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Configurações Gerais
  • 41.
    41Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Utilização o WordPress num servidor local?
  • 42.
    42Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Software Wordpress • Software Open Source • Desenvolvido em PHP, Javascript, CSS, HTML • Utiliza Bases de Dados MySQL/MariaDB • Download: https://wordpress.org/
  • 43.
    43Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Instalação num servidor local • Ter XAMPP instalado e a funcionar • Fazer download e descompactar para pasta c:xampphtdocswordpress • Colocar no browser o seguinte URL: http://localhost/wordpress
  • 44.
    44Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL)
  • 45.
    45Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL)
  • 46.
    46Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Entretanto tem que se criar Base de Dados no phpmyadmin
  • 47.
    47Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL)
  • 48.
    48Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Convem aproveitar para criar um utilizador no MySQL
  • 49.
    49Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL)
  • 50.
    50Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Atribuir privilégios para sobre a base de dados criada
  • 51.
    51Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL)
  • 52.
    52Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL)
  • 53.
    53Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Voltar ao Wordpress (http://localhost/wordpress)
  • 54.
    54Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL)
  • 55.
    55Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL)
  • 56.
    56Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL)
  • 57.
    57Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL)
  • 58.
    58Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL)
  • 59.
    59Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Backend Frontend
  • 60.
    60Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Questões?
  • 61.
    61Carlos J. Costa(ISEG) Manuela Aparicio (ISCTE-IUL) Referências • Aparicio, M. & Costa, C. (2004) “Principles For Creating Websites: A Design Perspective”,in Mehdi Khosrow-Pour (Ed.) Innovations Through Information Technology 2004 Information Resources Management Association International Conference New Orleans, Louisiana, USA May 23-26 • Brinck, T., Gergle, D. & Wood, S., (2002). Usability for the web: designing Web sites that work. Morgan Kaufmann Publishers San Francisco • Dix, et al (2004) Human-Computer Interaction, Third Edition, Pearson Prentice Hall, pp.100-101 • Gilbert, M. et al (2000) “The measures of a Content Management Strategy”, Gartner- Group Brinck, T., Gergle, D. & Wood, S., (2002). Usability for the web: designing Web sites that work. Morgan Kaufmann Publishers San Francisco • Hoke, F. (2000) E-Enterprise: Business Models, Architecture and Components, Cambridge University Press, UK • Kartchner, C. (1998) “Getting From Concept to Reality”, The Journal of Electronic Publishing, vol.3, Issue 4, Disponível em: http://www.press.umich.edu/jep/03-04/Kartchner.html • Mullet, K. & Sano, D. (1995), Designing visual interfaces: Communication oriented techniques. Englewood Cliffs, NJ: Prentice Hall • Ort, E. (2000) “Ten Things to Know About Selecting a Content Management System, Dot-Com Builder”, • Borwning, P., & Lowndes, M. (n.d.). Content Management Systems: Who Needs Them? | Ariadne: Web Magazine for Information Professionals. Retrieved April 3, 2014, from http://www.ariadne.ac.uk/issue30/techwatch • Taylor, P. (2003) “CMS Rating”, Disponível em:www.opensourcecms.com/index.php?option=content&task=view&id=388, • WebLinks: • Open Source CMS (2013) in: http://www.opensourcecms.com/scripts/show.php?catid=all&category=All+CMS+Demos • Wordpress Features in:http://wordpress.org/about/features/ • WordPress Codex: http://codex.wordpress.org/