Módulo 11 – Aparência do WordPress – Coleção WordPress de Junior a .PRO

O Módulo dedicado à “Aparência do WordPress” é o mais abrangente da coleção, abordando em mais de 400 páginas a administração dos templates no WP, explicando como escolher e utilizar templates. Todos os aspectos da gestão de temas foi discutido amplamente, como menus, widgets, entre outros componentes.

Autor » Junior Cammel

Home »
Livros »
CMS »
Módulo 11 – Aparência do WordPress – Coleção WordPress de Junior a .PRO

DESCRIÇÃO DO LIVRO

O WordPress é dividido em dois ambientes: frontend e backend. O frontend é a “camada visual” do website, expressa no sistema pelo template ou tema. É partir da configuração do tema/template do WordPress que o frontend passa a funcionar. Aquilo que o visitante do website vê, na prática, é o resultado da configuração de um sistema de arquivos de diferentes formatos, combinados para dar origem ao layout do site.

Toda a configuração dos templates do WordPress se dá a partir da gestão de “Aparência” do gerenciador de conteúdo do WP, uma seção ampla e repleta de funcionalidades. Por isso, conhecer a fundo como funcionam os templates no WordPress é essencial para criar projetos de qualidade, dos mais simples e iniciais, até aqueles de maior envergadura e exigência técnica. O tema é aquilo que o usuário final do site vê, é o que “dá vida” ao projeto e, portanto, saber escolher e configurar um bom template é tarefa essencial no processo de criação de sites e projetos em WordPress.

O Módulo sobre a “Aparência do WordPress” é o mais robusto de toda a série de livros da coleção “WordPress de Junior a .PRO”. O módulo discute em mais de 400 páginas, como administrar os templates do WP, atualizá-los, escolhê-los, trocá-los e editá-los. Todas as estruturas que compõem a gestão da Aparência do WordPress foram detalhadas para garantir que nada ficasse sem explicação, passando pelos diversos componentes disponíveis no sistema, por exemplo, menus, widgets e o próprio template em uso.

O módulo de aparência do WordPress discute como realizar a instalação de templates gratuitos (free) disponíveis a partir da cloud da WordPress.org. Por outro lado, também demonstra como escolher e configurar a aparência do WordPress, a partir de templates premium (pagos). O grande universo de possibilidades de instalação, uso e configuração dos templates premium disponíveis é esmiuçado com vistas a apresentar para o leitor, todo o potencial que cada uma das soluções pode trazer para projetos e negócios digitais. Um verdadeiro universo ilimitado de possibilidades.

Os page builders são introduzidos ainda neste módulo, dando conta de novas formas de criar e produtos layouts de sites, a partir de ferramentas como Elementor e Fusion Builder, entre outros tantos disponíveis, abordados em módulos posteriores.

Além disso, são discutidas as vantagens e desvantagens da adoção de templates. A abordagem é direcionada a funcionalidades específicas em comparação à aquisição de componentes específicos (plugins – assunto discutido no Módulo 12 da Coleção), evidenciando a importância de conhecer significativamente as possibilidades disponíveis para fazer boas escolhas para os mais diversos tipos de perfis de projetos.

O módulo sobre a gestão de templates no WordPress aborda a delicada questão de alterar o template em uso no sistema versus manter a estrutura intacta. Uma questão de grande importância quando os requisitos de projetos são colocados à mesa.

A questão das responsividade é outro ponto de grande relevância na atualidade, principalmente quando se trata de criar sites e projetos que possam vistos e consumidos em diferentes tipos de dispositivos, de computadores desktops, a smartphones, tablets e TVs. Esta questão tão importante no desenvolvimento web passa pela escolha adequada de temas para o WordPress, e como é de se esperar, não ficou de fora do módulo sobre a gestão da aparência do WordPress.

Notas:

O Módulo 1 corresponde ao Capítulo 14 do Volume Único.

Website: WordPress Junior PRO

Lista de Tópicos (Clique para visualizar)

Capítulo 14 – Aparência do WordPress

Acesso à página de gestão de temas do WordPress
Temas para WordPress
- Tipos de Temas WordPress
  - Temas Gratuitos
  - Temas Premium
- Utilizando temas free (gratuitos) ou Premium no WordPress
- Gestão de temas no WordPress
  - Listando os temas instalados no WordPress
  - Temas padrão (Default Themes) do WordPress
  - Identificando o tema ativo no WordPress
  - Detalhes de um tema instalado no WordPress
  - Tipos de instalação de temas gratuitos no WordPress
  - Adicionar um novo template gratuito no WordPress a partir do painel de temas
    - Adicionando um novo template a partir do botão “plus (+)” ou “Add New Theme (Adicionar Novo Tema)”
    - Adicionando um novo template a partir do botão “Add New (Adicionar Novo)”
      - Para ativar o tema a partir da página de instalação de temas (página atual)
      - Para ativar o tema a partir da administração de templates (página anterior à instalação) do WordPress
    - Filtrando a busca de temas no repositório da WordPress.Org
  - Instalando recursos adicionais solicitados por um tema no WordPress
    - Quando instalar recursos adicionais de temas?
  - Adicionar um novo tema WordPress a partir do upload dos arquivos do template
    - Pesquisar por um tema no site da WordPress.Org
  - Adicionar um novo tema WordPress a partir do envio dos arquivos do template via FTP
  - Atualização de temas do WordPress
    - Como atualizar um tema gratuito do WordPress?
    - Nunca devo atualizar o tema do meu website?
  - Trocar o tema atual por outro tema no WordPress
  - Ações sobre temas existentes no painel de controle do WordPress
  - Apagar (deletar) um tema instalado no WordPress
  - Ativar um tema instalado no WordPress
  - Ver um tema instalado “ao vivo” no WordPress antes de ativá-lo
