Como instalar o XAMPP e o WordPress em Localhost

Este artigo faz parte de um livro sobre o WordPress, que comecei a escrever algum tempo atrás, porém acabei perdendo a motivação, portanto resolvi publicar aqui na íntegra a parte que tinha escrito. Trata-se de uma versão um pouco anterior do WordPress, porém ainda é válido.

Assuntos abordados neste artigo:

Instalação do XAMPP e WordPress em localhost ( no próprio computador). O XAMPP é um pacote de aplicativos que permite rodar um servidor web em seu computador, excelente para um ambiente de testes.

Como utilizar o editor de textos do WordPress, incluindo noções de categorias.

É um completo passo a passo, porém faltou muita coisa ainda… Mas mesmo assim, vale a pena ler.

O que é WordPress:  O WordPress é um dos mais populares CMS (Content Management System) ou em português, sistema de gerenciamento de conteúdo.

Foi inicialmente criado com o intuito de facilitar a criação de Blogs, e posteriormente, tornou-se tão popular, que devido a sua flexibilidade e facilitade em adicionar novos recursos, através dos chamados plugins (Entenda como, recursos adicionais), é hoje utilizado em muitos gêneros de sites, lojas virtuais, galerias de imagens, sites de downloads, etc.

Vale mencionar também, que é utilizado por gigantes como CNN, New York Times, entre muitos outros, sem esquecer, os demais milhões de usuários.

Requisitos de Sistema: WordPress é desenvolvido em PHP, e utiliza banco de dados MySQL. Não se preocupe se você não sabe o que são estas coisas ou apenas um deles. Nosso objetivo é lhe ensinar como lançar seu primeiro blog, usando wordpress, começando do nada até a inserção de anúncios publicitários como Google Adsense.  Aqui você aprenderá todos os passos necessários.

Explicarei inicialmente, como fazer a instalação em seu próprio computador, devido ao fato de ser mais rápido, por não depender da velocidade de sua conexão com a internet, e desta forma você não perderá tempo esperando páginas carregarem, como aconteceria se instalasse diretamente em um plano de hospedagem.

Chamamos este tipo de instalação de localhost. Você aprenderá como deixar seu blog totalmente funcional em seu computador, e posteriormente, como comprar um domínio, um plano de hospedagem, e como transferir seu blog de localhost, para a web, para que o mundo todo, tenha acesso, e você possa começar sua carreira, de blogueiro, rumo ao sucesso!

Desenvolver um instalar um CMS, em localhost, é ideal para testes, pois pode-se fazer alterações rapidamente. É uma forma muito utilizada desenvolvedores.

O que é preciso para rodar o WordPress em localhost?

Você precisará instalar um servidor Web em seu computador, para que possa instalar e configurar o WordPress. Calma, Calma. Não precisará fazer nenhuma alteração física na sua máquina, e nem arrancar os cabelos, pois não vai custar nada!

Um servidor WEB é um programa, que quando alguém tenta acessar um site na máquina, ele então responde enviando para o navegador do usuário, os arquivos da página solicitada. Um dos mais populares servidores web do mercado chama-se Apache, porém sozinho, ele não “entende” o WordPress, visto que o wordpress é desenvolvido em PHP, e usa banco de dados MySQL. Para facilitar então, vamos instalar um pacote, que contém tudo o que precisamos.

Vamos então instalar o XAMPP, que já tem tudo isso.  Todo este livro será focado no Windows, visto que é um livro para completos iniciantes, e o sistema da Microsoft é o mais utilizado por usuários comuns.

Agora então é sério. Vamos separar através de passos, até a conclusão da instalação:

1º Passo – Baixando e instalando o XAMPP no Windows

O XAMPP é totalmente grátis, e pode ser baixado em http://www.apachefriends.org/en/xampp-windows.html  A versão atual é a 1.7.4. Se não quiser digitar esta url enorme em seu navegador, basta pesquisar no Google por Download XAMPP Windows, e o primeiro resultado deverá ser o que você procura.

Fig. 01 – Link de Download do XAMPP

