Você está aqui: Home

Artigos Recentes do Blog

  • Como Mudar permissões de arquivos e pastas no Windows
  • Sites para Comprar Livro Online
  • Dicas para ter seus Comentários Aprovados em Sites e Blogs
  • Como Fazer Divulgação automatizada em Grupos do Facebook
  • Script Loja Virtual Grátis
  • Incrementar Número em um texto e por Zero à Esquerda com PHP

Fazer Site

Foi-se o tempo em que era necessário dominar várias técnicas e ter um conhecimento quase exotérico sobre HTML, css, programação web e banco de dados, para de fato poder criar um site bonito e funcional. Hoje em dia, para criar um site profissional, tudo que você precisa é saber algumas coisas simples, quais programas utilizar, como utilizá-los e pronto, em questão de minutos você conseguirá criar um site, publicá-lo e torná-lo acessível para qualquer um em qualquer lugar do mundo.

Neste site vou te ensinar como Criar Sites gerenciáveis (com painel de administração), sem precisar programar uma linha de código e sem precisar entender de HTML, css, banco de dados, etc.

Este conteúdo pode ser muito útil para profissionais que já estão aí no mercado, pois dentre estes, muitos desconhecem as informações que vou passar neste site. Com estas informações, mesmo um profissional web, poderá acelerar bruscamente o processo de criação de sites, conseguindo assim reduzir seu preço e tornar-se mais competitivo no mercado web, que é um mercado cada vez mais concorrido.

Ainda neste site, além de te ensinar a criar seu site gerenciável de forma fácil, também vou te mostrar como registrar um domínio para seu site e como hospedá-lo, para que ele fique acessível para todo e qualquer usuário.

Neste site vou disponibilizar também vários temas, templates, imagens, sistemas web, etc, para poder utilizar em seus projetos de criação de site.

Fazer Site com WordPress

A plataforma WordPress permite você criar sites facilmente, e o melhor, com painel de gerenciamento. Neste livro vou te mostrar como criar um site com o WordPress passo a passo, mas antes, vamos entender um pouco o que é o WordPress.

O WordPress é um CMS (Gerenciador de Conteúdo) gratuito. Você pode baixar o WordPress diretamente no site do projeto, que é: http://br.wordpress.org/

No site do WordPress, clique sobre o botão “Faça o Download do WordPress”. Veja a imagem abaixo:

fazer site WordPress

Fazer Site: Instalar WordPress Localmente

Uma boa idéia para visualizar a aprender mais sobre o WordPress é instalá-lo localmente (no teu próprio computador). Para poder rodar o WordPress localmente, você vai precisar de um programa que simule um servidor web, neste caso eu te indico o Wampserver. Você pode baixar o Wampserver gratuitamente no url: http://www.wampserver.com/en/

No site do Wampserver, basta clicar no menu Download, depois clique sobre a versão compatível com o teu sistema operacional e baixe o executável. Após baixá-lo, instale-o em teu computador e execute o aplicativo. Uma vez que o aplicativo estiver instalado e operante, você verá um ícone na tua barra de tarefas. Veja a imagem abaixo:

fazer site Wamp

Se você utilizou as configurações padrões durante a instalação do Wampserver, o aplicativo deve ter criado uma pasta chamada WWW no diretório c:\wamp\www Nesta pasta é onde você deve instalar o teu site, e é onde iremos instalar o WordPress. Se ainda não descompactou o pacote do WordPress, descompacte-o e envie todos os arquivos que estão dentro da pasta WordPress para dentro da pasta c:\wamp\www. Atenção, não envie a pasta WordPress, mas somente os arquivos que estão dentro dela.

Agora você precisa configurar o banco de dados, para isso, abra seu navegador web favorito e digite na barra de endereço: http://localhost/phpmyadmin , note que o endereço localhost é um endereço que redireciona pro teu próprio computador. O phpmyadmin é um software de gerenciamento de banco de dados, ele vem junto com o Wampserver e permite a você criar bancos de dados. Na página do PHPMyAdmin, o primeiro passo é criar um banco. Veja a imagem abaixo:

