introdução ao universo do wordpress

MARLON LACERDA AMÂNCIO

Bibliotecário por formação, Web Designer por paixão. 

 

Desenvolvo websites e aplicativos com WordPress desde 2010.

 

marlon@universowp.com.br

https://profiles.wordpress.org/marlonlamancio

O INÍCIO DE TUDO

matt mullenweg

Mike little

2003

b2/cafelog

o que é possível criar com o wordpress?

Matt Mullenweg, "State of the Word", 2013

WordPress é um software de código aberto que você pode usar para criar um lindo site, blog ou aplicativo.

wordpress.ORG

X

WORDPRESS.COM

WORDPRESS.COM

Plano gratuito e pagos

Fácil configuração e início

Auto hospedado

Atualizações automáticas

Manutenção automática

Plugins pré-selecionados

Temas pré-selecionados

WORDPRESS.ORG

Gratuito e código aberto (GPL)

Requer instalação e configuração

Requer hospedagem própria

Atualizações por conta própria

Manutenção por conta própria

Plugins customizados

Temas customizados

https://wordpress.org/about/logos/

MAS A FINAL, COMO FUNCIONA O WORDPRESS?

WORDPRESS É UMA FÁBRICA DE PÁGINAS WEB

Visão geral do funcionamento

(ANALOGIA DA FÁBRICA)

WordPress core e plugins

(Maquinário e terceirizados)

Banco de Dados

(Depósito da matéria prima – posts – e outros dados)

Tema

(Linha de montagem)

Servidor Web (Local onde a fábrica está instalada e operando)

Instalação do WordPress (Chão de fábrica)

HTML

CSS

JS

IMG

Requisição através da URL

(Ordem de Serviço)

Página Web (Produto Final)

Usuário e navegador

(Os clientes)

HTTP 1.1

GET /categoria/noticias/

HOST universowp.com.br

  • Templates (modelos)
  • Hierarquia de Templates (esteiras)
  • Style.css (define estilo)

TEMAS

x

PLUGINS

Tema é um conjunto de arquivos responsáveis pela apresentação do conteúdo e aparência do website.

Anatomia de um tema

Templates são arquivos usados para renderizar o conteúdo das páginas requisitadas pelo usuário.

index.php

Template principal para exibição do conteúdo.

syle.css

Define a apresentação e estilo dos elementos

functions.php

Inserir funcionalidades específicas do tema.

page.php

Template para exibição de páginas.

single.php

Template para exibição de posts.

archive.php

Template para listagens de posts, termos etc.

Pasta com arquivos de tradução .pot.

Organizar os arquivos em pastas (img, js etc).

header.php, footer.php, sidebar.php

Templates Parts

Obrigatório

Comum

Opcional

Recomendado

Hierarquia de templates

HOME

front-page.php > home.php > page.php > index.php

PAGE

{custom-template}.php > page-{slug}.php > page-{id}.php > page.php > index.php

POST

single-{post-type}.php > single.php > index.php

CATEGORIA

category-{slug}.php > category-{id}.php > category.php > archive.php > index.php

Como o WP define qual arquivo de template irá usar?

Interpretando a URL requisitada!

ERRO 404

404.php > index.php

BUSCA

search.php > index.php

Os plugins são formas de estender e adicionar funcionalidades ao WordPress.

Uma boa prática é que apresentação e aparência sejam específicas ao tema e funcionalidades sejam implementadas como plugins.

como O WORDPRESS ORGANIZA O SEU CONTEÚDO?

  • Post
  • Página
  • Comentário
  • Mídias
  • Conteúdos Personalizados (Custom Post Type)

Post Types

  • Tags
  • Categorias
  • Taxonomias Personalizadas (Custom Taxonomies)

Taxonomias

  • Título
  • Data de publicação
  • Autor
  • Campos Personalizados (Custom Fields)

Metadados

Representa conteúdo

Descreve conteúdo

Agrupa conteúdo

POST

  • Baseado em tempo
  • Podem ser categorizados
  • Inclusos no RSS
  • Não possuem funcionalidade de templates personalizados (nas novas versões já têm)

PÁGINA

  • Baseado em conteúdo estático
  • Páginas são hierárquicas
  • Não são inclusos por padrão no RSS
  • Possuem funcionalidade de templates personalizados dentre outros metadados como ordenação

DIFERENÇA ENTRE POST E PÁGINA

CATEGORIA

As categorias destinam-se a um amplo agrupamento de suas postagens. Pense nelas como tópicos gerais ou no mapa de conteúdo do seu site. As categorias estão lá para ajudar a identificar sobre o que trata seu blog ou site. As categorias são hierárquicas, portanto você pode criar sub-categorias.

TAG

As tags destinam-se a descrever detalhes específicos de suas postagens. Pense nelas como palavras de índice do seu site. Eles são os microdados que você pode usar para micro-categorizar seu conteúdo. As tags não são hierárquicas.