Localize então o link Installer, como na Fig. 01, e clique para fazer o Download. Abrirá uma outra página, e em instantes deverá aparecer uma mensagem perguntando se deseja fazer o Download (Fig. 02). Clique em Salvar (Download feito utilizando o navegador Google Chrome. O metodo pode mudar pouca coisa em outros navegadores).

Fig. 02 – Confirmação de Download

E pelo amor de Deus, utilize um navegador recente e atualizado. Se você ainda utiliza Windows XP, é bem provável que ainda utilize Internet Explorer 6. Ele é horrível, muitos sites não funcionam  bem com ele mais, pois é ultrapassado. Use no mínimo Internet Explorer 9, Firefox, ou ainda melhor o Google Chrome.

Após o Download concluído, execute o instalador (Dê dois cliques em cima do nome do Download).

Se você usa Windows Vista ou 7, 64bits, pode aparecer a janelinha abaixo:

Fig. 3 – Erro no Windows 7 64bits

Simplesmente clique Ok, ignorando-a, assim como ignora sua sogra.

Clique em Next na primeira janela que aparecerá, e a próxima é a Fig. 04:

Fig. 04 – Instação do XAMPP – Escolhendo o Diretório.

Nela você deve escolher o local de instalação do XAMPP. Para que você entenda melhor posteriormente as explicações, instale em C:\xampp,  onde C: é a letra da sua unidade de disco. Se em Destination Folder aparecer c:\data\xampp\, mude para simplesmente c:\xampp.

Fig. 05 – Opções de instalação do XAMPP

A seguir, deixe como está na imagem acima (Fig. 05), e clique em install para fazer a instalação!

Fig. 06 – Instalando XAMPP

Após a barrinha chegar ao fim (Fig. 06), se abrir uma janelinha preta, como abaixo, simplesmente aguarde. Não a feche.

Fig. 07 – Janelinha Preta

Ela fechará automaticamente, e após isso, vai aparecer o Botão Finish, no instalador do XAMPP. Clique nele, e então uma outra janelinha, perguntará se você deseja executar o XAMPP Control. Clique Yes (Sim).

Talvez apareça uma mensagem de erro, conforme a Fig. 08. Isto acontece, se seu sistema operacional for o Windows 7 64bits.

Fig. 08 – Erro no Windows 7 64bits

Se tal erro aparecer, será necessário alguns procedimentos adicionais, em italico abaixo:

Dê dois cliques no ícone do XAMPP na traybar  para abrir a janelinha do XAMPP Control Panel. Clique então no botão exit, para fechá-lo, pois o mesmo não será utilizado, neste caso.

Abra o Windows Explorer, e vá até C:\xampp\ e dê dois cliques sobre xampp_start.exe para inciá-lo. Para fechar o XAMPP você utilizará então o xampp_stop.exe. De preferência, clique com o botão direito, sobre cada um destes executáveis, e escolha Enviar Para >> Área de Trabalho (Criar Atalho), para que desta forma, quando você quiser abrir ou fechar o XAMPP, não precise ficar indo até C:\xampp.

Agora, se tal erro não apareceu:

Clique então no ícone, do XAMPP na traybar para abrir a janelinha da Fig. 09:

Fig. 09 – XAMPP Control Panel

Em seguida, clique em Start na frente de Apache, e em Start na frente de MySQL. Ambos os botões mudarão então para Running, e aparecerá o botão stop. Pronto. O XAMPP iniciou!

Lembramos também que após a instalação concluída, foi adicionado um atalho chamado XAMPP Control Panel na sua Área de Trabalho. Se não apareceu tal erro mencionado anteriormente para você, poderá executar o XAMPP através de tal atalho, posteriormente, após reiniciar seu computador por exemplo.

Agora que o XAMPP já está instalado, digite no seu navegador http://localhost e veja o que acontece.

Vai abrir uma página, como se você estivesse em um site… É a página inicial do XAMPP.

2º Passo – Baixando e instalando a última versão do WordPress!

O WordPress é atualizado recentemente, pois sempre é adicionado novos recursos, correções de bugs, etc, portanto não há como prevermos, a versão atual, neste momento que você está lendo, porém no momento em que estamos escrevendo, é a 3.1 a mais recente.