fazer site PHPmyadmin

Digite um nome para o banco e depois clique no botão Criar. Para exemplo vou criar aqui um banco chamado bancosite.

Agora que você já criou o banco, pode fechar o PHPMyadmin. Volte para a pasta WWW, onde deveriam estar os arquivos do WordPress, procure pelo arquivo wp-config-sample.php e renomeie-o para wp-config.php. Se você não sabe como, para renomear um arquivo basta clicar com o botão direito do mouse sobre ele, escolher a opção renomear e digitar o novo nome.

Agora com o arquivo renomeado, abra-o no bloco de notas do Windows e modifique os valores das variáveis abaixo:

  1. define(‘DB_NAME’, ‘bancosite’);
  2.  
  3. /** MySQL database username */
  4. define(‘DB_USER’, ‘root’);
  5.  
  6. /** MySQL database password */
  7. define(‘DB_PASSWORD’, );
define('DB_NAME', 'bancosite');

/** MySQL database username */
define('DB_USER', 'root');

/** MySQL database password */
define('DB_PASSWORD', '');

No caso, DB_NAME possui o valor ‘bancosiste’, pois foi este o nome do banco que eu criei. DB_USER possui o valor ‘root’, pois é o usuário padrão que já vem com o Wampserver. DB_PASSWORD possui o valor vazio ‘’, pois o Wampserver vem configurado com esta senha vazia, ou sem senha.

Feito isso, salve o arquivo wp-config.php e feche-o. Agora, acesse o endereço http://localhost no teu navegador web. Se tudo ocorreu conforme o esperado, você verá a seguinte tela de configuração:

fazer site instalar WordPress

Nesta tela, coloque um título para o site no campo Título do site. Informe um nome de usuário e uma senha, mais abaixo coloque também o teu email e clique no botão Instalar WordPress. Note que este nome de usuário e senha serão usados por você para você acessar o painel de gerenciamento do site, então anote-os e guarde-os em local seguro.

Após clicar no botão Instalar, aguarde alguns segundos e pronto, você já terá um site padrão pronto para uso. Não acredita? Acesse novamente o endereço http://localhost. Veja como apareceu aqui no seu computador:

instalar site WordPress

Este site que é instalado por padrão é um tema que já vem junto com o WordPress. Mais à frente veremos como você faz para criar e modificar o visual do site. Continue lendo…

Fazer Site: Modificar Visual

No capítulo 2, mostrei a você como é muito fácil criar um site com painel de gerenciamento – fique tranqüilo que irei te mostrar mais à frente neste livro como gerenciar o conteúdo do site – e neste capítulo vou te mostrar como modificar o visual do site. Bem, o WordPress trabalha com temas, ou seja, basta você alterar o tema que o visual é modificado automaticamente.

Os temas funcionam da seguinte forma: Você com a pasta do tema em seu computador, basta colocá-la no diretório wp-content/themes/, após isso basta acessar o painel de controle do site e modificar o tema. Vou te mostrar como fazer isso passo a passo mas antes vejamos como encontrar temas WordPress.

a) Você pode criar temas WordPress utilizando algum gerador de temas, eu indico o Artisteer. Com o artisteer, você gera temas lindos apenas clicando em botões. Veja mais detalhes sobre o Artisteer no url: http://fazer-site.net/criador-de-tema-wordpress-artisteer/

b) Você pode baixar temas gratuitos da internet, veja uma lista de sites que possuem temas gratuitos:

- http://wordpress.org/extend/themes/

Procure no Google por “Free WordPress Themes” para encontrar mais site de temas gratuitos que estão disponíveis na internet.

c) Você pode comprar temas de empresas profissionais especializadas na criação de temas. Te indico as seguintes empresas:

- http://melhor.ws/go/elegantthemes
- http://melhor.ws/go/themeforest
- http://sitescript.com.br/
- http://melhor.ws/go/classipress
- http://melhor.ws/go/artisteer

