10 dicas para manter seu site em WordPress mais seguro

O WordPress é o CMS (content management system) mais famoso do mundo, utilizado por milhões de websites. Inclusive este em que você lê este  artigo. Por meio dele você pode desenvolver um site, mesmo que não possua muitos conhecimentos em programação e design, além de possuir um painel de administração muito fácil de gerir.

wordpress

Mas o WordPress não é usado somente por iniciantes, ele é uma ferramenta poderosa, por meio da qual grandes sites são desenvolvidos, tais como o do Ministério da Cultura do Brasil, o Data.gov que reúne todos os dados dos Estados para a União nos EUA, o portal brasileiro de notícias R7 e o portal da USP, maior universidade da América Latina. Esses são só alguns exemplos dentre milhares de grandes empresas que utilizam esta plataforma. No entanto, tal visibilidade também tem seus prejuízos, fazendo com ele seja um grande alvo de ataques de hackers mal intencionados.

E como deixar o seu site em WordPress mais seguro? Abaixo segue uma lista com 10 dicas importantes de segurança:

 1.    Mantenha o WordPress Atualizado

            Parece banal, mas muitos não mantêm a plataforma atualizada. De acordo com o portal do WordPress, mais de 50% dos sites não estão atualizados para a última versão do sistema. As atualizações do WordPress não são só para alterar temas e design, mas também para updates de segurança.

 2.    Mantenha os Plugins e Temas Atualizados

Trata-se do mesmo problema da primeira dica. Muitos não mantêm os temas (nativos e/ou comprados) e plugins atualizados. Isso pode comprometer muito a segurança do seu site.

3.    Escolha bem seus Plugins e Temas

De nada adianta manter tudo atualizado se você instala plugins e/ou temas de origem duvidosas. O WordPress é uma ferramenta open source e por isso muitos desenvolvedores criam soluções para ela. Mas isso não significa que tudo que é desenvolvido para WordPress é seguro para utilização. Se você não pode contratar uma empresa para criação de temas e plugins (quando necessário a utilização de recursos personalizados), opte por plugins e temas mais conhecidos e com boas avaliações no portal do WordPress.

 4.    Remova os usuários inativos

Como todo sistema em computador, as falhas humanas são as mais comuns. Usuários com senhas fracas e com permissão para fazerem alterações são uma combinação perigosa para seu site em WordPress. Se o usuário não precisa realizar modificações na estrutura do site, coloque-o como assinante ou autor para evitar futuras dores de cabeça.

 5.    Listagem de Diretórios

A listagem de diretórios acontece quando o servidor não encontra uma página índice em uma pasta (index.php, index.html, etc.), fazendo com que o servidor exiba o conteúdo desta, com seus arquivos e sub-pastas. Infelizmente este não é um problema apenas do WordPress, mas nem por isso descuidar deixa de ser preocupante. Se você cria pastas dentro do seu site para armazenar arquivos, backups e etc, faça o upload de um arquivo index.html em branco para cada pasta. Desta forma, não haverá risco do servidor listar o conteúdo da sua pasta.

Exemplo de Listagem de Diretórios

 6.    Utilize senhas e chaves complexas

Este é o mais notório de todos, mas nem todo mundo tem o hábito de escolher chaves de segurança mais complexas. Evite utilizar senhas comuns ou fáceis de serem descobertas. Uma boa senha deve conter letras maiúsculas, minúsculas, números, caracteres especiais e pelo menos 10 caracteres de comprimento. E isso vale para a senha do seu banco de dados do WordPress também.

 7.    Restrinja o acesso à pasta wp-admin

Para evitar o login por terceiros na tentativa de quebrar uma senha, permita que somente usuários autorizados acessem os diretórios de administradores. Para isso, os usuários devem possuir um IP fixo e o administrador do servidor, no qual o site está hospedado, deve ser o responsável por criar esta regra de acesso.

 8.    Desabilite edição de arquivos no WordPress

O principal motivo de um invasor tentar conseguir o login e senha de uma conta administrativa, é porque a mesma possui privilégios de edição dos arquivos, o que permite inserir códigos maliciosos em temas e plugins. Desativar a edição de arquivos no WordPress irá evitar que esses ataques ocorram. E, se o administrador precisar fazer alterações, é melhor fazê-la off-line e depois fazer o upload do arquivo atualizado.

 9.    Certificado SSL para login e wp-admin

Os certificados SSL são muito comuns em lojas virtuais e internet banking. Mas, na verdade, o HTTPS garante mais segurança sempre que uma informação é trocada com o servidor. Utilizar este recurso pode consumir muita banda no seu servidor, mas opte por utilizar um certificado de segurança pelo menos para o diretório wp-admin do WordPress e outras páginas que utilizem login.

10. Não pirateie plugins e temas premiuns

A maior parte do conteúdo customizável do WordPress é gratuito. Porém, alguns Recursos Premiuns, desde plugins a temas, podem ser pagos. E muitos usuários tentando se esquivar de gastar alguns dólares, procuram sites que fornecem estes recursos de forma ilegal para download. Além de prejudicar o desenvolvedor, que não recebe nada por downloads ilegais, você pode estar instalando um plugin modificado, com códigos maliciosos inseridos em seus arquivos. O mesmo vale para temas, que muitas vezes apresentam portas de entrada para invasores. Já houve casos de temas pirata que permitiam um backup diário do banco de dados e o enviava para o e-mail do hacker. E para piorar tudo, os plugins e temas piratas não são possíveis de serem atualizados o que aumenta ainda mais a insegurança do seu site.

Essas foram as 10 dicas de segurança mais importantes para manter seu site em WordPress seguro e estável. Continuem voltando aqui no Website.pt para conferirem mais dicas de segurança e novidades do WordPress.

Descubra Os Melhores Tutoriais WordPress

O que é o WordPress?

O WordPress é um sistema de gestão de conteúdo (Content Management System ou CMS) que permite criar e gerir, de forma simples, todo o conteúdo de um site.

Porquê utilizar o WordPress?

O WordPress é muito utilizado pela interface amigável que apresenta, por ser uma solução Open Source e por ser considerado o CMS ideal para todos os usuários que queiram construir um blog ou site, com vários temas e plugins disponíveis (uns gratuitos, outros pagos), de grande qualidade.

Actualmente, o WordPress é a plataforma CMS mais utilizada em todo o mundo, liderando a lista com quase 19% dos sites existentes nas plataformas monitorizadas, de acordo com o gráfico disponibilizado pelo w3techs.com.

O objectivo do presente artigo passa por servir de guia para todos aqueles que estão a iniciar a criação do seu site, em WordPress, de seguirem os passos certos para uma construção sólida e eficaz do site, conseguindo retirar total partido de todas as opções que o WordPress oferece.

Juntámos, por isso, vários tutoriais WordPress, num só único artigo, para web designers, usuários inexperientes e outros usuários, organizados de ordem ascendente por nível (iniciado para avançado).

OS PRIMEIROS PASSOS

  1. Começar com o WordPress
  2. Este primeiro ponto é importante para quem nunca teve contacto com o WordPress. O tutorial mostra como instalar o WordPress, criar/editar/eliminar páginas e artigos, instalar/desinstalar temas, e plugins, e, adicionar/eliminar media, etc.

    Tutorial: Começar com o WordPress

    Consulte este link para saber as novidades da versão 3.5 da plataforma WordPress.

  3. Cábula WordPress
  4. A cábula WordPress é muito útil para os web designers e programadores, que ainda não tenham experiência e um à vontade razoáveis, na edição de código, podendo assim, consultar todos os pedaços de código (e saberem a que se destinam), bem como, dos ficheiros existentes e para que servem. Simples e muito útil. Consulte aqui a cábula WordPress ou clique na imagem abaixo.

  5. Menus WordPress
  6. Após a primeira instalação do WordPress o menu não é imediatamente assumido pelo tema, nem tão pouco utiliza o sistema de menu automático, tendo de ser o próprio usuário a defini-lo no back office do WordPress. Este tutorial mostra os básicos do sistema de menu e como usá-lo no site.

    Tutorial: Menus WordPress

  7. Shortcodes WordPress
  8. Os shortcodes WordPress tornaram-se como uma das mais úteis funcionalidades existentes na plataforma. Introduzidos na versão 2.5 do WordPress, os shortcodes permitem que seja utilizado um trecho de código no local que o usuário pretender (artigo, página, widget e até mesmo, em zonas por preencher do site). Neste ponto é fornecido um guia completo para introdução aos shortcodes WordPress.

    Tutorial: Shortcodes WordPress – Guia Completo

    No entanto, os shortcodes podem ser utilizados para outras funções que não estejam relacionadas directamente com o código WordPress. No tutorial abaixo é lhe mostrado como dominar um pouco a matéria dos shortcodes para outras funções.

    Tutorial: Shortcodes WordPress

  9. Aprender WordPress Em 7 Dias
  10. Este tutorial disponibilizado, foi escrito e preparado, com o objectivo de proporcionar a todos os iniciantes do WordPress uma aprendizagem fácil e directa do WordPress (no entanto, o tempo de aprendizagem está sempre relacionado com a capacidade de aprendizagem que cada pessoa tem. Não há problema algum se levar duas ou três semanas a compreender como funciona o WordPress, o importante nesta fase não é saber, mas sim, entender como funciona esta plataforma, o saber é ganho com a prática).

    Guia/Tutorial: Aprender WordPress Em 7 Dias

  11. Dominar O Visual Editor
  12. O Visual Editor é a funcionalidade que permite a edição/criação de páginas e artigos, em dois modos: Visual ou HTML. O tutorial mostra como utilizar as opções existentes no Visual Editor.

    Tutorial: Dominar O Visual Editor

  13. Conselhos Da Comunidade WordPress Para Iniciantes
  14. É sempre normal, quando se é iniciante, a procura por informação que permita saber um pouco mais, no entanto, existem conselhos dados pelos mais experientes (que também já passaram pela fase de iniciação), que poderão ser úteis e que, muitas vezes, se revelam fundamentais. Foi com este pensamento que Siobhan McKeown perguntou a vários usuários da comunidade WordPress que conselho(s), dariam a todos aqueles que estão a iniciar a sua experiência no WordPress, e, resolveu escrever um artigo a apresentar as ideias que cada um exprimiu, onde se destacam três pontos: aprender, construir e partilhar.

    Artigo: Conselhos Da Comunidade WordPress Para Iniciantes