Mas não se preocupe se não for a mesma. O processo de instalação dificilmente estará diferente.

Acesse o seguinte endereço, http://br.wordpress.org/ e clique no botão abaixo, para fazer o Download do WordPress em português do Brasil. Para a versão em português de Portugal o endereço é http://pt.wordpress.org

Fig. 10 – Download WordPress

Após o download concluído de dois cliques sobre o nome do arquivo, para abrir. Se você possui algum programa em seu computador, associado a arquivos zip. então tal arquivo abrirá nele. Eu tenho por exemplo o WinRARinstalado, que é muito bom por sinal, e descompacta arquivos ZIP, RAR, etc.

Basta então extrair a pasta wordpress contido no arquivo para C:\xampp\htdocs\

No caso do Winrar, é só clicar em Extrair Para, e na janelinha que se abre então escolher C:\xampp\htdocs\  (Fig. 11), e clicar OK

Fig. 11  - Extraindo wordpress no Winrar

Agora, se você não possui nenhum programa instalado, que abra arquivos zip, ele abrirá como se fosse uma pasta qualquer.

Clique então com o botão direito em cima de wordpress, e selecione copiar.

A seguir, pelo Windows Explorer, navegue até C:\xampp\htdocs, clique com o botão direito na área branca, e selecione “Colar”, conforme na figura 12!

Fig. 12 – Colando WordPress

Se você fez certinho, agora, ao digitar http://localhost/wordpress/ ja deverá abrir a primeira página de instalação dele. Mas calma. Não faça nada ainda.

Ao invés disso digite http://localhost/phpmyadmin/

O phpMyAmin, é o gerenciador de banco de dados do MySQL. Através dele, você pode criar novos bancos de dados, importar, exportar, porém como este livro não trata-se de detalharmos o uso do phpmyadmin, então limitaremos apenas ao essencial, para a criação de seu blog em WordPress!

Fig. 13 – Criando um banco de dados no PhpMyadmin

No phpmyadmin, em Criar novo Banco de Dados, digite o nome wordpress (minúsculas), e clique em criar. Você receberá a seguir a mensagem: Banco de dados wordpress foi criado. Lembramos que “wordpress” que você digitou, é o nome do banco de dados criado!

Agora sim, você pode voltar novamente ao http://localhost/wordpress e clicar em Criar um Arquivo de Configuração (Fig. 14)

Fig. 14 – Instalação do WordPress

Recomendo que leia atentamente todas as instruções apresentadas, para que você entenda o porque e para que servem tais informações que você está preenchendo.

Na página seguinte clique em Vamos Lá, para ir para a página mostrada na figura 15.

Fig. 15 – Informações sobre o banco de dados

Nesta página, preencha os dados conforme acima. Em nome do Banco de Dados, coloque o nome que você deu ao banco de dados, conforme na figura 13, mostrada anteriormente. Em Nome de usuário, coloque o nome do usuário do banco de dados, que no nosso caso, por padrão é root, e Senha, deixe em branco, pois nosso usuário root, não possui senha. E, Servidor do Banco de Dados deixe como está, “localhost”. Prefixo das tabelas deixe também como está, pois não há necessidade de alterá-lo, a não ser que realmente entenda o que está fazendo. Nos próximos capítulos, explicaremos como instalar o WordPress, direto em um plano de hospedagem, e então explicaremos melhor esta etapa da instalação. Na instalação em localhost, não há muito o que explicar nesta etapa.

Clique então no botão em Enviar, e na próxima página, em Começar a Instalação, para ir para a página seguinte (Fig. 16).

Fig. 16 – Informações sobre o Blog

Na página, conforme mostrada na figura 16, será necessário preencher os dados sobre seu Blog, como o título, nome de usuário, que usará para acessar o painel de administração do seu blog, sua senha, e seu endereço de e-mail. Tenha certeza de preencher um endereço de e-mail válido…

As informaçõe acima, exceto nome de usuário, você poderá alterar posteriormente, então não encane, em ficar pensando por exemplo sobre o que será seu blog. Se não tiver nenhuma idéia em mente agora, coloque “Meu Primeiro Blog”, como título.

