CRIANDO UM SITE RESPONSIVO COM - .CRIANDO UM SITE RESPONSIVO COM W O R ... Desenvolvido em PHP e

  • View
    216

  • Download
    0

Embed Size (px)

Text of CRIANDO UM SITE RESPONSIVO COM - .CRIANDO UM SITE RESPONSIVO COM W O R ... Desenvolvido em PHP e

  • CRIANDO UM SITE

    RESPONSIVO COM

    W O R D P R E S SAutores: Marcel Ferrante Silva

  • Marcel Ferrante marcelf@gmail.com

    Prof. Adjunto no Curso de Gesto da Informao/UFG (2014)

    Doutor em Cincia da Informao - UFMG (2013)

    Mestre em Organizao da Informao - UFMG (2008)

    Especialista em Gesto da Informao - UFMG (2005)

    Formado em Engenharia Eletrnica com nfase em

    Telecomunicaes - INATEL (2000)

    Tcnico em eletrnica - IEL/GO (1995)

    Diretor do P&D da empresa Finaltec

    Membros dos grupos do GoWordPress, GoPHP, StartupGO,

    StartupBrasil, JoomlaGO, GoJS e WordpressBrasil

    Apresentao

  • O que ?

    O WordPress uma plataforma semntica de vanguarda

    para publicao de informaes, com foco no design,

    nos padres web e na usabilidade. O WordPress um

    software livre e gratuito. Voc pode usa-lo para criar

    um blog, site ou portal. Ele fcil de usar, flexvel e

    extensvel, servindo desde uma utilizao simples a uma

    aplicao complexa e especfica.

  • O que ?

    WordPress uma plataforma de software com cdigo

    aberto e livre

    FOSS Free and Open Source Software

    um Sistema de Gerenciamento de Contedo

    CMS (Content Management System)

    Desenvolvido em PHP e MySQL, para rodar em um

    servidor web

    , sem dvida alguma, o mais famoso, conhecido e

    utilizado sistema de blog e sites profissionais do mundo!

  • O que ?

    Um CMS permite dividir o trabalho de Gesto de

    Contedo em 3 camadas:

    Dessa forma, os profissionais podem trabalhar de

    forma mais independente, cada um em sua camada

    Programadores e WebMasters

    Web Designers

    Colaboradores no Contudo

  • Sistema de gesto de contedo no

    mundo coorporativo Permite a comunicao

    Externa da organizao

    Empresa Clientes

    Empresa Fornecedores e Parceiros

    Interna da organizao

    Diretoria Colaboradores

    Funcionrios Colaboradores

    6

  • Porque o wordpress?

    Estima-se que em torno de 20% dos sites de toda

    internet rodam em cima do wordpress

  • Porque o wordpress?

    a plataforma com a maior quantidade de extenses de

    todos os CMS

  • Porque o wordpress?

    Estatsticas

    Uso de sistemas de

    gerenciamento de

    contedo para websites

    http://w3techs.com/technologies/overview/content_management/all
  • Porque o wordpress?

    Domina o marketshare de CMS no Mundo

  • Porque o wordpress?

    Em 2007, o WordPress ganhou um prmio Packt de

    CMS cdigo aberto

    Em 2009, ganhou o prmio de melhor CMS cdigo

    aberto, o Open Source CMS Award

    Em 2010, ganhou na categoria Hall of Fame CMS no

    2010 Open Source Awards

    Em 2011, ganhou o prmio de aplicao web cdigo

    aberto do ano, Open Source Web App of the Year

    Award no The Critters

  • Porque o wordpress?

    Tem uma boa usabilidade, facil de usar e uma rpida

    curva de aprendizagem

  • Links importantes

    WordPress.org WordPress Oficial

    Themes Temas WP

    Plugins Plugins WP

    Codex Manual WP Online

    buddypress Rede Social, comunidade CMS

    bbpress Frum CMS

    WordPress Mobile WP para dispositivos mveis

    WordCamp Conferncias WordPress no mundo

    WordPress Br WordPress Brasil

    GoWordPress Grupo de Usurios WordPress de Gois

    http://wordpress.org/http://wordpress.org/themes/http://wordpress.org/plugins/http://codex.wordpress.org/http://buddypress.org/http://bbpress.org/http://wordpress.org/mobile/http://central.wordcamp.org/http://br.wordpress.org/http://goiaswp.wordpress.com/
  • Comunidades

  • Outros links

    TEMAS WP Themes

    WebDev Studios

    WPExplorer

    fthe.me

    Free WP Themes

    FabThemes

    TUTORIAIS WP Reference - DBS Website

    Pippins Plugins

    Pippins Plugins

    WP Life Guard

    WP Tavern

    WP101

    WPMU DEV's

    Wptuts+

    http://wordpress.org/themes/http://webdevstudios.com/http://www.wpexplorer.com/top-free-themes/http://fthe.me/wordpress-themes/free/http://www.freewpthemes.com/http://www.fabthemes.com/http://www.dbswebsite.com/design/wordpress-reference/http://wplifeguard.com/http://www.wptavern.com/http://www.wp101.com/http://wpmu.org/http://wp.tutsplus.com/
  • ARQUITETURA DO WORDPRESS

    BANCO DE DADOS MYSQL e linguagens: PHP, CSS, HTML e Javascript

    Servidor Web (apache) Servidor de banco de dados (MYSQL)

    Wordpress

    PHP, HTML, JS, CSS

    Servidor de email

    (exim)

    Guarda todas as

    informaes do site

    Nota: os arquivos e

    imagens no ficam aqui,

    ficam no sistema de

    arquivos do servidor

    o local no qual fica o

    programa wordpress.

    Seu cdigo fonte no

    compilado e sim

    interpretado pelo

    servidor web. Dessa

    forma, no necessrio

    compilar o cdigo

    o programa usado para

    enviar e-mails.

    No obrigatrio para o

    wordpress funcionar

  • ONDE CRIAR UM SITE

    COM WORDPRESS ?

  • OPO 1:

    NO SITE WORDPRESS.COM

  • Wordpress.com

  • Wordpress.com

  • Wordpress.com

  • Wordpress.com

  • rea de Administrao

    Basta acrescentar /wp-admin no final da URL do seu site

  • Artigos

    1. Criar artigo

    2. Criar categoria

    3. Criar etiqueta

    4. Categorizar artigo

  • Inserindo imagem, vdeo e destaque

    1. Colar link do youtube

    2. Inserir imagem do pc

    3. Colocar imagem

    destacada

  • Media

    1. Enviar imagem

    2. Enviar pdf

  • Links

    1. Criar um link

    2. Excluir um link

  • Pginas

    1. Criar uma pgina

    2. Criar uma subpgina

    3. Inserir o pdf na

    pagina

  • Comentrios

    1. Criar comentrio

    2. Apagar comentrio

  • Temas

    1. Escolher um novo

    tema

  • Personalizar

    1. Editar titulo do site

    2. Alterar cores ou

    imagem do

    cabealho

  • Widgets

    1. Arraste os widgets

    para um footer ou

    sidebar

    2. Configure e clique

    em guardar

  • Menu

    1. Criar menu primrio

    2. Inserir pginas no

    menu

    3. Criar menu2

    4. Inserir links no

    menu2

  • Usurios

    1. Criar um usurio

    para um colega

    2. Definir o perfil do

    usurio

  • Ferramentas

    1. Voce pode importar

    ou exportar o seu

    site

  • Opes > Geral

  • Opes > Escrita

  • Opes > Leitura

  • Opes > Discusso

  • OPO 2: LOCAL

    VOLTADO PARA INTRANET

    OU DESENVOLVIMENTO

  • OK! MAS AGORA QUERO

    INSERIR UM TEMA OU

    PLUGIN PRPRIO.

    COMO FAZER ISSO NO

    WORDPRESS.COM ???

  • O WORDPRESS.COM NO

    PERMITE ESSE TIPO DE

    CUSTOMIZAO!

    Para ter liberdade total voc

    tem que ter uma instalao

    prpria do wordpress que pode

    ser local ou em um servidor de

    hospedagem

  • Wordpress instalado na sua

    maquina local: voltado para

    desenvolvimento ou intranet

    Wordpress em servidor de

    hospedagem: total liberdade, mais profissional

  • Instalando o Wordpress local

    1. Baixe o xampp e instale na sua mquina (ele instala o

    apache, php e mysql para voc)

  • Instalando o Wordpress local

    2. Rode o xampp control e depois o apache e mysql

  • Instalando o Wordpress local

    3. Baixe o wordpress na pasta xammp/htdocs, descompacte o

    arquivo e renomeie o nome da pasta

  • Instalando o Wordpress local

    4. Acesse o Gerenciador

    do MYSQL:

    localhost/phpmyadmin

    5. Crie um banco de

    dados para o wordpress

  • Instalando o Wordpress local

    6. Acesse o site

    Localhost/nome_pasta

    7. Preencha dos dados

    (usurio default root

    senha em branco)

  • Pronto! Instalado o Wordpress local

  • Acesse a administrao

    Note que agora aparece a

    opo Plugins no menu

    que permite adicionar

    novos temas

    Voce agora tambm pode

    instalar novos temas

  • Instalando um tema prprio

    Pesquise um tema FREE para wordpress na internet de sua preferencia (existem infinitos)

    Baixe e descompacte para a pasta

    C:\xampp\htdocs\feicom\wp-content

  • Instalando um tema prprio

    Ative o novo tema

  • Altere seu tema Voce pode alterar o php ou CSS (definio de estilo) do seu tema

    Utilize o notepad++ ou outro programa voltado para programao (netbeans,

    sublime, dreawheaver, etc...)

  • Instale um plugin

  • Instale um plugin

  • OPO 3: SERVIDOR DE

    HOSPEDAGEM

    > No tem propagandas

    > Total liberdade

    > Mais profissional

  • Servidor de Hospedagem

    Criar conta

  • Servidor de Hospedagem

    Criar wordpress

  • Servidor de Hospedagem

    Criar wordpress

  • Painel de administrao

  • OPO 4: SE FOR

    VOLTADO PARA A CULTURA

  • Criar usurio

  • Criar Acervo Criar blog

  • OPO 5: SE FOR

    VOLTADO PARA A

    EDUCAO

  • usuario avanado

  • Para rea da educao

    Recomendado: http://themes.quitenicestuff.com/parkcollegewp/

    http://athemes.com/collections/best-education-wordpress-themes/

    http://colorlib.com/wp/best-education-wordpress-themes/

    http