OPTIMIZAR DESIGN DO SITE

  1. Escolher Design Apelativo Para Sites WordPress
  2. O design (aparência do site), é essencial nos dias de hoje para promoção de um site. Existem práticas e técnicas de posicionamento de conteúdo e combinação de cores que podem tornar um site muito mais apelativo, e como consequência, obter mais visitantes, tendo em mente, que a primeira avaliação (feita por novos visitantes), estabelece-se pela aparência do site.

    Em baixo seguem três links nos quais é possível encontrar vários temas para o WordPress:

  3. Desenvolvimento De Widgets
  4. O desenvolvimento de um widget e de um plugin para WordPress é um procedimento exactamente igual, no entanto, o objectivo dos mesmos diferencia um pouco. Um plugin tem o objectivo de executar uma função por forma a optimizar o site não sendo visto pelo visitante (por exemplo, plugins de SEO). O widget já é uma forma de adicionar certas funcionalidades, normalmente ao footer e sidebar, que são vísiveis pelos visitantes (por exemplo. calendário, formulários de contacto, …). O widget poderá reunir num só único ficheiro todo o código necessário para a sua execução enquanto que um plugin poderá ter mais do que um ficheiro associado para a sua execução.

    Neste tutorial é mostrado como desenvolver um widget para o seu site WordPress. Desta forma poderá vir a desenvolver outros widgets com outras funcionalidades.

    Tutorial: Desenvolvimento De Widgets

  5. Destaque De Artigos
  6. Esta é uma dica essencial num site: destacar artigos no topo da página. Desta forma, o usuário alerta os visitantes para a existência de artigos que são considerados importantes no site (é também uma forma de obter mais visualizações para esses artigos).

    Actualmente, quase todos os sites (dependendo também do tipo de tema), reservam sempre uma parte da página incial para destacar os últimos artigos, sendo que para as restantes páginas do site pode ser utilizado um widget, tanto no footer como na barra lateral para o mesmo efeito.

    No entanto, pode acontecer o tema não trazer a funcionalidade, de destaque de artigos, implementada, que não indica que não se consiga destacar os artigos no site. O presente tutorial ensina como destacar artigos no topo da página inicial manualmente.

    Tutorial: Destaque De Artigos

  7. Escolher Um Esquema De Cores Para O Site
  8. Este é um ponto muitas vezes díficil de resolver: encontrar o esquema de cores ideal para o site. Tendo em consideração o seu conteúdo, a imagem de fundo que irá ser utilizada, a disposição do conteúdo do site, entre outras coisas mais, é essencial que se escolha um esquema de cores que se identifique com o site (tema), e que consiga destacar todos os elementos de um site.

    Neste ponto iremos listar dois tutoriais, os quais têm o objectivo de explicar como escolher um esquema de cores para um site segundo o tema do mesmo.

    Tutorial: Escolher Um Esquema De Cores Para O Site
    Tutorial II: Escolher Um Esquema De Cores Para O Site II

  9. Formato dos Artigos
  10. A funcionalidade Format Posts foi introduzida na versão 3.1 da plataforma WordPress. Esta funcionalidade permite definir o layout dos artigos publicados. Qual o objectivo? Muitos artigos são imagens, outros vídeos, outros texto e imagem, outros só texto, ou seja, a funcionalidade Format Posts permite definir um layout diferente para cada tipo de artigo. Muitos temas já trazem um leque de opções de formato para os artigos, mas, estes formatos podem ser editados e até redesenhados, totalmente.

    O tutorial mostra como definir um novo estilo para os Format Posts, bem como, o fluxo para definir qual o tipo de formato a aplicar.

    Tutorial: Formato dos Artigos

  11. Personalizar Tipos de Artigo
  12. O mecanismo custom post type (introduzido na versão 1.5 da plataforma WordPress), permite a criação de uma grande variedade de conteúdo.

    O presente guia tem o objectivo de mostrar, e explicar, todas as opções que esta funcionalidade oferece.

    Guia/Tutorial: Personalizar Tipos de Artigo

ADICIONAR IMAGENS AO SITE

  1. Adicionar Imagem de Perfil
  2. Adicionar uma imagem de perfil é sempre importante na medida que proporciona aos visitantes o conhecimento facial de determinado autor. Existem “mil e uma maneiras” de se adicionar uma imagem ao(s) respectivo(s) autores. Actualmente existem plugins que adicionam o código necessário e basta ao usuário, apenas, fazer o upload da imagem. No entanto, também é possível adicionar uma imagem de autor manualmente.

    No tutorial que se segue é mostrado como adicionar uma imagem de autor manualmente. Também é explicado de forma resumida como instalar um plugin que permita adicionar uma imagem de perfil.

    Tutorial: Adicionar Imagem de Perfil

    Em baixo deixamos o link do directório de plugins WordPress, para o usuário procurar um plugin que permita adicionar uma imagem de perfil:

  3. Criar Tamanhos de Imagens Adicionais
  4. Os tamanhos por defeito do WordPress (Full Size, Medium, Large, Thumnail), muitas vezes não vão ao encontro daquilo que o usuário perspectivou para a imagem, sendo obrigado a editá-la para ver realizada a sua ideia.

    O presente tutorial ensina como adicionar novos tamanhos de imagem adicionais, permitindo que o usuário possa ajustar o tamanho das imagens de acordo com as suas necessidades sem que para isso edite a imagem original. No entanto, existem plugins que permitem adicionar automaticamente novos tamanhos para as imagens.

    Tutorial: Criar Tamanhos de Imagens Adicionais

  5. Criar Galeria de Fotos
  6. Actualmente, as galerias são bastante utilizadas pelos usuários na disposição de dezenas de imagens. O objectivo de uma galeria passa por proporcionar aos usuários uma estrutura dinâmica (e apelativa), que organize, apresente e identifique as imagens respectivas da galeria. Melhor que tudo é o facto de esta estrutura ser criada num espaço reduzido, dispondo uma grande quantidade de imagens.

    As galerias podem ser criadas manualmente, ou, através de plugins para WordPress (uns pagos, outros grátis).

    Os seguintes tutoriais mostram como criar uma galeria de fotos manualmente. O primeiro explica de uma forma simples e é destinado aos usuários que tenham a versão 3.5 do WordPress. Já o segundo tutorial mostra através de código como criar de raiz uma galeria de fotos.

    Tutorial: Criar Galeria de Fotos
    Tutorial II: Criar Galeria de Fotos II

    No entanto, existem plugins já pré-feitos que facilitam e muito o trabalho a ter para a criação de uma galeria, ainda por mais, quando alguns dos plugins garantem uma qualidade da galeria 100% apelativa,e, com efeito lightbox aplicado. Deixamos em baixo 2 links, nos quais se pode encontrar plugins com qualidade assegurada.

  7. Práticas Para Uma Melhor Gestão de Imagens
  8. Facto muito ignorado por muitos administradores de sites (que não dão muita importância às imagens), mas, as imagens são uma peça fundamental dos sites e muitas vezes as práticas utilizadas na inserção de imagens não é a mais correcta. O tutorial deste ponto tem o objectivo de ensinar boas práticas de gestão de imagens para WordPress (no entanto, o mesmo pode ser aplicado para outros CMS).

    Tutorial: Práticas Para Uma Melhor Gestão de Imagens

  9. Aplicar O Tamanho Ideal Para As Imagens
  10. Muitas vezes os tamanhos das imagens são enormes ultrapassando a largura máxima do espaço do artigo. É preciso redimensionar o tamanho da imagem para que esta possa ser adicionada de forma apelativa ao site.

    O tutorial mostra como conseguir redimensionar imagens a partir do WordPress, utilizando o auto-scale e o crop, entre outras opções.

    Tutorial: Aplicar O Tamanho Ideal Para As Imagens

DESENVOLVER TEMAS WORDPRESS

  1. Desenvolvimento de Temas WordPress
  2. Com a prática vem a experiência e o desejo de se criar algo próprio. É muito mais fácil comprar ou optar por um tema já pré-feito que provavelmente se mudaria nalgum aspecto. Logo, porque não criar um site pelos nossos próprios meios uma vez que é possível?

    Actualmente, criar um site em WordPress é muito mais fácil que antigamente, mas – porque há sempre um mas – é preciso ter algum conhecimento, claro. Devido à imensa utilização da plataforma WordPress, novas formas de criação vão sendo reveladas e é agora mais fácil através de CSS frameworks, desenvolvidas para o efeito, criar sites de raiz e o mais importante de tudo, responsive (termo utilizado em web design para definir um tema que consegue adaptar-se a várias plataformas de acesso).

    Página de tutoriais: Desenvolvimento de Temas WordPress

  3. Melhorar e Aperfeiçoar Processo de Desenvolvimento de Temas
  4. “Nunca é demais saber”. Esta é uma máxima por muitos utilizada (principalmente pelos mais velhos e experientes), que defendem que mesmo que se consiga, por mérito próprio, obter um resultado, é sempre importante ouvir novos truques, dicas e conselhos de outros profissionais (sejam eles velhos, novos, com mais experiência ou não), que actuam na mesma área, até para perceber como são as suas técnicas de trabalho, pois, existe sempre alguma coisa a reter.

    Mais uma vez, Siobhan McKeown, reuniu num artigo algumas sugestões, dicas, truques, conselhos e técnicas dos melhores designers e programadores, proporcionando assim que os menos experientes, bem como os mais experientes, possam aperfeiçoar e melhorar as suas técnicas de desenvolvimento.

    Artigo: Melhorar e Aperfeiçoar Processo de Desenvolvimento de Temas

INTEGRAR REDES SOCIAIS NO SITE

  1. Integrar Redes Sociais
  2. As redes sociais têm grande impacto na divulgação dos sites. A sua utilização e integração nos sites é uma “obrigação” que todos os administradores de sites devem ter em conta. Ainda por mais agora que a utilização das redes sociais em sites WordPress, está à distância de uma instalação, bastando, depois de instalado o plugin, a sua configuração correcta.

    No artigo em baixo poderá encontrar 50 plugins para adicionar links para as redes sociais, no seu site WordPress.

    Artigo: Integrar Redes Sociais

  3. Integrar Sistema de Newsletter
  4. O sistema de newsletter é bastante útil e prático porque proporciona aos visitantes do website a constante actualização de novas informações, eventos, campanhas, comunicados, etc.

    Em baixo listamos alguns artigos que apresentam soluções (grátis e pagas), para implementar sistema de newsletter:

EDITAR SITE WORDPRESS

  1. Editar Área de Administração do WordPress
  2. A área de administração do WordPress permite ao usuário acesso às ferramentas da plataforma para criar páginas, criar artigos, instalar temas e plugins, entre outras funcionalidades. No entanto, a área de administração pode ser editada à imagem do administrador, à imagem de uma empresa, etc. O WordPress não permite apenas gerir apenas o conteúdo do site mas sim proporcionar uma plataforma profissional que permita a sua edição à imagem de quem está à frente da administração/desenvolvimento do site.

    Tutorial: Editar Área de Administração do WordPress

    Disponibilizamos, ainda, um link com vários plugins, WordPress, para edição da zona de administração do site: plugins para edição da zona de administração (note que poderão existir outros plugins que servem para o mesmo efeito).

  3. Criar Custom Post Type
  4. Custom Post Type é a funcionalidade, implementada na versão 3 do WordPress, que permite que o usuário consiga criar diferentes custom post types para o seu site WordPress.

    Os dois tutoriais explicam, e mostram, como criar os próprios custom post types para WordPress.

    Tutorial: Criar Custom Post Type
    Tutorial II: Criar Custom Post Type II

  5. Implementar Motor de Pesquisa Personalizado da Google
  6. A plataforma WordPress tem uma função de procura bastante acessível, simples, rápida e efectiva (que divide muitas opiniões entre os usuários WordPress), que poderá ser substituida por outra qualquer. Neste tutorial, é mostrado como adicionar e substituir o motor de busca por defeito, do WordPress, por um motor de busca personalizado da Google.

    Tutorial: Implementar Motor de Pesquisa Personalizado da Google

  7. Adicionar Ícones Ao Menu Sem Utilizar Plugins
  8. É possível, e bastante simples e prático, a adição de ícones ao menu sem se precisar de instalar qualquer plugin. No entanto, existem plugins que permitem adicionar ícones ao menu de forma simples e prática.

    O presente tutorial mostra como adicionar ícones ao menu sem precisar de se instalar qualquer plugin.

    Tutorial: Adicionar Ícones Ao Menu Sem Utilizar Plugins

  9. Desenvolver Site Para Vários Idiomas
  10. É actualmente uma obrigação um site ter suporte para mais do que um idioma. No mínimo das hipóteses, muitos administradores, não querendo adicionar uma quantidade enorme de idiomas, optam por ter o idioma do país de origem e o idioma inglês. Em outros casos optam por disponibilizar os idiomas nos países onde o site tem bastante visibilidade. Quantos idiomas o site suporta não é importante, importante é que qualquer visitante consiga ter acesso ao conteúdo do site sem problemas.

    O tutorial abaixo mostra como desenvolver um site multi-idioma para WordPress.

    Tutorial: Desenvolver Site Para Vários Idiomas

    Neste link poderá consultar os 10 melhores plugins WordPress para tradução.

  11. Funcionalidade Theme Customizer
  12. Com a versão 3.4 do WordPress, foi lançada uma nova funcionalidade de edição dos temas para WordPress. A funcionalidade chama-se Theme Customizer e permite que o usuário edite/ajuste as configurações dos elementos do site: cores, fontes, texto, etc.

    No tutorial disponibilizado mostra como editar o tema através desta nova funcionalidade, utilizando a interface WYSIWYG (What You See Is What You Get). No entanto, o tema poderá ser editado (mais detalhadamente), directamente através dos ficheiros CSS do tema.

    Tutorial: Funcionalidade Theme Customizer

UTILIZAÇÃO DE PLUGINS

  1. Plugins A Instalar Na Criação Do Primeiro Site WordPress
  2. Na criação do primeiro site WordPress é essencial saber quais os plugins que são essenciais para uma melhor performance, uma melhor segurança e um maior reconhecimento do site.

    No dois artigos disponibilizados neste ponto, cada um apresenta 5 plugins “obrigatórios” a utilizar na criação do primeiro site WordPress. Um foca mais a parte da segurança do site como backups, sistema anti-hacker, sistema anti-spam. Já o outro foca mais a vertente de desempenho e reconhecimento do site.

    Artigo: Plugins A Instalar Na Criação Do Primeiro Site WordPress
    Artigo II: Plugins A Instalar Na Criação Do Primeiro Site WordPress II

  3. Desenvolver Os Próprios Plugins WordPress
  4. Os plugins permitem que sejam adicionadas partes de código adicional ao site, com uma função específica, a qual, varia de plugin para plugin. Os plugins permitem um maior controlo e flexibilidade sobre o site, ou seja, ao ser desenvolvido um plugin próprio não só existe um conhecimento profundo do objectivo do mesmo, como também, da forma como o mesmo está desenvolvido.

    No presente tutorial é mostrado como desenvolver um plugin próprio. Claro, que depois é preciso algum conhecimento a nível de PHP, para a criação de plugins com outras rotinas.

    Tutorial: Desenvolver Os Próprios Plugins WordPress

  5. Exigir/Recomendar Plugins WordPress
  6. Existem casos de temas e plugins, WordPress, em que a sua correcta utilização depende da instalação de outros plugins. Foi criado um sistema de recomendação/exigência da instalação de plugins adicionais, ou seja, basicamente é um repositório de plugins onde se define quais os plugins que devem ser recomendados e/ou exigidos para o correcto funcionamento do tema e/ou plugin.

    Os tutoriais mostram como criar o repositório de plugins e proporcionar aos usuários da plataforma WordPress a sua instalação e activação.

    NOTA: o primeiro tutorial além de mostrar os passos a realizar para criar o repositório, tem, ainda, algumas explicações mais detalhadas das opções de configuração.

    Tutorial: Exigir/Recomendar Plugins WordPress
    Tutorial II: Exigir/Recomendar Plugins WordPress II

  7. Como Criar Um Plugin de Conteúdo Incorporável
  8. O presente tutorial tem o objectivo de mostrar como criar um plugin de conteúdo incorporável, para partilhar o conteúdo de um site WordPress com outros sites.

    Tutorial: Como Criar Um Plugin de Conteúdo Incorporável

SEGURANÇA

  1. Proteger Site WordPress Através de um Ficheiro .HTACCESS
  2. Actualmente o WordPress é dos CMS mais seguros, e, mais utilizados (mais de 70 milhões de utilizadores), que existem, no entanto, nenhuma plataforma é 100% anti-hacker, e por isso, algumas precauções têm de ser tomadas. Uma vez tomadas as precauções necessárias, é díficil um site WordPress ser atacado, excepto nas seguintes circunstâncias: ou estão desactualizados, ou têm plugins e/ou temas construídos por terceiros, sem o reconhecimento do WordPress, ou, que já não sejam suportados.

    O presente tutorial mostra como proteger um site WordPress através de um ficheiro .htaccess, que deve ser sempre uma das primeiras precauções a ser tomada.

    Tutorial: Proteger Site WordPress Através de um Ficheiro .HTACCESS

  3. Malware Comum
  4. Existem milhares de ataques por dia a x sites, e muitas vezes, os usuários nem sequer dão conta desse facto: por falta de experência, ou, por falta de algum conhecimento na área. É importante sempre, especialmente quando se trabalha com servidores, saber um pouco mais como tal funciona e todas as formas de segurança. Não é preciso saber tudo de trás para a frente, mas, o básico, de forma a que se houver algum malware, cada usuário possa tomar as devidas medidas.

    Os presentes tutoriais explicam quais são os tipos de malware que mais afectam um site WordPress, bem como, prevenir a sua expansão e a correcta forma de agir perante um ataque de malware.

    Tutorial: Malware Comum
    Tutorial II: Malware Comum II

    Consulte o artigo Top 5 Plugins WordPress de Segurança para ficar a conhecer 5 plugins que darão uma maior segurança ao seu site WordPress.

SEO (Search Engine Optimization)

  1. Guia Completo Sobre SEO Para WordPress
  2. Este é um ponto bastante importante, o qual deve ser muito bem estudado e percebido, pois, provavelmente, é a chave de sucesso de um site, seja ele na plataforma WordPress, ou não. É preciso neste ponto, aprender com os melhores e não só, esgotar todos os tutoriais possíveis acerca do tema e testar várias formas de SEO antes de se colocarem definitivamente em prática.

    O presente guia é o mais completo que existe na internet. Tem o objectivo de explicar como funciona o SEO e o que é possível fazer com o site WordPress para que este obtenha altas cotações no ranking de sites.

    Guia: Guia Completo Sobre SEO Para WordPress

    Deixamos ainda alguns dos melhores plugins WordPress para SEO: Top 5 Plugins WordPress Para SEO.

HABILIDADES AVANÇADAS

  1. Loops
  2. A WordPress Codex (criadores dos loops), define os loops como:

    “The Loop is used by WordPress to display each of your posts. Using the Loop, WordPress processes each of the posts to be displayed on the current page and formats them according to how they match specified criteria within the Loop tags. Any HTML or PHP code placed in the Loop will be repeated on each post.”

    Ou seja, basicamente se não existissem os loops em WordPress não haveria conteúdo dinâmico na plataforma. O presente tutorial mostra o que são loops, o que fazem e como usá-los.

    Tutorial: Loops

  3. Meta Boxes
  4. O que são Meta Boxes? Pode-se definir meta box como uma secção personalizável adicionada a uma página de criação de um artigo ou de uma página. Podem ser adicionados todos os elmentos possíveis à meta box, desde radio buttons, checkboxes, textarea, entre outros elementos.

    O tutorial mostra como adicionar metadata a um artigo através da criação de meta boxes.

    Tutorial: Meta Boxes

  5. Imagens Responsive
  6. As imagens responsive são bastante importantes na medida que facilmente se adaptam a diferentes tamanhos de ecrãn e dispositivos. O presente tutorial mostra como tornar as imagens de um site WordPress ajustáveis para diferentes tamanhos de ecrãn e dispositivos.

    Tutorial: Imagens Responsive

  7. Dispor Widgets Através de Shortcodes
  8. Os widgets são fundamentais e bastante úteis. É possível através de um shortcode dispor um widget no local que o usuário pretender, sem grandes complicações.

    Tutorial: Dispor Widgets Através de Shortcodes

  9. WP_Query
  10. A classe WP_Query é uma das partes de código mais utilizada e importante da base de código do WordPress. É responsável por várias funções, das quais se destaca, a consulta de dados de uma forma segura, simples e modular.

    Tutorial: WP_Query

RECOMENDAÇÕES

  • WP Beginner é um site com mais de 200 tutoriais (passo-a-passo);
  • Tutorials WordPress é um canal do Youtube que tem centenas de tutoriais WordPress em vídeo. Uma ótima forma de aprender WordPress;
  • Manual de utilização do WordPress é óptimo para qualquer usuário entender os processos básicos do WordPress.
  • Site Para Empresas disponibiliza mais de 150 tutoriais WordPress;
  • WP Tuts+ é um site dedicado apenas à plataforma WordPress. Neste site encontra informação de como utilizar o WordPress, desenvolver plugins, widgets, temas, etc;
  • WordPress Codex.

CONCLUSÃO

Resumindo e concluindo, será a plataforma WordPress a escolha certa para si? Só você o poderá saber. O WordPress é um dos melhores e mais utilizados CMS, actualmente (oferece milhares de soluções pagas e gratuitas), existindo outros também no mesmo nível do WordPress, cada um com os seus prós e contras. No entanto, o essencial é o usuário sentir-se à vontade com a interface do CMS que optar, e só experimentando, é que se encontra a ferramenta ideal.

NOTA: não deixe de consultar os seguintes endereços, onde poderá encontrar soluções e esclarecer quaisquer dúvidas existenciais:

Guia WordPress 3 Parte13 – Plugins Posts Personalizados E Novas Taxonomias 5