Escolha uma senha segura, e de preferência, mude também o nome do usuário para outro, ao invés de admin. Leia também as instruções da página, para entender melhor o que está fazendo.

Deixe marcada a opção Permitir que meu site apareça em mecanismos de busca… pois quando seu site estiver publicado na web, isto será importante para conseguir visitas!

Clique então em Instalar WordPress, para prosseguir com a instalação!

Fig. 17 – Sucesso na instalação!

Após a instalação ser concluída com sucesso, clique em Login (Fig. 17), para ser direcionado a página de login do WordPress (Fig. 18).

Preencha então seus dados de login e senha, escolhidos anteriormente e clique em Login para entrar. Lembramos que, para acessar o painel de administração do WordPress, bastará digitar no seu navegador, http://url_do_blog/wp-admin. No nosso caso, url do blog é localhost, atualmente.

Fig. 18 – Efetuando Login

Você estará então dentro da sua página de administração do WordPress (Fig. 19).

Fig. 19 – Página de administração do WordPress

A partir de agora, ao acessar em seu navegador http://localhost/wordpress você terá acesso a página incial do seu blog (Fig. 20)

Fig. 20 – Página inicial do blog

É bem provável que você vai achar feia sua home page, e realmente é. Infelizmente isto é algo sem explicação. O porque de os criadores do WordPress, incluírem um tema tão simples, sendo que existem tantos outros, maravilhosos e agradáveis.

Tema, se você desconhece, um bôm sinônimo é “aparência”. Existem milhares deles, que você poderá instalar para deixar seu blog, como desejar.  Vamos explicar isto mais adiante em um próximo capítulo!

Capítulo 2 – Criando e Gerenciando Posts

Neste segundo capítulo, abordaremos as seguintes opções da sessão Posts, conforme a figura 21.

• Posts
• Adicionar Novo
• Categorias
• Tags

Fig. 21 – Posts

Para que “Posts” se expanda, e fique conforme a fig. 21, basta clicar sobre a setinha ao lado, ou clicar sobre Posts.

Vamos agora então a cada uma das opções!

Posts - Um post pode ser um texto sobre um assunto qualquer, um artigo, não importa a quantidade de palavras. Nesta página, são listados todos os posts, e você tem acesso a uma série de ações sobre os posts, como editar, enviar para a lixeira, etc. (Fig. 22). Como ainda temos apenas um post, de demostração, não há muito o que mostrar nesta página. Então vamos para a próxima, e depois voltamos aqui.

Fig. 22 – Listagem de Posts

Adicionar Novo - É nesta página que você escreverá os posts do seu Blog. Podemos dizer, que será a página do painel de administração, que você mais utilizará.

Se você ainda não clicou nesta página, clique e então terá acesso a página, como mostra a Figura 23

Fig. 23 – Página adicionar Novo

Repare que no topo da página, você encontra um campo, logo abaixo de Adicionar Novo Post. Trata-se do campo Título, e é nele que você digitará o título do seu pos/artigo.

Vamos supor que você deseja escrever sobre este livro, então poderia colocar como título algo assim: Livro Meu Primeiro Blog (Fig. 24).

Fig. 24 – Adicionando um título a seu post

Repare, que após digitar o título, e clicar fora, como por exemplo na área cinza, ou no campo mais abaixo (Onde você digitará o post), deverá, aparecer logo abaixo do título, o Link Permanente, informando como será a url do seu post. Ela é algo como http://endereço_do_blog/?p=xx, onde xx é a ID do post.

Note também o botão Alterar Links Permanentes, que lhe levará a uma página de configuração, onde você poderá alterar, para que a url do seu post, seja algo como http://endereço_do_blog/livro-meu-primeiro-blog. Porém vamos pular esta parte por enquanto, e focar na criação do seu primeiro post. Nos próximos capítulos explicaremos como alterar os links permanentes, e qual a importância de o fazer.

Fig. 25 – Corpo do Post

Logo abaixo, do campo título, temos então, uma textarea, que é uma área de texto, de diversas linhas. É nesta área que você irá digitar todo o conteúdo do seu artigo. Repare na figura 25.