Após baixar o tema desejado para seu computador, envie a pasta do tema para o diretório c:\wamp\wp-content\themes, após isso faça login no painel do WordPress, isso pode ser feito através do link http://localhost/wp-admin

Note que o usuário e a senha são aqueles que você informou durante a instalação do WordPress. Entre com o usuário e senha que você configurou, navegue até a seção Aparência e clique na opção Temas. Nessa tela você verá uma imagem do novo tema que você enviou para o diretório de temas e logo baixo dele haverá o botão “Ativar”, clique sobre este botão para ativar o novo tema. Veja a imagem abaixo:

fazer site

Após ativar o novo tema, acesse novamente a página de entrada do site e verás que o layout foi modificado completamente. Veja como ficou aqui no meu computador:

site facil

Fazer Site: Painel de Gerenciamento

Como dito antes, para acessar o painel de gerenciamento você deve digitar no seu navegador web o endereço: http://localhost/wp-admin
O painel de gerenciamento possui várias seções, veja abaixo para que serve cada uma delas:

a) Posts: Permite você criar conteúdo novo para o site. Útil principalmente para sites do tipo blog, onde o usuário alimenta o mesmo com novos conteúdos. Se você for criar um site do tipo site de empresa padrão, poderá simplesmente ignorar a seção posts e utilizar apenas a seção páginas, onde você poderá criar as páginas do site da empresa facilmente. A vantagem de se trabalhar com posts é que você pode definir uma ou mais categorias para cada post. Por exemplo, se você estiver criando um site para uma loja de instrumentos musicais, poderia criar as categorias: Instrumentos de Sopro, Instrumentos de Percussão, Instrumentos de Corda, etc, e criar posts para cada produto, marcando-o na devida categoria durante a criação do post. Com isso, quando um usuário clicar na categoria específica, todos os posts daquela categoria serão exibidos para ele.

fazer site com painel de gerenciamento

Na seção Posts você terá os seguintes links:

- Todos os Posts: Lista todos os posts já criados, permitindo assim você editar ou mesmo excluir qualquer post
- Adicionar Novo: Permite você adicionar um novo Post. Na página de criação de post, para criar um novo post é muito simples, basta informar um título, logo abaixo você pode colocar um descritivo, ao lado direito tem a caixa das categorias para você marcar a categoria do post que está sendo criado, e na lateral direita no topo, tem o botão de criação “Publicar”. Veja imagem:

como fazer um site

Na imagem acima, a seta aponta para um ícone de upload, clique sobre ele para adicionar alguma imagem de seu computador no post que você está criando. Após clicar neste botãozinho, você poderá adicionar uma imagem: ou do seu computador (upload), de um site externo, ou da galeria (imagens que você já fez upload). Veja abaixo as três opções de que tenho lhe falado:

como fazer site

- Categorias: Permite você criar, editar ou excluir as categorias do site.
- Tags: Permite você criar tags. Para quem é iniciante, aconselho a não usar tags.
b) Mídia: Seção que permite você adicionar novo conteúdo de mídia (imagens, vídeos, etc) para a biblioteca do site. As opções são:
- Adicionar Nova: Para adicionar novas mídias para seu computador
- Biblioteca: Lista todas as mídias existentes, permitindo você editá-las ou excluí-las.
Note que tudo que você enviar para a biblioteca ficará disponível para uso através do link “Arquivos de Mídia” na página de criação de post e páginas, conforme eu lhe mostrei acima.
c) Links: Permite você gerenciar Links. Estes Links poderão ser exibidos no teu site através da widget Links. Veremos mais sobre isso à frente.

d) Páginas: Seção para criação de páginas do site. Como por exemplo, “Fale Conosco”, “Contato”, “Quem Somos”, etc.

e) Comentários: Permite você gerenciar comentários. Note que você pode ativar ou desativar comentários na página do post ou artigo, isso você controla marcando ou desmarcando a opções comentários. Para visualizar estas opções e todas as demais possíveis, volte na página de criação ou edição de posts ou páginas, no topo da tela a direita, clique sobre “Opções de Tela” e marque a caixa Discussão: Veja imagem abaixo:

como criar site

Após marcar a caixa discussão, abaixo da caixa de texto principal aparecerá mais duas opções: Veja abaixo:

criar site

Para proibir comentários em páginas ou posts, basta desmarcar a opção “Permitir Comentários” e atualizar o post ou página.
f) Aparência: Na seção aparência, temos os seguintes links:
- Temas: Como eu disse antes, permite você alternar entre os temas existentes no diretório de temas: wp-content/themes

- Widgets: Permite você exibir caixas com informações diversas no teu site. Veja a imagem abaixo, comento depois:

criar site gratis

À direita, você visualiza as áreas do site que permitem widgets e a esquerda você visualiza os widgets disponíveis. Para que um widget seja exibido no site, basta clicar sobre ele, segurar clicado e arrastá-lo para direita, soltando-o dentro de um sidebar. No meu caso aqui, existem 2 sidebars disponíveis. Por exemplo, para exibir todas as categorias que você criou na seção categorias, basta arrastar o widget categorias para dentro de um sidebar disponível.

Após ativar seus widgets preferidos, volte à entrada do site e visualize como ficou. Para desativar um widget, clique na setinha que fica do lado dele, isso fará o widget expandir-se, será então exibido um Link “Excluir”, clique sobre ele para desativar o respectivo widget.
Note que o WordPress possui vários widgets interessantes, como:
* Pesquisar: Permite você inserir um formulário de busca em seu site. Ele irá buscar tanto por posts quanto por categorias.
* Categorias: Exibe as categorias que você criou.
* Páginas: Exibe as páginas que você criou
* Tópicos Recentes: Exibe os posts mais recentes que você criou
* Texto: Permite você inserir qualquer texto, e também banners. No caso, quando o anunciante te enviar o código do banner, basta arrastar o widget texto para o sidebar, depois clica sobre a seta para expandir as opções e no campo de texto coloque o código. Após isso salve e pronto, o banner já será exibido em seu site.

Existem vários outros widgets, para conhecê-los, vá adicionando um por um e visualizando o resultado final na página de entrada do site.
- Menus: permite você personalizar os Menus do site. Quem tiver interesse em aprofundar-se sobre este tema, sugiro este artigo que criei no Profissionais Web: http://fazer-site.net/menus-customizados-wordpress/
- Editor: permite a edição de arquivos dos temas, não é indicado modificar nada aqui, a não ser que você saiba bem o que está fazendo.

g) Plugins: Plugins são scripts que você pode instalar facilmente no WordPress para que eles executem funções específicas. Existem vários tipos de plugins gratuitos espalhados pela internet. Para instalar um plugin, basta envia a pasta dele para o diretório: wp-content/plugins/, após isso na seção Plugins, clique em Plugins Instalados e logo abaixo do Nome do Plugin, clique sobre o link “Ativar”. Eu possuo alguns plugins disponibilizados no repositório do WordPress, dê uma conferida: http://profiles.wordpress.org/andersonmakiyama/
Você pode ativar ou desativar qualquer plugin a qualquer hora, para desativa basta acessar o link “Plugins Instalados” e abaixo do nome do plugin, clicar no link “Desativar”, se não aparecer este link mas sim o link Ativar, significa que o plugin já está inativo.

h) Usuários: Pemite você gerenciar os usuários do site. As opções são:
- Todos os Usuários: Lista todos os usuários, permitindo você editar os dados de um usuário ou mesmo excluí-lo.
- Adicionar Novo: Permite você adicionar um novo usuário. Na página de adição, você pode definir se o novo usuário será um Administrador, um Colaborador, um Inscrito, um Editor.
- Perfil, permite você editar o seu próprio perfil de administrador do site, é nesta área que você irá modificar teu email e tua senha.

i) Ferramentas: Permite você importar conteúdo e exportar, o que é ideal para ter um backup. Veja este artigo onde explico com detalhes como fazer backup de seu site WordPress: http://fazer-site.net/fazer-backup-blog-wordpress/