Olá caros leitores!

No último artigo começamos a trabalhar com a visualização dos posts personalizados e novas taxonomias e isso será um grande desafio para quem entende pouco ou nada de programação de temas.

É um assunto bem complexo e com muitos detalhes técnicos, pois é possível personalizar totalmente a visualização utilizando xHTML, CSS, PHP e as tags de template do WordPress. A melhor forma para você aprender é aprofundando-se nas linguagens que acabei de citar ou procurar por outros artigos do Webmaster.pt que tratam do assunto de maneira específica, fornecendo todos os passos necessários para implantar um grande projeto, como um agenda de eventos, um portfólio e outros.

Hoje você conhecerá algumas técnicas básicas, que irão demandar pouco ou nenhum conhecimento de programação. Mas é necessário que você tenha lido e entendido os artigos desse guia e sobre links permanentes, em Configurações Do WordPress Parte6 Privacidade e Links Permanentes.

Widgets e Menus

No último artigo você conferiu que é possível utilizar a widget ‘Nuvem de tags’ para exibir alguma nova taxonomia registrada, mas somente quando ela é atribuída aos ‘Posts’ do WordPress.

Caso queira aprofundar-se, você poderá utilizar a função wp_tag_cloud () para exibir qualquer tipo de taxonomia criada por você, semelhante a uma “nuvem de tags”. Não entraremos nesses detalhes hoje, mas você pode consultar o Codex ou ainda outros artigos do Webmaster.pt.

Mas se você não quiser entrar na parte de programação, poderá utilizar o widget ‘Menu personalizado’ para exibir as entradas marcadas com a taxonomia criada por você. Caso tenha dúvidas sobre como utiliza-lo, leia o artigo Guia WordPress 3 Parte 4 – Menus e tire suas dúvidas.

Para um exemplo prático vamos utilizar a seguinte estrutura:

  • Post Personalizado: Classificados;
  • Taxonomias de ‘Classificados’: Carros, Imóveis e Empregos;

Antes de prosseguir, vá em ‘Configurações -> Links Permanentes’ e faça os ajustes necessários. O próximo passo é criar um menu para cada taxonomia criada para ‘Classificados’:

Adicione os itens do menu de acordo com as marcações/tags cadastradas:

Por fim adicione a widget ‘Menu personalizado’, uma para cada menu:

Você poderá ainda utilizar a widget ‘texto’ para adicionar alguma informação extra. Em caso de dúvidas, consulte WordPress – Configuração Dos Widgets Nativos.

Quando tudo estiver configurado de maneira correta, você terá o seguinte resultado no seu site/blog:

E isso sem precisar de programação! 😀

Esse tipo de visualização é bem interessante, pois as entradas ficam “separadas” do blog principal e você pode organizar a informação de maneira mais eficiente.

Exibir Posts Personalizados na Página Principal

No exemplo anterior, somente os ‘Posts’ são visualizados na página principal do site/blog. Mas vamos supor que você queira exibir todas as entradas, ou somente alguns tipos de posts personalizados. Como eu faço isso?

Uma forma bem simples é inserir uma função no arquivo ‘functions.php’. O código completo é a seguinte:


add_filter( 'pre_get_posts', 'my_get_posts' );
function my_get_posts( $query ) {
  if ( is_home() )
    $query->set( 'post_type', array( 'post', 'page', 'filmes', 'classificados') );
   return $query;
} 

A única modificação que você vai precisa fazer é  na linha  $query->set( ‘post_type’, array( ‘post‘, ‘page‘, ‘filmes‘, ‘classificados‘) );. Basta informar o nome dos Posts Personalizados (em negrito) que serão exibidos. Lembrando que post e page são os posts e páginas do WordPress, respectivamente.

Você poderá inserir o código utilizando o próprio WordPress, em ‘Aparência -> Editor’ e selecionando o arquivo ‘functions.php’:

Você pode adicionar o código logo no início do arquivo, tomando cuidado para que não fique dentro de outras tags. Veja na figura que eu adicionei logo após as informações/comentários sobre o tema padrão.

Depois de finalizada essa etapa, salve a alteração e visite a página principal para conferir a diferença:

Todas as entradas são exibidas. Mas reparou que o menu sumiu? Se isso acontecer no tema em que você for aplicar, utilize o código abaixo:


add_filter( 'pre_get_posts', 'my_get_posts' );
function my_get_posts( $query ) {
  if ( is_home() && false == $query->query_vars['suppress_filters'] )
    $query->set( 'post_type', array( 'post', 'page',  'lg_classificados' ) );
  return $query;
}

Lembre-se de fazer as mudanças necessárias, ou seja, informe quais os tipos de entradas que serão exibidas. Agora sim, vai correr tudo bem. Se algum problema acontecer mesmo assim na visualização, utilize os comentários para que possamos te ajudar. 😀

Alguns Problemas

E como já estamos falando de problemas, vamos a alguns outros que encontrei.

O primeiro foi quanto à versão do WordPress. Se acontecer da área de gerenciamento dos menus ficar totalmente em “branco”, não permitindo mudanças, você deverá atualizar a versão do WordPress e do plug-in que o problema será resolvido.

Outro problema encontrado foi quando fiz a mudança no nome da taxonomia: simplesmente o menu com essa taxonomia não funcionou corretamente, tanto na área de gerenciamento quanto na página principal do blog. A figura a seguir mostra o menu principal do blog:

Já na área de gerenciamento em ‘Aparência -> Menus’ o WordPress apenas mostrou a seguinte tela:

Para resolver o problema basta voltar no navegador, desfazer a alteração no nome da taxonomia, ou seja, adicionar o antigo nome e salvar. Com esse procedimento, tudo deve voltar ao normal! 😀

Agora outro problema que pode acontecer é quando você resolver fazer modificações nos links permanentes depois de criar as taxonomias. Com isso, o WordPress vai informar que a página não existe quando o visitante solicitar a exibição de todas as entradas utilizando as novas taxonomias.

Para resolver esse problema basta entrar na área de gerenciamento das taxonomias, em ‘Custom Post Types -> Manage Taxonomies’, clicar no botão ‘Edit’ e “apenas” clicar em ‘Save Custom Taxonomy’. 😀 Pelo menos comigo funcionou!

Um último erro é quando você editar o arquivo do tema, o ‘functions.php’, tal como foi feito nesse artigo e inserir o código incompleto. Se você esquecer-se de fechar as chaves ‘}’, por exemplo, e clicar em ‘Atualizar arquivo’, automaticamente um erro será exibido:

Você pode clicar em ‘Voltar’ do navegador e tentar reparar o erro, mas provavelmente isso não vai dar certo. Nesse caso vai ser necessário editar o arquivo ‘functions.php’ do seu tema utilizando outro editor de código, podendo ser do próprio cPanel ou utilizando o FTP para isso.

Utilize, por exemplo, o FileZilla para “trazer” o arquivo até o seu computador e então utilize o Notepad++ para fazer as alterações:

Indico dois artigos nossos para você tirar dúvidas sobre operações com FTP:

Se por acaso ocorrer mais erros com você, utilize os comentários para que possamos te ajudar. Utilize também para postar suas dúvidas, sugestões, críticas ou elogios.

Continuamos no próximo artigo.

Fiquem na paz e até lá!

Guia WordPress 3 Parte12 – Plugins Posts Personalizados E Novas Taxonomias 4

Olá caros leitores!

Nesse artigo iremos continuar a tratar sobre o plug-in Custom Post Type UI, mas não de forma direta, pois os assuntos aqui tratados poderão ser aplicados em outros e também na programação dos Posts Personalizados e Novas Taxonomias.

As Melhores Práticas E Orientações Úteis Para Definir Os Nomes

O novo recurso disponível no WordPress 3 pode ser bem útil, mas isso vai depender da necessidade do site ou blog, pois a sua implantação vai demandar planejamento e organização, inclusive na escolha dos nomes para os posts personalizados e novas taxonomias.

E estou me referindo a pelo menos dois nomes para cada item: o próprio nome do post personalizado ou taxonomia, que será referenciada no banco de dados e o nome que será exibido ao público do site.

Para o nome que será exibido para o público procure defini-lo de forma que não haja “confusão” aos leitores ou mesmo administradores do site. Vou mostrar um pequeno exemplo disso, através da seguinte estrutura:

  • Post Personalizado: Anúncio;
  • Taxonomias para Anúncio: Classificados, Carros, Imóveis, Empregos;

Nesse caso, onde estaria a taxonomia para os ‘Classificados’? Não seria melhor criar outro post personalizado chamado ‘Classificados’ e então atribuir as taxonomias corretas a ele? Será que essa é realmente a melhor forma de classificação para o site?

Essa estrutura poderia até ser utilizada, mas deveria ficar de forma clara para os leitores e usuários e não deixa-los como “cego num tiroteio”. Procure entender, organizar, rabiscar e definir toda a estrutura da melhor forma possível e assim você, seus leitores e usuários terão uma vida mais feliz. 😀

Outro item importante é o nome do próprio post personalizado ou nova taxonomia, aquele de preenchimento obrigatório:

O próprio WordPress sugere que seja utilizado um prefixo para esse nome, pois assim sua identificação será melhor e ainda evita conflitos com outros nomes que poderão ser utilizados em temas e plug-ins.

Procure criar um prefixo exclusivo, que seja usado e conhecido somente por você. Veja o exemplo:

  • lindomar_filmes: Filmes de Lindomar;
  • temax_filmes: Filmes do Tema X;
  • pluginx_filmes: Filmes do Plug-in X;

Assim, numa mesma instalação do WordPress, poderão ser adicionados utilizados sem que os três entrem em conflito.

Mas tenha cuidado com duas coisas:

  1. O nome total não pode passar de 20 caracteres devido à limitação do banco de dados por causa do tipo de campo;
  2. Não use o Prefixo das Tabelas, definido na instalação, que por padrão é o ‘wp_’:

Visualizar os Posts Personalizados e Novas Taxonomias no Tema

Se você já definiu seus posts personalizados e taxonomias, fez o cadastro de todos eles de forma correta, adicionou o conteúdo, mas eles simplesmente não aparecem no seu tema, chegou a hora de resolver esse problema.

Infelizmente o plug-in Custom Post Type UI não controla com eficácia e nem permite a personalização da exibição dos posts personalizados e das novas taxonomias no tema de forma automática, sendo necessário uma intervenção no código-fonte do WordPress.

Esse pode ser o preço que você terá de “pagar” ao utilizar esse recurso: conhecer um pouco de programação de temas do WordPress. Nesse guia irei apresentar apenas o básico sobre esse assunto, mas acredite, você pode muito mais! Procure por outros artigos no Webmaster.pt e veja do que estou falando.

Antes de entrar na parte da programação, será necessária uma pequena aulinha teórica. 😀