Escreva então um pequeno texto. Escrevemos acima, algo sobre este livro, para servir como um exemplo. Repare acima, a frente de Upload/Inserir, que há diversos ícones, que são Adicionar uma imagem, adicionar vídeo, adicionar áudio e adicionar mídia, exatamente nesta ordem. Passe o mouse sobre cada um dos ícones para ver a descrição… Realmente, nunca senti a necessidade, de utilizar as outras opções, além da “Adicionar uma imagem”

Abordaremos primeiro a formatação do seu texto, e a seguir, então, como inserir imagens e etc.

Recursos da Página, Adicionar Novo

A formatação de texto, funciona da mesma forma, que nos editores de texto mais conhecidos como Microsfot Word, Wordpad, e OpenOffice Writer. Ou seja, é só selecionar o texto e clicar na opção desejada, conforme a figura 26.

É muito simples. Você clica e arrasta, o cursor sobre o texto que deseja alterar. Uma vez selecionado, basta clicar sobre as opções desejadas. Ao clicar no [B] por exemplo, deixará o texto selecionado em negrito, o [I], deixará em itálico, e o [ABC] riscado, traça uma linha em cima do texto.

Fig. 26 – Texto em negrito no WordPress

  Transforma os parágrafos, selecionados em listas:

• Tal como esta linha.

 Faz praticamente a mesma coisa que a opção anterior, porém numera cada um em ordem crescente.

1. Parágrafo 1
2. Parágrafo 2

Lembramos que, cada parágrafo, vem a ser um numero de linhas, uma linha em branco, e então mais uma série de linhas.

 Coloca o parágrafo selecionado, em destaque, como a figura 27.

Fig. 27 – Texto em destaque

Note também os botões, alinhar a esquerda, a direira, ou centralizar.

Para fazer qualquer uma das alterações, simplesmente, pressione CTRL+Z. Para refazer CTRL+Y

Fig. 28 – Demais ícones

A figura 18 mostra, diversos outros ícones. Para facilitar, tanto na explicação e poupar algumas linhas, enumerei, cada um deles.

1 – Inserir Link - Esta opção, adiciona ao texto selecionado, uma ligação a página desejada. Exemplificando melhor: Vamos supor, que você acessou o site scrapee.net, e gostou muito, e deseja fazer com que seus leitores, fiquem sabendo de tal site. Você poderia simplesmente criar um post, sobre tal site. Mas seria muito melhor se você adicionasse um link para ele. Quando então seus visitantes clicarem no link, serão diretamente enviados aoscrapee.net.

Adicionar um link a seu texto, é bem simples. Veja o exemplo abaixo (Fig. 29):

Fig. 29 – Adicionando um link

No exemplo, simplemente selecionamos a parte do texto que desejamos transformar em link, no caso preferi “Clique Aqui”, e clico no botão de Inserir Link. Abre-se então, uma janelinha, conforme na figura 29.

Em URL, insira a url para a página que deseja linkar, no caso, deverá ficar assim: http://www.scrapee.net.

Título, é o nome, ou frase que aparecerá, quando o usuário passar o mouse em cima do link, ou seja, é uma descrição do link. Ex: “Montagem de Fotos”.

A caixa de seleção “Abrir link em uma nova janela/aba”, caso não selecionada, quando alguém clicar no link, a página apontada, abrirá na mesma aba/janela que você está. Ou seja, ou o usuário sairá do seu blog, a menos que pressione a tecla SHIFT, antes de clicar.

A menos que seja uma página interna do seu blog, recomendamos deixar marcada tal opção.

Ao clicar em Adicionar Link, o mesmo será adicionado então.

_________________________________________________________________

Caso queira adicionar um link para uma página interna do seu blog, a versão atual do WordPress facilitou as coisas. Basta clicar em “Ou link para conteúdo existente”, e será extendida a caixinha, e mostrado o conteúdo da figura 30.

Basta então, selecionar o artigo ou página desejada, ou digitar em pesquisar, o que você procura.

Fig. 30 – Link para conteúdo existente

2 – Remover Link

Após criado um link, para removê-lo, basta clicar sobre o link, e em seguida, no botão 2 (Fig. 28).