DIFERENÇA ENTRE CATEGORIA E TAG

como instalar?

O QUE VOCÊ IRÁ PRECISAR

SERVIDOR WEB

CLIENTE DE FPT

EDITOR DE TEXTO

Filezilla

Atom

NAVEGADOR

MAMP

XAMPP

WAMPP

Editor Txt

Sublime Text

PASSOS PARA INSTALAR

  1. Fazer download do WordPress no WordPress.org;
  2. Fazer upload dos arquivos do WordPress para o servidor web via FTP ou descompactar numa pasta dentro do localhost;
  3. Criar um banco de dados e usuário no MySQL;
  4. Acessar o endereço onde foi descompactado os arquivos para rodar o script de instalação do WordPress.

famosa instalação wordpress

configuração do wp-config

// ** Configurações do MySQL
// Você pode pegar estas informações 
// com o serviço de hospedagem ** //
/** O nome do banco de dados do WordPress */
define('DB_NAME', 'nome_do_banco_de_dados_aqui');

/** Usuário do banco de dados MySQL */
define('DB_USER', 'nome_de_usuario_aqui');

/** Senha do banco de dados MySQL */
define('DB_PASSWORD', 'senha_aqui');

configuração do wp-config

/**#@+
 * Chaves únicas de autenticação e salts.
 *
 * Altere cada chave para um frase única!
 * Você pode gerá-las
 * usando o {@link https://api.wordpress.org/secret-key/1.1/salt/ WordPress.org
 * secret-key service}
 * Você pode alterá-las a qualquer momento para desvalidar quaisquer
 * cookies existentes. Isto irá forçar todos os
 * usuários a fazerem login novamente.
 *
 * @since 2.6.0
 */
define('AUTH_KEY',         'coloque a sua frase única aqui');
define('SECURE_AUTH_KEY',  'coloque a sua frase única aqui');
define('LOGGED_IN_KEY',    'coloque a sua frase única aqui');
define('NONCE_KEY',        'coloque a sua frase única aqui');
define('AUTH_SALT',        'coloque a sua frase única aqui');
define('SECURE_AUTH_SALT', 'coloque a sua frase única aqui');
define('LOGGED_IN_SALT',   'coloque a sua frase única aqui');
define('NONCE_SALT',       'coloque a sua frase única aqui');

configuração do wp-config

/**
 * Prefixo da tabela do 
 * banco de dados do WordPress.
 */

$table_prefix  = 'wp_';

estrutura de arquivos

/WordPress

/wp-admin

/wp-includes

/wp-content

/themes

/plugins

/languages

área administrativa

ACESSE

http://seusite.com.br/wp-admin

painel

configurações importantes

Configurações > geral

Configurações > leitura

Configurações > mídia

posts e páginas

Páginas

EDITOR

mídias

MENU > MÍDIA

MENU > MÍDIA

usuários

FUNÇÃO E CAPACIDADES

FUNÇÃO

CAPACIDADES

EDITOR

Criar posts, Deletar posts, Editar posts, Criar páginas, Editar páginas, Editar comentários, Gerenciar categorias ... etc

"hierarquia" de funções

Administrador - Tem controle sobre tudo no site.

 

Editor - Possui permissão de publicação e edição sobre as postagens de todos.

 

Autor - Possui acesso de publicação e edição de suas próprias postagens, mas não tem controle sobre o conteúdo dos outros.

 

Colaborador - Pode enviar postagens, mas não pode publicá-las.

 

Assinante - Permite o acesso para editar seu perfil de usuário e ao painel do WordPress.

como escolher e instalar temas

APARÊNCIA > TEMAS

como customizar temas

APARÊNCIA > PERSONALIZAR

outros recursos dos temas

Sidebar são áreas destinas a exibir conteúdos além do conteúdo principal. Usualmente sidebars são criadas para exibir Widgets.

Widgets no WordPress são pequenos módulos que oferecem funcionalidades específicas e facilitam a inserção de conteúdo e funcionalidades nos temas através das sidebars.

Menus de navegação permitem a inserção e manutenção de menus de navegação customizados no tema.

como escolher e instalar bons plugins

PLUGINS > ADICIONAR NOVO

PLUGINS > ADICIONAR NOVO

COMO OBTER AJUDA

FÓRUM OFICIAL

FACEBOOK

  • Pesquise antes de postar
  • Leia o FAQ e informações na página do plugin
  • Seja gentil e cortês
  • Inclua o máximo de informações possível
  • Para cada problema um novo tópico (não poste seu problema nas postagens de outros)
  • Não faça propaganda ou promova produtos

regras de etiqueta

envolva-se

COMPARTILHE

COLABORE

Obrigado!

Introdução ao WordPress

By Marlon Lacerda Amâncio

Introdução ao WordPress

  • 1,079