Como você já deve saber, toda a informação inserida no WordPress é armazenada no Banco de Dados definido na instalação. Podemos dizer que o nosso amado CMS faz uma espécie de ponte entre o usuário e o banco de dados e todas as informações são exibidas conforme definidas na programação de cada arquivo de tema.

Isso é uma coisa que precisa ficar bem clara antes de continuar. Qualquer dúvida, leia o artigo Temas do WordPress para tirar suas dúvidas. Se ainda restar alguma, pode utilizar os comentários que iremos te ajudar.

Sendo os posts personalizados e as novas taxonomias uma “coisa desconhecida” para o WordPress, vai ser necessário que você “mostre” ao CMS e informe o local onde eles serão exibidos.

É claro que, antes de tudo, você deverá analisar muito bem a situação e o que é cada item. Vamos aproveitar e fazer isso então utilizando o tema padrão com a seguinte estrutura:

  1. Post Personalizado ‘Classificados’;

  1. Taxonomia ‘Carros’ do tipo sem hierarquia atribuída à ‘Classificados’ e ‘Posts’;

  1. Widget Nuvem de tags com a Taxonomia ‘Carros’ adicionada ao tema;

Vale lembrar que ‘Carros’ só está sendo visualizada na Nuvem de tags porque foi atribuída aos ‘Posts’ do WordPress;

  1. Foram criadas quatro entradas, duas para cada tipo de conteúdo:
  • Novo Carro Ford é Lançado, do tipo ‘Post’, Taxonomia ‘Carros’ com a tag ‘Ford’ e Categoria ‘Notícias’;
  • Vendo Carro Novo, do tipo ‘Classificados’ e Taxonomia ‘Carros’ com a tag ‘Fiat’;
  • Vendo Carro Ford Novo, do tipo ‘Classificados’ e Taxonomia ‘Carros’ com a tag ‘Ford’;
  • Feirão de Carros Começa Amanhã, do tipo ‘Post’, Categoria ‘Notícias’ e Nenhuma tag de post;
  1. Agora podemos ver o que acontece de acordo com o tipo de visualização solicitada pelo visitante.

No primeiro caso quando a tag ‘Ford’ for clicada, nós temas a URL ‘http://meusite.com/?carros=ford’ como link permanente e a seguinte informação na tela:

Daí nós podemos concluir que:

  1. É uma página com o arquivo do blog da taxonomia ‘Carros’;
  2. A primeira entrada é o ‘Classificados’, porém isso não é informado de forma explícita, como na segunda entrada, que é o ‘Post’, pois está publicada na categoria ‘Notícias’.

Nesse caso será necessário editar o arquivo de tema responsável em mostrar o arquivo do blog para assim exibir as informações completas para as entradas de ‘Classificados’.

Analisando cada entrada de forma individual, ainda temos:

Repare que os ‘Classificados’ não “enxergam’ os ‘Posts’ e vice-versa na paginação:

Além disso, a informação é exibida de maneira completa apenas nos ‘Posts’. Nesse caso, a alteração deverá ser feita no arquivo do tema responsável em exibir as informações de cada entrada individualmente.

E por último vamos analisar a página principal do blog:

Repare que somente os ‘Posts’ são visualizados. Aqui já será necessário fazer a modificação em outro arquivo do tema, responsável em mostrar as informações na página principal.

Com esse exemplo você aprendeu duas coisas:

  1. É necessário saber exatamente o local onde serão exibidos os posts personalizados e as novas taxonomias, sendo necessário conhecer um pouco de programação de temas do WordPress;
  2. É possível exibir as informações dos posts personalizados sem a necessidade de programação, dependendo claro, de como toda a estrutura do blog/site está organizada;

Ciente das dificuldades e da análise que deverá ser feita, podemos partir para o próximo passo, mas somente no próximo artigo.

Antes de terminar quero pedir para aqueles que chegaram aqui e nada entenderam: antes de fazer perguntas nos comentários, tenha a certeza de ter feito a leitura do artigo com bastante atenção, pois são muitas informações que precisam ser assimiladas.

E se caso ainda persistam dúvidas, esteja a vontade nos comentários. Aproveite e deixe sua sugestão, elogio ou crítica.

Fiquem na paz e até a próxima.

Guia WordPress 3 Parte11 – Plugins Posts Personalizados E Novas Taxonomias 3

Olá caros leitores!

Depois de criados os Posts Personalizados e as Novas Taxonomias nós precisamos gerencia-los. E nesse artigo iremos tratar desse assunto. Nós estamos utilizando o plug-in Custom Post Type UI, já detalhados nas partes anteriores. Ele próprio nos fornece algumas áreas bem úteis para esse gerenciamento.

A primeira é encontrada dentro de ‘Custom Post Type UI -> Manage Post Types’, para os posts personalizados e sua área segue o padrão “o WordPress de ser”:

Todos os itens estão dispostos como numa tabela, onde podemos rapidamente visualizar as principais opções cadastradas.

Na coluna ‘Action’ temos alguns hiperlinks para gerenciamento do item:

  • Delete: exclui o post personalizado permanentemente;
  • Edit: abre a tela de edição do post, que é semelhante à tela de criação já apresentada. Basta apenas fazer as mudanças necessárias e clicar no botão ‘Save Custom Post Type’;
  • Get Code: essa é uma opção bem interessante e permite pegar o código do post personalizado:

Mas existe um aviso de que esse recurso está em fase de testes e pode apresentar alguns bugs. Em todo o caso, dê uma olhada no código, pois brevemente começaremos a estuda-lo;

A outra área de gerenciamento encontra-se em ‘Custom Post Type UI -> Manage Taxonomies’:

Os mesmo detalhes aplicados à área de gerenciamento dos posts personalizados são aplicados aqui.

Em ambas as telas você encontra diversos hiperlinks na parte de baixo relacionados ao plug-in, como o site oficial, informar bugs e outros. Faça uma visita em caso de dúvidas ou curiosidade mesmo. 😀

Aplicando e Gerenciando os Posts Personalizados e Novas Taxonomias

Saber onde aplicar e como gerenciar dentro do WordPress também precisará ser “reaprendido”.

Na parte 8 desse guia já apresentamos algumas possibilidades para o uso dos Posts Personalizados. Se você realmente quiser aprender mais sobre o recurso e suas possibilidades, procure aprender mais sobre os Campos Personalizados. Um começo para a sua busca é no Webmaster.pt, pois temos um imenso conteúdo preparado somente para você.

Inclusive o próprio Custom Post Type UI sugere um plug-in para esse objetivo, o Custom Field Template. Foi esse mesmo plug-in que foi utilizado para criar o tipo de conteúdo especial mostrado na parte 8.

Lembre-se de que sem os campos personalizados, você estará limitado aos mesmos recursos e blocos de edição dos posts/páginas, sendo quase uma coisa inútil, dependendo no que você for aplicar.

Já com as novas taxonomias, a história muda, pois é possível adicionar uma nova classificação até para os posts e para as páginas do WordPress. Um exemplo disso é a taxonomia ‘Classificados’ que foi usada no último artigo (veja nas figuras).

Em vez de ser atribuída a um Post Personalizado, ela foi adicionada aos Post do WordPress:

Esse artifício pode ser usado para você ter mais “controle” sobre o conteúdo do site/blog, criando, por exemplo, uma área exclusiva no site/blog sem “mistura-lo” às categorias ou tags dos posts.

Definir se a nova taxonomia vai ter ou não a hierarquia também vai interferir na sua forma de visualização e operação na adição/edição do post. Para exemplificar isso, continuaremos utilizando o ‘Classificados’.

Sem hierarquia o ‘Bloco Classificados’ ficará semelhante ao ‘Bloco Tags do post’, assim como mostra a próxima figura:

Já com hierarquia, será parecido com o ‘Bloco Categoria’:

A forma de como usar os dois tipos de blocos citados já foi totalmente detalhado no artigo WordPress – Tags, Categorias, Autor e Publicação. Leia-o para tirar todas as suas dúvidas.

O ‘Bloco Classificados’ também poderá ser ocultado da tela de adição do post nas ‘Opções de Tela’:

Isso mostra que ele realmente está todo integrado ao WordPress. Os exemplos aqui apresentados foram para os Posts do WordPress, mas que se aplicam da mesma forma para as Páginas e Posts Personalizados, desde que isso seja definido nas opções da nova taxonomia.

Vale lembrar que os blocos e as taxonomias são definidas nas ‘Advanced Options’ do Post Personalizado, ‘Supports’ e ‘Built-in Taxonomies’, respectivamente.

A área de gerenciamento também é bem semelhante à área das Categorias ou Tags do post. Vai depender, como já foi citado, se a nova taxonomia for hierárquica ou não. Também já foram publicados artigos que tratam em detalhes as duas áreas citadas:

Na figura a seguir você pode notar essa diferença:

Se você leu o artigo citado já percebeu essa diferença, que é justamente a possibilidade de classificar de maneira hierárquica os “classificados” cadastrados na tela de cima, criando itens ‘Pai’ e ‘Filhos’ (destacado em amarelo e apresentado na lista), assim como acontece com as Categorias.

Na tela de baixo são apenas criados os itens sem essa classificação, assim como acontece com as Tags do Post.

Cuidado!

Para finalizar o artigo quero deixar um alerta muito importante: organize o conteúdo do site/blog de maneira prudente!

No artigo WordPress – Criação E Organização Do Conteúdo foi tratado sobre esse assunto para a versão anterior do WordPress. Mas os mesmos conceitos e dicas aplicam-se com o WordPress 3, só que agora com muito “poder de classificação”.

O legal é que você pode criar do jeito que quiser. O ruim é que se você não souber o que está fazendo vai acabar “se perdendo” e em caso de erro não terá artigo ou tutorial que resolva, já que foi personalizado do seu jeito! 😀

Quer um exemplo do que estou falando? Repare na figura:

Percebeu que existem três menus com o mesmo nome ‘Notícias’? Isso aconteceu por uma desatenção de administrador do blog, pois ao adicionar os itens do menu ele utilizou:

  • Categoria do Post;
  • Taxonomia do Post Personalizado Filmes;
  • Taxonomia do Post Personalizado Informações;

O erro aqui é simples de resolver. Basta somente mudar o rótulo.

Agora pense em alguém criando 10 Posts Personalizados com 20 Novas Taxonomias e adicionado as Taxonomias em diversos lugares. Quando ele for apresentar isso ao usuário sem planejamento, o site/blog pode simplesmente não fazer sentido mais!

Agora imagine administrando todo esse conteúdo dentro do WordPress? Por isso, antes de tudo ressalto novamente a dica: faça um planejamento prévio! Se for necessário, faça um rascunho numa folha de papel (ou em várias), vá colando pela sua casa ou no seu escritório e somente adicione ao WordPress quando realmente tudo estiver 100% à prova de bagunça. 😀