j) Configurações: É a última seção do painel, nesta seção temos os seguintes links:
- Geral: Área onde você modifica o título e o slogan do site.
- Escrita: Permite você definir algumas coisas da área de criação de posts e links, como por exemplo o tamanho da caixa de Post, entre outras opções.
- Leitura: Nessa área você pode definir o que será exibido na entrada do teu site. O padrão é exibir os posts mais recentes, porém você pode também definir que quer exibir uma página específica como página inicial. Neste caso, você precisa ter criado a página na seção Páginas para poder utilizá-la como página inicial. Para usar uma página como página inicial, marque a opção “Uma página estática” e na caixa de seleção, seleciona a página desejada. Veja a imagem abaixo:

site bonitos

- Discussão: Várias opções sobre discussão, como comentários, moderação, avatar dos comentaristas, notificação, etc.
- Mídia: Permite você definir tamanho padrão para miniatura de images, o tamanho médio e o máximo.
- Privacidade: Possui opções de privacidade, a não ser em casos específicos, deixe marcada a opção “Permitir mecanismos de pesquisa indexarem este site.”, com isso você garante que seu blog estará sucetível a indexação pelos mecanismos de busca como Google, Bing, Yahoo Search, etc.

- Links Permanentes: Permite você configurar como serão gerados os links do site. O ideal é utilizar sempre a opção: Nome do Post, pois assim você garante que seu site utilizará urls amigáveis, o que é ótimo para SEO (otimização para mecanismos de busca).

Criar Site: Publicar Site

Para publicar um site e torná-lo acessível a todos em qualquer lugar do mundo, você precisará, além do site propriamente dito, também de um domínio web e de uma hospedagem web. Vou te mostrar a seguir o que é cada uma destas coisas e como fazer para obtê-las. Continue lendo…

Criar Site: Registrar Domínio

Existem várias empresas que registram domínios web. Agora, é interessante falar que existem domínios nacionais (com final .br) e os outros domínios. A diferença é que, nacionalmente falando, os domínios com final .br são mais considerados que seus parceiros, mas, para mecanismos de busca como Google Search Engine, e afins, tanto faz se um domínio é .com.br, .com, .net, .ws, ou qualquer outra extensão. Para registrar domínios .com.br temos o Registro.br, já para registrar domínios .com, .org, .net, etc, sugiro os seguintes sites:

- Hospedagem Site
- Hostgator

Criar Site: Hospedar Site

A hospedagem web é o espaço físico (HD) que irá armazenar todo o conteúdo do seu website, sejam arquivos: html, css, js, php, asp, aspx, etc, bem como imagens, banco de dados, entre outros. Quando você for escolher um plano de hospedagem web, você deve saber em qual linguagem de programação o seu site foi criado, por exemplo, seu site pode ser: html, php4, php5, asp, aspx, etc, e escolher um plano que suporte a linguagem que o site foi criado. Além disso é necessário saber se seu site utiliza banco de dados e qual banco de dados ele precisa para funcionar adequadamente. Para hospedagem, indico as mesmas empresas listadas acima.

Criar Site: Instalar WordPress Servidor Remoto

Neste artigo já te mostrei como instalar o wordpress localmente para fazer testes, mas quando chegar a hora de publicá-lo para o mundo, você precisará já estar com o domínio e a hospedagem web funcionado. A partir disto, basta utilizar o instalador de scripts Fantástico para facilitar sua vida. O Fantástico é um script que instala outros scripts, inclusive o WordPress. Em ambas as empresas de hospedagem de site que eu te sugeri acima, o Fantástico está presente no painel. Note que após a aquisição de domínio e de hospedagem web, a empresa irá te enviar os dados de acesso ao cPanel e no cPanel você terá acesso ao Fantástico.

Veja abaixo o passo a passo para instalar o WordPress utilizando o instalador de scripts Fantástico:

a) Acesse o Cpanel digitando na barra de endereço do teu navegador web: http://dominio/cpanel, onde domínio deve ser substituído pelo domínio que você comprou.

b) Entre com o usuário e senha que a empresa de hospedagem web te enviou.

c) Na seção Software / Seviços, clique sobre o item “Fantástico”. Veja a imagem abaixo:

instalar site com fantastico

d) Na próxima tela, na seção Blogs, clique sobre o ítem WordPress e depois em New Instalation. Veja a imagem abaixo:

e) Na próxima tela, informe um login e senha, seu email e o nome do site.
f) Por fim, clique no botão Install WordPress.

Agora basta aguardar até a conclusão da instalação e pronto. Uma vez concluída a instalação, você já pode acessar a seu domínio e visualizar o tema padrão que o WordPress instalou. O mais interessante é que você já pode acessar o painel de controle do site apenas digitando /wp-admin após o endereço do teu site. No caso, se o teu domínio fosse WWW.fazer-site.net, bastaria digitar WWW.fazer-site.net/wp-admin.

Se ficou alguma dúvida, veja o vídeo abaixo onde eu sigo cada um destes passos e faço a instalação do WordPress em um servidor remoto:

Criar Site: Modificar o Tema do Site

No caso, como já disse antes, você pode encontrar temas gratuitos na internet, comprar temas Premium, utilizar um dos vários temas que vieramjunto com este livro, ou criar seu próprio tema. Após estar com o pacote do tema em mãos, acesse o FTP do site e envie o pacote do tema para dentro do diretório wp-content/themes. Note que você vai precisar de um cliente FTP, eu gosto do Filezilla. Veja o passo a passo:

a) Baixe um cliente FTP, se for utilizar o filezilla, você encontra-o no link: http://goo.gl/vzw2A

b) Após baixar o Filezille, abra-o em seu computador e preencha os dados do teu site:

- Host: O domínio do teu site ou o IP
- Nome de Usuário: O nome do Usuário FTP
- Senha: A senha do Usuário FTP

Note que se você não tiver estes dados, ou tiver alguma dificuldade nesta hora, entre em contato com a empresa onde você hospeda seu site, eles tem dever de te auxiliar e te fornecer qualquer dado pertinente ao acesso FTP.

c) Agora clique no botão Conexão rápida. Veja a imagem abaixo:

publicar site pelo ftp

d) Note que serão listados os diretórios do servidor Remoto, clique duas vezes sobre a pasta public_html para acessar tal diretório. Após isso clique duas vezes novamente sobre o diretório wp-content. Veja a imagem:

enviar site com filezilla

e) Agora você verá a pasta “themes”. É para dentro desta pasta que você deve arrastar o pacote do novo tema que você deseja instalar. Veja a imagem abaixo:

desenvolver site

f) Aguarde até que todos os arquivos do tema sejam enviados para o servidor remoto e após a conclusão do processo, acesse o painel de seu site novamente, na seção Aparência, clique no item Temas.

g) Nesta tela você verá todos os temas disponíveis, para ativar um tema específico basta clicar sobre o Link Ativar que fica logo abaixo da imagem do tema.

Veja todas estas etapas em vídeo abaixo:

Fazer Site: Conclusão

Como você pode perceber, desenvolver um site não é mais uma tarefa de nerds, programadores web, webmasters, webdesigners, etc, hoje em dia está muito fácil criar lindos sites e o melhor, em questão de minutos. Usar o WordPress para criar seu blog ou site é muito prudente, visto que ele já possui painel de gerenciamento, então vocÊ só precisa procurar um tema (template) adequado para o site e pronto, o resto é tu aprendeu aqui neste artigo.

Se você gostou deste artigo, curta este site no Facebook e no Google+.

Obrigado!

RECEBA NOVIDADES GRÁTIS NO EMAIL

temas wordpress 2013 2014
Ganhar Dinheiro
Receba Novidades Grátis no teu Email!
Cadastre teu email abaixo
Atenção: Confirme o cadastro no teu email!
BY FEEDBURNER