- Customizar tema no Frontend do WordPress (Customize)
  - Entenda o conceito de tema Pai (Main Theme) e tema filho (Theme Child) do WordPress
    - Tema Pai (Main Theme) do WordPress
    - Tema Filho (Child Theme) do WordPress
    - Criando temas filhos no WordPress
  - Utilizando o recurso Customize (Customizar) do WordPress
    - Acesso ao recurso “customize” a partir da barra lateral do WordPress
    - Acesso ao recurso “customize” a partir da página inicial do site (frontend)
    - Acesso ao recurso “customize” a partir da área de administração de temas
    - Menu “Site Identity (Identidade do Site)”
      - Alteração da logo/marca
      - Alteração do título e do slogan
      - Alteração do favicon (ícone do site)
    - Menu “Colors (Cores)”
      - Alteração do esquema de cores
      - Alteração da cor do texto do cabeçalho
    - Menu “Header Media (Mídia do cabeçalho)”
      - Alteração da imagem de cabeçalho
    - Menu “Menus”
      - Entendendo as posições de menus em um tema
      - Alteração do menu
      - Configurações adicionais do menu
      - Adição automática de itens ao menu
      - Opção “Delete (Apagar)” Menu
    - Menu “Widgets”
      - Alteração do widget
    - Menu “Homepage Settings (Configurações da Homepage)”
      - Alteração das configurações da homepage
    - Menu “Theme Options (Opções do Tema)”
    - Menu “Additional CSS (CSS Adicional)”
      - Inserção de CSS adicional
      - O uso da linguagem CSS
      - Quando usar o CSS customizado?
    - Publicação da edição no “Customize (Customizar)” do WordPress
  - Edição inline (ou quase!) no Customize do tema “Twenty Seventeen” do WordPress
  - Edição Responsiva do tema através do Theme Child/Customize (Tema filho/Customizar) do WordPress
    - Entendendo o conceito de “Viewport (Janela de Exibição)”
    - Um rápido olhar sobre a responsividade
- Como simular a visualização do website em um dispositivo móvel?
  - Responsive View Tools (Ferramentas de Visualização Responsiva)
    - Google Chrome Developer Tools (Ferramentas para desenvolvedores do Google Chrome)
    - Firefox Developer
    - Extensões (Add-ons) do Google Chrome para simular responsividade
    - Ferramentas on-line (websites) para simular responsividade
- Widgets
  - Widgets Padrão do WordPress
  - Widgets Extras no WordPress
  - Acessando a gestão de widgets do WordPress
    - Área “Available Widgets (Widgets Disponíveis)”
    - Área “Inactive widgets (Widgets Inativos)”
      - Opção “Clear Inactive Widgets (Apagar Blocos Inativos)”
    - Posições de widgets no template em uso
    - Como inserir widgets em espaços do tema no WordPress?
    - Como apagar widgets em espaços do tema no WordPress?
    - Como retirar widgets de um espaço do tema sem apagá-lo?
    - Como editar Widgets no WordPress?
    - Manage With Live Preview
    - Edição de Widgets em “Accessibility Mode (Modo Accessível)”
      - Como realizar a edição de um widget a partir do “modo acessível”?
- Menus
  - Tipos de menus do WordPress
  - Posições de menus no template WordPress
  - Acesso à página de gestão de menus do WordPress
  - Editar um menu existente no WordPress
  - Criar novo menu no WordPress
  - Apagar um menu existente no WordPress
  - Apagar um item de menu no WordPress
  - Organizar itens de menus no WordPress
  - Exibir as propriedades avançadas de menu
- Editor de arquivos do WordPress
  - Acessando o Editor de Arquivos do WordPress (Theme Editor)
  - Por que eu não devo editar os arquivos do tema?
    - Atualizações do tema
    - Atualizações do WordPress
    - Rastreabilidade
    - Estabilidade do conjunto
    - Lógica de desenvolvimento
    - Segurança
    - Profissionais para trabalhar no projeto customizado
    - Custos envolvidos
    - Exclusividade
    - Curva de aprendizado
    - Conexão com outras plataformas
    - Necessidade de documentação
- No excuses!
- Custom Functions – Uma opção à edição do tema
  - Política da Mínima Alteração (PMA)
    - Página de edição de arquivos do tema no WordPress
- Utilizando temas premium (pagos) para WordPress
  - Vantagens de temas premium
    - Alto índice de especialidade
    - Alto índice de personalização
    - Funcionalidades disponíveis
    - Fabricantes da solução
    - Suporte e Documentação
    - Versatilidade e Desempenho
    - Otimização do processo de criação
  - Desvantagens de temas premium
    - Similaridade com outros projetos
    - Curva de aprendizagem
    - Custo
  - Fábricas de Temas para WordPress
  - Instalação de temas premium no WordPress
  - Instalação de tema premium pelo painel de controle do WordPress
    - Instalação do tema principal “Avada”
    - Instalação do tema filho “Avada”
  - Instalação de tema premium no WordPress a partir do protocolo FTP
  - Editando o frontend do WordPress a partir de um tema premium
    - Página de boas-vindas do template premium
    - Configurações básicas do tema premium
      - Instalação de plugins do tema premium
      - Instalando plugins obrigatórios do tema premium
    - Modelos de páginas prontos do tema premium
      - Entendendo o conceito de template demo
      - Instalando modelos de páginas prontos do tema premium
    - Por que o meu site não ficou igual ao exemplo do tema premium?
    - Como atualizar um tema premium do WordPress?