Brincadeiras a parte, o planejamento do site/blog realmente deve ser levado a sério!

Continuaremos a tratar do assunto no próximo artigo. Qualquer dúvida, sugestão, crítica ou elogio pode ser feito nos comentários.

Fiquem na paz e até lá!

Guia WordPress 3 Parte10 – Plugins Posts Personalizados E Novas Taxonomias 2

Olá caros leitores!

Em nosso último artigo tratamos sobre os como criar Posts Personalizados utilizando o plug-in Custom Post Type UI:

Guia WordPress 3 Parte9 – Plugins Posts Personalizados E Novas Taxonomias 1

Algumas opções, porém, serão explicadas hoje, juntamente com a parte prática de criar Novas Taxonomias.

Menu Position

Com essa opção você pode definir o local onde o menu do post personalizado irá ficar, sendo que o padrão é debaixo de ‘Comentários’. Para definir onde o local utilize os seguintes parâmetros (somente os números inteiros):

  • 5 – abaixo de Posts;
  • 10 – abaixo de Mídia;
  • 15 – abaixo de Links;
  • 20 – abaixo de Páginas;
  • 25 – abaixo de Comentários. O mesmo que deixar em branco;
  • 60 – abaixo do primeiro separador;
  • 65 – abaixo de Plugins;
  • 70 – abaixo de Usuários;
  • 75 – abaixo de Ferramentas;
  • 80 – abaixo de Configurações;
  • 100 – abaixo do segundo separador;

Como exemplo, foi adicionado o ‘75’ para o menu ‘Filmes’ e por isso ele ficou entre ‘Ferramentas’ e ‘Configurações’:


Show in Menu

Essa opção adiciona o post personalizado como um submenu em qualquer outro menu do Painel de Administração do WordPress. Porém existem pequenos “detalhes” que precisam ser conhecidos antes:

  • A opção ‘Show UI’ precisa estar em ‘True’;
  • Não serão visualizados os submenus do post personaliazdo, tais como o ‘Adicionar’ e as taxonomias adicionadas;
  • Você será direcionado diretamente para a área de gerenciamento, de onde terá que fazer as modificações no conteúdo cadastrado;
  • Só funciona nas versões 3.1 para cima, pelo menos nos testes que eu fiz aqui;

Como exemplo, vamos utilizar novamente o ‘Filmes’ e adiciona-lo ao menu ‘Posts’:

E agora, para fazer uma coisa diferente, vamos transferir o ‘Filmes’ para ‘Aparência’:

Ainda é possível adicionar o post no local onde você desejar, inclusive para outro post personalizado:

A mágica toda acontece somente indicando o nome do arquivo .php relacionado ao “Top Menu” do Painel do WordPress, no segundo campo da opção ‘Show in Menu’:

Na figura está destacado em amarelo. Também é necessário que a primeira opção esteja como ‘True’.

O nome dos arquivos php você consegue em dois passos simples:

1.       Clique no menu que irá “receber” o novo item;

2.       Na barra de endereços, tudo o que estiver depois da última barra ‘/’, será o nome do arquivo;

Mas só funciona nos Top Menus, ou seja, o item principal do menu.

Veja alguns exemplos abaixo, todos destacados em negrito:

  • Posts: http://seudominio.com/blog/wp-admin/edit.php
  • Páginas: http://seudominio.com/blog/wp-admin/edit.php?post_type=page
  • Aparência: http://seudominio.com/blog/wp-admin/themes.php
  • Perfis (Post Personalizado): http://seudominio.com/blog/wp-admin/edit.php?post_type=perfis
  • Configurações: http://seudominio.com/blog/wp-admin/options-general.php

Opções Para As Novas Taxonomias

Na parte 8 desse guia você já conheceu esse novo recurso e por isso agora é hora da prática! Iremos utilizar o mesmo plug-in da última parte, o Custom Post Type UI. Por isso leia-o para tirar as suas dúvidas.

Para adicionar uma nova taxonomia, vá em ‘Custom Post Types -> Add New’:

Nessa área, na parte da esquerda (destacada em vermelho) estão as opções para criar a taxonomia. Basta preenche-las e clicar no botão ‘Create Custom Taxonomy’.

Nas opções básicas você tem:

  • Taxonomy Name: o nome da taxonomia de preenchimento obrigatório;
  • Label: o nome que será apresentado no menu do tipo de conteúdo escolhido. Escolha um nome no plural, de preferência;
  • Singular Label: o nome singular da taxonomia;
  • Attach to Post Type: escolha o tipo de conteúdo a qual a taxonomia pertencerá. Nessa opção estarão disponíveis todos os tipos do WordPress, incluindo os posts personalizados;

Nas ‘Advanced Label Option’ estão as opções de rótulo da taxonomia, ou seja, a forma como ele será “apresentado” dentro do WordPress. Quando não preenchidas, as opções básicas serão utilizadas, incluindo alguns termos em inglês. Por isso preencha todos, inclusive como forma de tradução para os seus usuários:

Vamos conhecê-las:

  • Search Items: o texto para pesquisa da taxonomia dentro da área de gerenciamento;
  • Popular Items: o texto para os itens mais usados, dentro da área de gerenciamento;
  • All Items: o texto para mostar todos os itens, dentro da área tela de criação, quando a taxonomia for hierárquica;
  • Parent Item: o texto para o item pai (ou mãe), usando somente quando a taxonomia for hierárquica;
  • Parent Item Colon: o mesmo para ‘Parent Item’, mas em cores;
  • Edit Item: o texto da parte superior da tela de edição do item;
  • Update Item: o texto para atualizar o item na sua edição rápida;
  • Add New Item: texto utilizado para adicionar novo item;
  • New Item Name: texto utilizado para adicionar um novo nome;
  • strong

  • Separate Items with Commas: texto usado para informar que os itens que serão criados deverão ser separados por vírgula, na tela de criação de conteúdo. É usando somente quando a taxonomia não for hierárquica;
  • Add or Remove Items: o texto para adicionar ou remover itens, usado quando o JavaScript estiver desabilitado na tela de criação de conteúdo e somente para taxonomias não hierárquicas;
  • Choose From Most Used: o texto para os itens mais usados, na tela de criação do conteúdo para taxonomias não hierárquicas;

Ainda temos as ‘Advanced Options’:

  • Hierarchical: defina se a nova taxonomia será hierárquica ou não. ‘True’ para sim e ‘False’ para não. A diferença entre ambos é bem simples: quando hierárquica, a taxonomia permite que sejam adicionados subitens, também conhecidos como itens filho ou descendentes. No WordPress seria semelhante a uma categoria. Quando não hierárquico, é semelhante a uma tag do post;
  • Show UI: defina se a taxonomia será visualizada no Painel de Administração. ‘True’ para sim e ‘False’ para não;
  • Query Var: ‘True’ para sim e ‘False’ para não. Define se a taxonomia poderá ser usada como parâmetro numa consulta, tal como em ‘http://seudominio.com/classificados/carros/’. Se algum conteúdo estiver dentro da categoria, como um post, por exemplo, e essa opção estiver como ‘False’, esses posts não serão exibidos ao acessar essa URL;
  • Rewrite: defina se poderá ser utilizado a taxonomia como link permanente, como em ‘http://meusite.com/classificados/carros’. ‘True’ para sim e ‘False’ para não;
  • Custom Rewrite Slug: defina um nome personalizado para o link permanente. Se for deixado em branco será utilizado o nome da taxonomia como padrão. Vamos supor que eu defina ‘classificados-do-site’, logo o link será mostrado como em ‘http://meusite.com/classificados-do-site/carros’;

Todas as partes para criar Posts Personalizados e Novas Taxonomias já estão bem detalhadas, incluindo a parte prática. Mas o assunto ainda não acabou e no próximo artigo iremos explorar mais opções do plug-in e do WordPress relacionadas à esses recursos.

Qualquer dúvida, sugestão, crítica ou elogio podem ser feitos nos comentários.

Fiquem na paz e até lá!

Guia WordPress 3 Parte9 – Plugins Posts Personalizados E Novas Taxonomias 1

Olá caros leitores!

Nesse artigo continuaremos a tratar sobre Posts Personalizados e Novas Taxonomias, porém da maneira prática. É de extrema importância que você conheça o novo recurso e suas capacidades e por isso a necessidade da leitura do último artigo.

Hoje iremos utilizar o plug-in mais baixado do Diretório do WordPress:

Repare que fiz uma pesquisa por ‘Post Type’ que é o termo original para esse recurso, retornando assim diversos plug-ins. Nós iremos utilizar o  Custom Post Type UI, que já foi baixado mais de 43 mil vezes.

O interessante desse plug-in que, além dos posts personalizados, também será possível adicionar novas taxonomias dentro do Painel de Administração do WordPress, totalmente em modo visual.

Não iremos tratar aqui sobre a instalação e ativação do plug-in, mas em caso de dificuldade, leia os dois artigos indicados abaixo e tire todas as suas dúvidas:

1.       Como Instalar Plugins No WordPress Parte4

2.       Guia WordPress 3 Parte 3 – Temas, Plugins E Ferramentas

O download do plug-in poderá ser feito diretamente do Diretório do WordPress. Em caso de dúvida ou dificuldades, visite o Fórum de Suporte. Para outras informações visite o Site Oficial.

Usado o Custom Post Type UI

Assim que ativado, o plug-in irá criar uma nova entrada de menu dentro do Painel do WordPress, com a seguintes opções:

  • Custom Post Types: área com informações e propaganda da empresa criadora do plug-in, a WebDevStudios.com. Ainda inclui um vídeo explicativo e um pequeno FAQ;
  • Add New: é a área onde você poderá adicionar tanto o post personalizado quanto uma nova taxonomia;
  • Manage Post Types: gerencia os posts personalizados já criados;
  • Manage Taxonomies: gerencia as taxonomias criadas;

Como prática de aprendizado, nós iremos criar o post personalizado apresentado no último artigo, o ‘Filmes’. O primeiro passo é ir até ‘Custom Post Type -> Add New’:

Essa área é dividida em duas partes. Na parte da esquerda, destacado em azul, são criados os posts personalizados. E a direita, destacado em vermelho, são criados as novas taxonomias. As duas áreas tem somente algumas opções semelhantes, porém todas serão detalhadas individualmente a partir de agora.

Todas as opções apresentadas serão as mesmas definidas no código-fonte e por isso mesmo que você não vá utilizar o plug-in, a leitura/estudo desse artigo valerá a pena para conhecê-las.

Para criar os posts personalizados ou novas taxonomias, basta preencher os campos e selecionar as opções necessárias e clicar em no botão ‘Create Custom […]’ apropriado.

Opções Para Posts Personalizados

As opções básicas são:

  • Post Type Name: o nome do post personalizado, sendo o único campo de preenchimento obrigatório;
  • Label: o nome que será apresentado no menu desse post personalizado. Escolha um nome no plural, de preferência;
  • Singular Label: aqui você escolhe o nome no singular, usado geralmente na tela de criação de conteúdo;
  • Description: adicione uma descrição para o seu post personalizado;

