Criando Sites cOM

WordPRess

EATI - Maio, 2018

Rodrigo Brito

/Rodrigo-brito

www.rodrigobrito.net

profiles.wordpress.org/rodrigo73

Comunidade WordPress

Conteúdo do Workshop

  • Motivação
  • Conceitos
  • Painel Administrativo
  • Personalização
  • Criação de temas (Básico)

Motivação

  • 25% da Internet utiliza WordPress
  • Gratuito e OpenSource
  • Prático e leve
  • Completa 15 anos hoje (Robusto)

WordPRess é REntável?

Conceitos

Site Estático

  • Conteúdo Fixo
  • Instalação fácil
  • Funcionalidades limitadas
  • Usuário final não controla conteúdo
  • Ex: HTML, Markdown

Site dinâmico

  • Conteúdo dinâmico
  • Instalação trabalhosa
  • Totalmente Funcional (Login, comentários, curtidas, etc)
  • Usuário final gerencia conteúdo
  • Ex: PHP, Go, Ruby, JAVA

REquisitos

PHP 5.2.4+

MySQL 5.0+

Server Apache or Nginx

https://www.apachefriends.org/pt_br/index.html

Download

APACHE + MYSQL + PHP

preparando O ambiente

  • Baixar a última versão do WordPress
    • wordpress.org/download
  • Iniciar o XAMPP (Apache e MySQL)

COPIAR ARQUIVOS

Extrair pasta wordpress para C:\xampp\htdocs

BANCO de DADOS

XAMPP: Cliclar no botão "Admin" do MySQL

Instalação

Gerenciador

TEMAS

O tema é a parte do site responsável pela apresentação visual do conteúdo. Apenas isso!

Funcionalidades e lógicas de negócio devem ser tratadas por plugins.

Pelo menos deveria ser isso...

O que é necessário para construir um Tema?

Obrigatório

index.php - Arquivo principal do tema

style.css - Identificador e estilo principal

Arquivos auxiliares

functions.php - Controle e funcionalidades

footer.php - Rodapé

header.php - Cabeçalho

single.php  - Visualização de posts

page.php - Visualização de páginas

category.php - Arquivos de categorias

Entre outros...

Hierarquia de arquivos

developer.wordpress.org/themes/basics/template-hierarchy

Loop e TEMPLATE TAgs

Base fundamental para toda a listagem de conteúdo. Pode variar,

porém sempre é a mesma coisa, estruturas muito semelhantes.

<!-- Se existir posts, iterar sobre eles -->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

    <!-- Template tags -->
    <div class="entry">
        <?php the_content(); ?>
    </div>

<!-- Fim do loop e início do bloco de ausência de posts -->
<?php endwhile; else: ?>

    <p>Nenhuma publicação encontrada.</p>

<?php endif; ?>

Principais Comandos

<?php

get_the_title(); // Retorna valor do título
the_title(); // Imprime título

get_the_permalink(); // Retorna o link do post
the_permalink(); // Imprime o link

get_the_author(); // Retorna o autor
the_author(); // Imprime o autor

get_the_time(); // Retorna a data do post
the_time(); // Imprime a data do post

get_the_content(); // Retorna o conteúdo do post
the_content(); // Imprime o conteúdo do post

Principais Verificadores BOOLEANOS

is_home(); // Se é a página principal

is_single(); // Se é uma página individual

is_category(); // Se é uma página de taxonomia

is_author(); // Se é a página do autor

is_front_page(); // Se é a página principal

// Exemplos
if ( is_front_page() ) {
    echo "Boas vindas!";
}

if ( is_single() ) {
    echo "<h1>Título grande</h1>";
} else {
    echo "<h1>Título pequeno</h1>";
}

Podem ser substituído pela hierarquia de templates.

Construindo nosso site

Materiais disponíveis em:

github.com/rodrigo-brito/wordpress-workshop

  • Criar index.php com template
  • Criar folha de estilos com cabeçalho style.css
  • Imprimir conteúdo dinamicamente (logo e descrição)
  • Implementar menu
  • Iterar posts do blog (loop)

Etapas

Resultado Final

Perguntas?

Slides: slides.com/rodrigo73/workshop-wordpress

/Rodrigo-brito

www.rodrigobrito.net

Contato@rodrigobrito.net

Made with Slides.com