Para apenas alterar um link existente, clique no link, e clique em seguida no botão 2, da figura 28.

3 – Tag Mais -  Este botão serve para dividir seu texto, e dificilmente você o utilizará. Alguns temas (templates, layouts, aparência), nem mesmo possuem suporte a ele. Esta opção você vai utilizar, se deseja por exemplo, que na página inicial do seu blog, apareça, apenas um certo pedaço do artigo/post, sendo assim necessário o usuário clicar em Ler Mais… para ter acesso ao resto to texto. Isto também dependerá de outras configurações, que serão explicadas mais adiante, para funcionar. Para adicionar esta opção, clique em em alguma linha branca do seu texto, ou no início ou final de um parágrafo, e clique então no botão Tag Mais.

4 – Corretor Ortográfico - O corretor ortográfico, lhe ajuda a evitar erros de escrita, e está disponível em diversos idiomas. Porém não vamos explicá-lo, pelo menos não agora, pois como o blog está instalado em localhost (no seu próprio computador), você precisaria alterar algumas configurações do PHP, para que o corretor funcionasse. Isto seria alterar um arquivo que vem junto com o XAMP, e reiniciá-lo. Assim que transferir seu blog para para um plano de hospedagem, que explicaremos mais adiante, como assinar, explicaremos como funciona o corretor.

Uma outra solução, mais eficiente e rápida, que o corretor ortográfico do WordPress, seria utilizar o navegador Google Chrome do Google, que já vem com corretor incluído.

5 – Tela Inteira - Deixa sua área edição, maior, ocultando as demais áreas do painel de administração.

6 – Opções avançadas - Este botão, mostrará uma série de outras opções mais avançadas, conforme figura 31.

Fig. 31 – Opções Avançadas

7 – Formato - Altera o texto selecionado para alguns outros formatos. Muito útil, quando você deseja destacar alguma coisa, especialmente “Cabeçalho 1“, que adiciona um h1, que é um código html. Para os buscadores, o uso do h1 é muito importante, e o que está como h1, eles entendem como que o blog está destacando aquela parte. Pode ser utilizado em subtítulos.

_________________________________________________________________

8 – Sublinhado - Sublinha o texto selecionado. É uma das formas de se dar algum destaque ao que você deseja.

9 – Justificar - Ajusta o texto selecionado para que não fique linhas maiores, e linhas menores. Dá um visual mais profissional em seu texto. É amplamente utilizado pelas mídias impressas.

10 – Alterar cor do texto - Altera a cor das letras selecionas. Consenho de quem têm experiência: Jamais transforme seus textos em uma salada de cores. É péssimo para quem lê, e passa uma imagem nada profissional.

Use para os textos sempre preto, e no máximo coloque em outras cores, algumas coisas em destaque.

11 – Colar texto Simples - Cola um texto copiado, sem qualquer formatação.

12 – Colar texto formatado - Cola um texto utilizando os tamanhos originais, de onde você copiou!

13 – Remover Formatação - Remove toda e qualquer formatação do texto selecionado.

14 – Inserir Caracteres - Permite inserir uma série de caracteres, que não estão presentes nos teclados.

15 – Diminuir Recuo - Faz o inverso do próximo botão, aumentar recuo.

16 - Aumentar Recuo - Distancia o texto selecionado da margem esquerda.

17 – Desfazer - Desfaz as últimas alterações feitas. O mesmo que CTRL+Z

18 – Refazer - Refaz as últimas alterações desfeitas. O mesmo que CTRL+Y.

19 – Ajuda - Algumas informações sobre como utilizar o editor do WordPress!

Teclas de atalho do editor do WordPress

Em vez de usar o mouse para clicar na barra de ferramentas, use as teclas de atalho. Em Windows e Linux use Ctrl+letra. Em Macintosh use Command+letra.

Os seguintes atalhos usam teclas de acesso diferentes: Alt + Shift + letra.

Categorias

Em todo blog, a categorização dos posts, é muito importante. Categorizar é organizar, desta forma você pode facilitar a navegação, para que seus leitores, possam acessar por exemplo, apenas conteúdo de seu interesse. Funciona como se fossem pastas. Poderíamos ter por exemplo, as seguintes categorias, em um blog  sobre lugares do Brasil.