Se você apenas preencher com o nome do post personalizado e clicar no botão ‘Create Custom Post Type’, ele será criado com todas as opções padrão. Mas o interessante mesmo são justamente essas opções, acionadas ao clicar no link correspondente.

O primeiro grupo é acionado ao clicar em ‘Advanced Label Options’ e são as opções referentes ao rótulo dos itens, ou seja, como serão lidos dentro do Painel do WordPress. Caso os campos não sejam preenchidas será utilizado o conteúdo das opções básicas.

Mas sugiro que você preencha todos os itens, pois assim o seu post personalizado será “traduzido”. Vamos conhecer cada uma:

  • Menu Name: a forma plural do seu post personalizado;
  • Add New: o item no menu para adicionar um novo post personalizado;
  • Add New Item: o nome mostrado no cabeçalho da tela de criação;
  • Edit: o item do menu para edição;
  • Edit Item: nome mostrado no cabeçalho da tela de edição;
  • New Item: mostrado nos favoritos do Painel do WordPress;
  • View: usado no texto do link para visualizar o post personalizado dentro da tela de edição;
  • View Item: usado no texto do botão de visualizar o post personalizado na tela criação/edição, ao lado do link permanente (permalink);
  • Search Items: texto do botão de pesquisa da área de gerenciamento do post personalizado;
  • Not Found: texto mostrado quando não houver resultado na busca do post personalizado;
  • Not Found in Trash: texto mostrado quando não existir posts personalizados na lixeira;
  • Parent: rótulo usado para os “posts personalizados pai” dentro da área de edição dele. Somente útil quando existir hierarquia;

Já nas ‘Advanced Options’ você tem:

  • Public: é usado como argumento para outras opções. Escolhendo ‘True’ você deixa o post personalizado ser visualizado e escolhendo ‘False’ ele é “escondido” no seu WordPress, como numa pesquisa, por exemplo;
  • Show UI: define se o meu será visualizado dentro do Painel do WordPress. ‘True’ para mostrar e ‘False’ para ocultar;
  • Has Archive: define se o post personalizado será visualizado na página de arquivamento. ‘True’ mostra e ‘False’ oculta;
  • Capability Type: defina o tipo de regra para os usuários do WordPress. Essa opção será mais detalhada no próximo artigo;
  • Hierarchical: defina se existirá se poderá existir uma hierarquia com o post personalizado, assim como acontece com as páginas. ‘True’ para sim e ‘False’ para não;
  • Rewrite: defina se poderá ser utilizado o nome do post personalizado como link permanente, como em ‘http://meusite.com/lg_filmes/o-dia-depois-de-amanha’. ‘True’ para sim e ‘False’ para não;
  • Custom Rewrite Slug: defina um nome para o link permanente. Se for deixado em branco será utilizado o nome do post personalizado. Vamos supor que eu defina ‘filmes’, logo o link será mostrado como em ‘http://meusite.com/filmes/o-dia-depois-de-amanha’;
  • Query Var: defina se poderá ser feita uma consulta usando o post personalizado como parâmetro, como em ‘http://meusite.com/?lg_filmes=o-dia-depois-de-amanha’. ‘True’ para sim e ‘False’ para não;
  • Menu Position: defina a posição do menu dentro do Painel do WordPress. Mais informações sobre essa opção no próximo artigo;
  • Show in Menu: permite adicionar o post personalizado a outro menu do WordPress. Essa opção também será mais bem detalhada no próximo artigo;
  • Supports: escolha os blocos que serão exibidos na tela de criação/edição do post personalizado. Se nenhuma opção for selecionada, será exibido somente o título e editor;
  • Built-in Taxonomies: selecione o tipo de taxonomia que ao qual o post personalizado pertencerá. Na lista de opções estão ainda estão as categorias e tags do WordPress e as novas taxonomias criadas pelo plug-in;

Assim finalizamos esse artigo, mas como o assunto ainda continua no próximo artigo com mais opções para serem detalhadas.

Qualquer dúvida, sugestão, crítica ou elogio poderão ser feitos nos comentários.

Fiquem na paz e até lá!

Guia WordPress 3 Parte8 – Posts Personalizados e Novas Taxonomias

Olá caros leitores!

Em um mundo onde precisamos criar identidade própria, principalmente como fator de sucesso em algum site/blog, podemos realmente ter o WordPress 3 como aliado nessa construção.

O CMS evoluiu de um simples “sistema automatizado para blogs” para um completo “construtor de sistemas/sites/blogs” e muitas vezes isso assusta qualquer usuário, mas quero provar que o velho conceito de que “tudo é simples” ainda existe e está ainda mais evidente na versão 3, pois agora realmente é possível personalizar absolutamente tudo de modo bem simples.
strong
E isso inclui também o conteúdo. Por isso, a partir de agora você aprenderá enfim a usar os posts personalizados e as novas taxonomias.

A princípio, o maior problema que vejo ao utilizar esses novos recursos é a manipulação de código para adiciona-los. Mas como sempre pensamos em todos os leitores, também utilizaremos alguns plug-ins no processo.

Conteúdo do WordPress

Antes de tudo, precisamos de um pouco de teoria para entender exatamente esses recursos. Segundo a documentação do Codex, existem 5 tipos de conteúdo padrão que o WordPress utiliza:

  • Post: geralmente são exibidos em ordem cronológica e utilizados na publicação de feeds;
  • Página: não faz parte da estrutura cronológica dos posts, tendo suas próprias URLs. Podem possuir modelos especiais e uma estrutura hierárquica;
  • Anexo: post especial que contem informações sobre os arquivos enviados ao WordPress;
  • Revisões: é um rascunho dos posts e páginas existentes;
  • Menus de Navegação: informação sobre os itens do sistema de navegação do WordPreess;

Todos são armazenados no banco de dados, sendo identificados de acordo com o tipo de conteúdo e suas características.

Com o Post Personalizado é possível criar seu próprio tipo de conteúdo, podendo utilizar características daqueles já existentes, porém adicionando outros de acordo com a sua necessidade.

Dependendo do que for criado, esse novo tipo de conteúdo nada terá haver com aqueles já existentes. Na verdade o nome Post Personalizado deveria ser mudado para Conteúdo Personalizado.

Algumas ideias interessantes para o uso desse recurso incluem:

  • Base de dados para filmes ou livros, como no site Pop Critics;
  • Uma galeria de fotos como no site ThemeHybrid;
  • Fórum totalmente integrado ao WordPress;
  • Sistema de tickets para atendimento ao cliente ou helpdesk, semelhante ao WordPress Trac;
  • Portfólio Pessoal ou Empresarial;
  • Catálogo de produtos;
  • Calendário de eventos;

Veja que são inúmeras as possibilidades de aplicação do recurso.

Veja um exemplo bem interessante de conteúdo personalizado:

Na verdade esse é um site de demonstração do plug-in WP-Property, que apresenta informações específicas sobre venda de imóveis.

Repare na figura que existe uma galeria, um texto descritivo e detalhes específicos do imóvel, como o endereço, o preço e outros.

Agora imagina essas informações preenchidas para uma grande quantidade de imóveis. Como seria?

Utilizando os posts ou páginas do WordPress seria necessário perder um bom tempo, incluindo aí tags xHTML, para incluir todo o conteúdo.
strong
Mas utilizando os posts personalizados é possível criar um modelo específico de cadastro e então ajustar o tema para que toda a informação seja exibida.

O post personalizado pode ainda incluir outros recursos do WordPress. Ainda utilizando o exemplo, foram utilizados os campos personalizados para exibir os detalhes específicos do imóvel.

Esse recurso já foi detalhado em outro outro artigo, WordPress – Campos Personalizados, mas sua aplicação aqui foi bem mais abrangente. Em artigos futuros iremos tratar sobre como utilizar esses recursos no seu site ou sistema web de forma prática.

Novas Formas de Classificação

Também não podemos nos esquecer de que cada tipo de conteúdo permite novas taxonomias, ou seja, novas formas de classificação. No artigo WordPress – Criação E Organização Do Conteúdo foram apresentadas as formas de classificação já existentes.

Para ficar ainda mais claro, veja o exemplo de um novo tipo de conteúdo chamado “Filmes”:

  • Filmes: Post Personalizado;
  • Gênero: Taxonomia semelhante à Categoria;
  • Atores: Taxonomia semelhante à Tag;

A diferença entre gênero e atores é que no primeiro será possível adicionar subgêneros, ao contrário do segundo. Em termos técnicos dizemos que o primeiro permite uma hierarquia e o segundo não.

Adicionando o Novo Tipo de Conteúdo

Quando um Post Personalizado é definido no WordPress, a sua tela de criação poderá ser totalmente diferente do Post/Página. Por isso a mágica toda está justamente aí! 😀

Você poderá eliminar os blocos e campos desnecessários, poderá forçar a edição de alguns campos específicos, poderá utilizar o recurso de Campo Personalizado do WordPress e assim criar seus próprios:

Toda a informação cadastrada poderá ainda ser apresentada de forma personalizada no seu tema. Enfim, a imaginação é sua e o WordPress praticamente não impõe limites nessa caso. Aproveite! :d

Programação e Plug-ins

Todas as possibilidades apresentadas vão requerer modificações no código do WordPress, pois não estão disponíveis no Painel de Administração como aqueles apresentados até agora.

Nesse Guia do WordPress 3 nós iremos mostrar o básico e algumas implementações, porém será necessário muito cuidado ao manipular os códigos, pois poderão “acabar” com o seu WordPress.

Também serão apresentados alguns plug-ins que farão todo o trabalho de forma automática, como estamos acostumados a fazer. 😀

Mas em ambos os casos será realmente necessário conhecer os conceitos que envolvem esse recurso. Por isso, se você ainda não entendeu, releia esse artigo quantas vezes for necessário e caso ainda tenha dúvidas, utilize os comentários para podermos ajudar.

Continuamos o assunto no próximo artigo detalhando os plug-ins. Caso tenha alguma sugestão, crítica, elogio ou dúvida, utilize os comentários.

Fiquem na paz e até lá!

Guia WordPress 3 Parte7 – Cabeçalho Personalizado

Olá caros leitores!

Parece que o WordPress 3 está realmente contando pontos a favor da personalização total do site/blog e tudo de maneira facilitada para quem entende pouco ou nada de programação.

No artigo de hoje você conhecerá como aplicar um cabeçalho personalizado ao seu blog com poucos cliques do mouse, juntamente com diversas dicas e os problemas envolvidos nessa questão.

Não vou falar muito da importância do cabeçalho, pois esse não é o objetivo aqui, mas lembre-se de que o topo do site/blog é a primeira parte que o usuário irá olhar. Por isso capriche com ele para arrancar somente elogio dos seus visitantes. 😀

Cabeçalho Personalizado

Com esse novo recurso fica muito mais fácil trocar o cabeçalho do seu site/blog. O processo é bem simples: basta escolher uma imagem, fazer o upload e salvar a alteração feita. Mas antes de entrarmos na parte prática, vamos analisar alguns problemas que podem ocorrer no processo.

Vale lembrar ainda que o recurso somente estará disponível se o tema aplicado possuir suporte para ele. Em nossa prática utilizaremos o tema padrão mesmo.

O primeiro problema que pode vir a acontecer é em relação ao tamanho da imagem, pois o cabeçalho tem um tamanho fixo e a imagem escolhida deverá ser do tamanho exato. Por isso a importância de prepara-la antes de ser aplicada.

No tema padrão a informação sobre o tamanho você encontra na área de gerenciamento, que iremos conhecer daqui a pouco. Mas em outros temas essa informação poderá estar em outro lugar. Consulte a documentação para descobrir o tamanho exato da imagem e assim fazer os ajustes necessários.

Se você adicionar uma imagem que não corresponda ao tamanho exato do cabeçalho, uma tela de recorte de imagem é aberta antes de aplicar imagem. Isso evita possíveis erros de alinhamento, mas podem trazer alguns outros.

Se uma imagem for muito pequena, por exemplo, ela será ampliada nas mesmas proporções do tamanho exato do cabeçalho, gerando assim uma imagem nada agradável, como você pode conferir na figura a seguir:

Repare que a imagem perdeu resolução e isso acaba aumentando todos os pontos de pixels dela, ficando assim toda quadriculada. Se você não quiser uma imagem no seu site/blog realmente faça os ajustes necessários antes do upload.

Outro problema que pode acontecer é quanto à permissão de escrita na pasta onde a imagem será salva, que é dentro da pasta ‘wp-content\uploads\ano\mês’, sendo que no ano e mês correspondem à data do upload. Garanta que a pasta ‘uploads’ tenha permissão suficiente de escrita para o usuário que estará fazendo o carregamento da imagem do cabeçalho.

E por fim existe o problema “da escolha errada”. Não caia nessa armadilha escolhendo uma imagem para o cabeçalho que não seja representante do seu site/blog. Lembre-se de manter tudo da forma mais agradável possível, sendo assim:

  • Nada de propagandas extravagantes;
  • Esqueça as imagens poluídas;
  • Se quiser, faça uma montagem adicionado o logotipo do site/blog;
  • Escolha uma imagem de acordo com o design, respeitando toda a legibilidade do site/blog;
  • Cuidado com os direitos autorais da imagem;

Uma dica é fazer diversos testes e assim ter uma visão daquilo que exatamente você irá adicionar ao seu site/blog com toda a segurança possível. Acredite serão apenas elogios! 😀

Praticando

Já ciente de todos os problemas, acesse ‘Aparência -> Cabeçalho’ para ter acesso à área de gerenciamento, que pode ser dividido em duas partes. Na primeira você tem:

  • Visualizar: você tem um preview da imagem aplicada atualmente ao cabeçalho;
  • Fazer upload de imagem: é aqui você tem as informações sobre o tamanho da imagem, pelo menos no tema padrão, que no nosso caso é de 940 x 198 pixels. Além disso, você poderá carregar uma imagem do seu computador clicando em ‘Selecionar arquivo…’, procurando e adicionando o arquivo e depois clicando em ‘Fazer Upload’ para finalizar o processo. Caso a imagem não tenha o tamanho exato do cabeçalho, você será levado à tela de recorte para fazer os ajustes necessários:

Reparem que existe uma área retangular pontilhada dentro da imagem, com alguns “pequenos quadrados” nas bordas. Utilize-os para definir o tamanho exato, pois o que estiver dentro dessa área será a imagem do cabeçalho quando você clicar em ‘Recortar e publicar’.  Por isso é necessário atenção redobrada para não escolher uma área muito pequena ou que tenha como resultado uma imagem sem sentido. Faça alguns testes e veja o que acontece. Veja alguns exemplos:

Veja que com apenas uma imagem você tem inúmeras possibilidades, sempre se lembrando dos problemas já mencionados anteriormente. Caso você tenha dúvidas sobre como manipular imagens no WordPress, leio o artigo WordPress – Adicionar Posts 8 Edição De Imagens e tire as suas dúvidas.

E na segunda parte da área de gerenciamento você encontra as seguintes opções:

  • Imagem padrão: você tem a sua disposição diversas imagens de cabeçalho do tema aplicado. Basta selecionar alguma imagem e salvar para que ela seja automaticamente aplicada como cabeçalho do site/blog;
  • Remover imagem: clicando no botão ‘Remover a imagem de cabeçalho’ você deixa seu blog sem imagem no cabeçalho:

Vale lembra que quando isso acontecer, essa opção some automaticamente;

  • Redefinir imagem: clicando no botão ‘Restaurar imagem de cabeçalho original’ você terá o efeito contrário da opção anterior, ou seja, irá adicionar a imagem de cabeçalho padrão do tema;
  • Salvar alterações: aplica todas as mudanças feitas;

E assim mais uma opção do novo WordPress foi completamente detalhada. Em caso de dúvidas você pode clicar no botão ‘Ajuda’ na parte superior da área de gerenciamento ou utilizar os comentários. Aproveite e mande suas críticas, elogios ou sugestões.

No próximo tem mais assunto novo. Fiquem na paz e até lá!

Guia WordPress 3 Parte 2 – Painel de Administração

Olá Pessoal!

Os desenvolvedores realmente dedicaram-se ao novo WordPress em todos os níveis, otimizando o banco de dados, acrescentando funções e retirando aquilo que não é mais necessários no código fonte e ainda trabalhando a parte visual, o design do CMS.

E todas essas mudanças não afetaram apenas o Core do WordPress, mas também o seu Painel de Administração. Foram incluídos novos recursos e com isso novas áreas de gerenciamento e novos menus. Em contrapartida alguns recursos foram retirados e outros “mudaram” de lugar, causando algumas mudanças em relação à versão 2.9.

E é disso tudo que iremos tratar nesse artigo, pois você precisa conhecer o novo Painel e assim não ficar perdido quando for administrador o seu blog/website.

O Novo Painel

Ao entrar na área de administração, a primeira coisa a se notar é que agora as cores ficaram mais claras, numa tonalidade mais agradável:

Não está mais com aquele “clima dark” de antes. O cabeçalho também está diferente, com um novo logo e mais com um visual mais “clean”:

E logo ai podemos notar a primeira coisa que “saiu” do WordPress: a função Turbo. Mas não foi retirado simplesmente para efeito de design. Essa ferramenta realmente não faz mais parte do novo WordPress. Logo você também não o encontrará em ‘Ferramentas -> Ferramentas’:

E se você reparar bem, dentro de ‘Ferramentas’ surgiu outro recurso, o ‘Conversor de categorias e tags’. Na verdade ela já estava disponível na versão anterior, em ‘Ferramentas -> Importar’ e o que aconteceu é que ele foi “transferido” para cá. 😀

Nem todas as alterações foram mudança de menu ou área de gerenciamento, pois algumas são apenas estéticas ou de usabilidade mesmo, sem mudar sua função. Isso foi feito somente pra melhorar a identificação mesmo.

Um exemplo disso são alguns nomes de menus, tal como em ‘Posts -> Editar’ que virou ‘Posts -> Posts’ ou podendo ser chamado simplesmente de ‘Posts’:

Repare destacado em azul essas mudanças. O destaque em vermelho não está incluído por padrão no seu WordPress, pois trata-se de um novo recurso conhecido como ‘Post Personalizado’. Adicione-o agora apenas para mostrar que o ‘Editar’ realmente sumiu.

Mas não se preocupe, pois ainda nesse guia você aprenderá como criar seus próprios posts personalizados.

A parte principal do Painel continua a mesma coisa, exceto pelo widget ‘Agora’, que está dividido em ‘Conteúdo’ e ‘Discussão’, apenas para organizar mais a informação:

O resto continua a mesma coisa com as widgets informando sobre comentários, notícias do WordPress e muito mais.

Voltando aos menus laterais, podemos perceber que praticamente todos estão do mesmo jeito e a navegação continua a mesma coisa, exceto pela adição de alguns itens de submenu para os novos recursos e a mudança de lugar de outros, como o já citado ‘Conversor de categorias e tags’, além de claro a mudança no nome Editar, no caso dos posts, links e páginas.

O posicionamento dos menus continua como antes, porém vale ressaltar que os posts personalizados aparecerão sempre abaixo do menu ‘Comentários’, assim como já mostrado nesse artigo.

Continuando a tratar das mudanças, temos a transferência do menu ‘Atualizações’, que veio diretamente do bloco ‘Ferramentas’ para o ‘Painel’:


Podemos dizer que o bloco ‘Ferramentas’ é quem sofreu as maiores mudanças, incluindo suas áreas de gerenciamento e por isso trataremos mais desse assunto no próximo artigo, assim como ‘Aparência’ e ‘Plugins’. Por hora, vamos nos concentrar no menu atualização.

Repare que na nova versão, são informadas a quantidade total de atualizações disponíveis, facilitando assim aos administradores que precisam visualizar rapidamente essa informação.

O mais legal, no entanto, é que tudo o que for necessário atualizar no WordPress está centralizado nesse local. Isso inclui os plug-ins, temas e o Core do CMS. Isso agiliza bastante o processo no seu WordPress:

O bloco ‘Usuários’ sofreu apenas uma pequena “redução” em seu submenu, mas a função continua a mesma:

Já no bloco ‘Configurações’ vamos dar um adeus:

Repare que não existe mais o menu ‘Diversos’. Porém suas opções não foram excluídas, mas sim transferidas para o menu ‘Mídia’.

E como estamos falando de configurações, olha que alteração curiosa dentro do menu ‘Geral’:

A referência foi modificada de Blog para site. Isso se deve ao fato do WordPress ter evoluído bastante nos últimos anos, de uma simples plataforma de blogs para um completo CMS construtor de sites, portais e até sistemas web completo.

Ajuda Aprimorada

No Painel do WordPress uma coisa que ficou incrível nessa nova versão é a sua ajuda. No topo de cada área de gerenciamento existe o botão ‘Ajuda’, que clicado exibe algumas informações úteis sobre aquela área específica. Veja a diferença de ‘Configurações -> Geral’:

Agora tudo está muito mais explicado que antes e dentro do próprio CMS, ou seja, não será mais necessário visitar o Codex para conhecer cada opção do WordPress.

Em nosso próximo artigo você conhecerá mais a fundo a área de gerenciamento de Ferramentas, Aparência e Plugins, além de algumas opções novas.

Qualquer dúvida, sugestão, crítica ou elogio poderá ser feito nos comentários.

Fiquem na paz e até a próxima.