1. Paraná
2. São Paulo
3. Rio de Janeiro
4. Bahia
5. Santa Catarina
6. e assim por diante…

Este é apenas um exemplo. Recomendamos não criar muitas categorias, pois poderá também ficar confuso para o usuário.

É possível também, no WordPress, a criação de subcategorias. Uma subcategoria, é uma categoria dentro de outra. Como se fosse uma pasta dentro de outra, da seguinte forma:

1.   Paraná

• Curitiba
• Londrina
• Maringá

2.   São Paulo

·         Campinas

·         São Paulo – Capital

·         Santos

Alguns temas, possuem suporte a subcategorias, com menus drop-down¹ (Fig. 32), ou outros formatos, enquanto outros temas mais simples, não suportam, sendo necessário então encontrar, ou criar o tema adequado.

Fig. 32 – Exemplo de um menu drop-down

1 – Um menu Drop-Down, é uma espécie de menu, que quando, você passa o mouse sobre uma da opção, o mesmo se estende, mostrando diversas outras! É muito útil e utilizado, em blogs/sites com grande número de categorias.

Categorizando seu post no WordPress

Categorizar um post no WordPress é uma tarefa muito simples, assim como seu uso. Como estamos ainda na página “Adicionar Novo”, explicaremos como categorizar o post que você está fazendo!

Fig. 33 – Categorias WordPress

Ao lado direto do seu monitor, você terá a área Categorias, conforme mostrado na figura 33, exceto, a parte abaixo de “+Adicionar Nova Categoria“.

Ao clicar na aba Mais usadas, serão mostradas as categorias, por ordem de utilização, ou seja, as com mais posts, serão listadas primeiro.

Ao clicar em +Adicionar Nova Categoria, você poderá então criar uma ou mais categorias, sem sair da página Adicionar Novo.

Para criar uma nova categoria, acompanhe a figura 33.

1. Clique em Adicionar Nova Categoria
2. Digite um nome para a categoria: Ex: Livros
3. Clique em Adicionar Nova Categoria

Ao clicar então na opção 3, para adicionar a categoria, a mesma será a dicionada acima:

Fig. 33 – Categoria criada!

Você pode então escolher uma ou mais categorias para o post.

Adicionando uma Sub-Categoria:

Adicionar uma subcategoria, é também tão simples quando uma categoria. Basta para isto, escolher em “Categoria mãe”, uma categoria já adicionada. Exemplo: Após ter criado a categoria Livros, para adicionar a categoria Ação dentro dela por exemplo, basta selecionar Livros no menu Categoria Mãe, e então clicar em Adicionar Nova Categoria. O resultado é a figura 34.

Fig. 34 – Subcategoria

Tags. O que são e para que servem!

Tags servem também para categorizar seus posts. São pequenas palavras relacionadas com o conteúdo do seu texto.

Como nosso primeiro texto é falando sobre este livro, por exemplo, poderíamos colocar como tags as seguintes palavras “Livro, WordPress,Blog,Blogueiro” (Fig. 35).

Fig. 35 – Adicionando Tags

Para adicionar então as tags escolhidas, clique em Adicionar. Se deseja escolher entre as tags mais utilizadas, clique em Escolha entre as tags mais usadas. Atualmente não possuímos nenhuma.

Imagem Destacada

Nesta opção, você pode adicionar uma imagem para ficar como destaque em seu post. Como ainda não explicamos como fazer upload de uma imagem para seu post, vamos pular esta parte, e trataremos disto posteriormente.

Formatos

Formatos provavelmente não terá a mínima utilizada para você, e portando não explicaremos como utilizar, visto que sai do escopo deste livro, por se tratar de uma opção para usuários um pouco mais avançados, mas servem para permitir que você tenha por exemplo um modelo de página, para posts, um para galerias, e outro para notas. É algo que depende do tempo utilizado também.

Fig. 36 – Formatos

Ficamos por aqui. Quem sabe em um futuro próximo podemos continuar o tutorial!