Artigos sobre Internet

Tutorial: como criar abas customizadas (timeline apps) para sua fanpage no Facebook

Internet

Mídias Sociais

por erikaheidi em 30/03/2012 08:48:19



As fanpages do Facebook, que agora estão utilizando oficialmente o formato de timeline, oferecem uma série de recursos que, se bem explorados, podem atrair mais público e maximizar a visibilidade de uma marca ou site na internet.

As abas customizadas, já conhecidas pelos administradores de fanpages, ganharam melhorias significativas nessa migração das fanpages para o formato Timeline: agora temos 810px de largura para trabalharmos nosso conteúdo (contra os antigos 520px), e a possibilidade de usarmos uma imagem de 117x74px, definida por nós, para dar um maior destaque a essas apps na timeline - antes só tínhamos a opção de um pequeno ícone, que era definido apenas nas configurações da aplicação pelo desenvolvedor, e não pelo dono da fanpage. Para maiores informações sobre as novidades das fanpages timeline, veja nosso último post:  FanPages Timeline no Facebook - visão geral e dicas de customização.

Neste artigo você acompanhará um tutorial mostrando como criar essas abas customizadas, ou timeline apps, de maneira a explorar melhor os recursos oferecidos pela sua fanpage. É preciso um conhecimento básico de html (saber o que é um iframe e como disponibilizar um conteúdo online em servidor próprio) para a execução do passo a passo.

1. Preparação do conteúdo

A primeira parte, antes de mais nada, é definir e preparar o conteúdo que você deseja disponibilizar na aba customizada. Ele será exibido com um iframe, por isso você precisa ter um site onde disponibilizar esse conteúdo online. A título de exemplo, criarei uma página no entrebits com um simples "Hello World", que será o conteúdo da app.

Ao definir o layout do conteúdo, lembre que o espaço disponível é de 810px.

O meu "Hello World" ficou aqui: http://entrebits.com.br/helloface.html

Agora que o conteúdo já está pronto, vamos criar o aplicativo no Facebook.

2. Criação do aplicativo

Acesse https://developers.facebook.com/apps para criar a aplicação. Clique no botão "Criar novo Aplicativo". Uma janela aparecerá solicitando duas informações: o nome do aplicativo e o namespace. O namespace é o identificador da app, deve ser único para cada aplicação.

criar aba facebook

Depois de definir o nome e o namespace, clique em "Continuar". Uma janela com captcha aparecerá, depois de digitar você será direcionado para a página de edição do aplicativo.

fm

No parte superior, você encontra as opções para definir o ícone e a imagem maior, que será exibida por padrão ao adicionar o aplicativo à sua fanpage. Também estão nesse box o APP ID - que você precisará no final para adicionar o app à fanpage - e a APP SECRET, que você precisará caso sua aplicação faça requisições à API do Facebook (por exemplo, se quiser buscar dados a mais do usuário, ou publicar em sua timeline, ou exibir um conteúdo específico apenas caso o usuário tenha curtido a página). Para mais informações sobre desenvolvimento com a API do Facebook, leia esse post: Login de usuários via Facebook . No nosso caso, não utilizaremos essas requisições, pois se trata de um conteúdo estático.

Agora você precisa definir a url do seu conteúdo. Mais abaixo, você encontra uma caixa com as opções para sua aplicação. Você deve clicar na opção "Page Tab" e preencher como mostrado abaixo (trocando, é claro, para os seus dados / dados do seu conteúdo):

page tabs facebook

Não esqueça de marcar a opção "Wide (810px)", pois o que vem marcado por padrão é a "Narrow". Note que no campo "secure page url" coloquei o https em vez do http. Ter o https é um requerimento do Facebook desde setembro de 2011; isso é uma configuração do servidor, você precisa verificar antes de mais nada se o seu servidor suporta conexão segura por https.

Ter o https é obrigatório?

Aparentemente, não. Porém, os usuários que acessarem o Facebook através de https não conseguirão acessar a sua aplicação. O Facebook afirma que é um requerimento desde setembro de 2011, porém, se você criar a aplicação e definir apenas a url normal, ele deixa passar, e funciona normalmente se você estiver navegando em conexão normal (eu testei).

3. Adicionando o aplicativo à sua fanpage

Agora que seu aplicativo está criado e configurado, você já pode adicioná-lo à sua fanpage.

Você deve acessar o seguinte link (troque as informações "YOUR_APP" pelo id da sua app - encontrado no box onde tem o ícone e a miniatura e a secret key - e o "YOUR_URL" pela url definida como o conteúdo da custom tab. Se você colocar uma url diferente, não vai funcionar)

http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL

No caso desse meu aplicativo Hello World, o link ficou assim:

http://www.facebook.com/dialog/pagetab?app_id=280648832010374&next=http://entrebits.com.br/helloface.html

Ao acessar o link, será exibida a tela para escolher em qual fanpage você deseja adicionar o aplicativo. Escolha a fanpage, clique em "adicionar aba da página" e pronto.

adicionar aba em fan page

A aba/aplicativo já estará visível na fanpage:

fanpage com aplicativos

 

Espero que tenha ajudado! :) Se tiverem dúvidas, podem perguntar nos comentários.


Tags: facebook, fanpages, abas customizadas, timeline apps, tutorial


Google Customer Surveys - novo serviço do Google voltado para marketing de pesquisa

Internet

Novidades

por erikaheidi em 29/03/2012 17:33:17



Nesta tarde de quinta-feira o Google anunciou um novo serviço na área de Marketing de Pesquisas: Google Customer Surveys

Com a costante demanda por oferecer serviços e produtos mais personalizados aos usuários, trabalhando com mercados de nichos bem definidos, as pesquisas de marketing são cada vez mais importantes para compreender melhor o público alvo e suas preferências.

O novo serviço do Google tem por objetivo oferecer uma nova forma de rentabilização para publishers (ótima notícia pra quem já trabalha com AdSense), uma alternativa para obter retorno em conteúdos de qualidade que não são distribuídos abertamente (que requerem algum pagamento ou ação do usuário, como cadastro).

A idéia é a seguinte: quando o usuário for acessar o conteúdo, ter uma opção a mais, que seria responder a uma pesquisa anônima. Abaixo, uma amostra de como se apresentaria a pesquisa:

 google customer surveys

O vídeo de apresentação:

Por enquanto, o serviço aparentemente está em fase de testes, em utilização apenas por alguns sites. Mas no pronunciamento do Google em seu blog oficial eles disponibilizaram um link para os publishers que têm interesse em utilizar o serviço se inscreverem. Eu já fiz a minha inscrição :)


Tags: google, novidades, serviços, marketing, pesquisa


FanPages Timeline no Facebook - visão geral e dicas de customização

Internet

Mídias Sociais

por erikaheidi em 29/03/2012 09:52:15



O mês de março trouxe uma grande novidade para quem administra fan pages no Facebook: as novas fanpages no formato Timeline, similares ao novo perfil.

O grande "porém" é que teríamos de migrar para o novo formato de todo jeito, pois no dia 30 (amanhã) a migração será realizada automaticamente pelo Facebook. Como já estamos em cima desse prazo e sei que muita gente ainda não mudou para o novo formato (inclusive grandes marcas, pelo que pesquisei hoje), ou não personalizou como gostaria, resolvi escrever esse post pra dar uma ajudinha.

Abaixo um print de uma das fanpages que administro, após customização:

fanpage timeline

Então, quais foram as principais mudanças na nova FanPage Timeline?

1. Imagem de Capa: já conhecida por causa dos perfis de usuário, essa imagem é um ótimo atrativo visual pra quem acessa a sua fanpage. Mas não vá pensando que pode colocar qualquer coisa nessa imagem; o Facebook impôs algumas regras que devem ser observadas:

  • A imagem não deve ser usada comercialmente; para anunciar descontos, promoções, ou frases apelativas do tipo "compre já", "visite nosso site"
  • Informações que devem estar no "Sobre" - telefone, email, endereço do site, etc - não podem ser colocadas na imagem
  • "Curta nossa página" e similares também não pode!
 

Abaixo você confere um diagrama com as dimensões da imagem de capa, assim fica bem mais fácil criar algo criativo e personalizado.

dimensões imagem de capa facebook

2. Aplicativos (antigas abas): O nome "abas" perdeu o sentido há tempos, e por isso agora convencionou-se o termo "timeline apps". Elas ficam no canto direito, abaixo da imagem de capa. Você pode adicionar até 12 aplicativos, porém apenas 3 são exibidos por padrão fora o "Fotos", que é fixo (os outros só aparecem quando o usuário clica na setinha ao lado). O "Opções Curtir" você pode mexer, se quiser dar lugar a outro aplicativo.

apps fb

Essas "novas abas" trouxeram um benefício inegável comparando com o antigo formato da fanpage: a imagem de visualização. Antes, apenas um ícone era exibido, e agora temos a opção de colocar em destaque um thumbnail de 111x74, que corresponde ao thumb da aplicação/custom tab que foi adicionada - mas você pode alterar essas imagens como quiser. Para fazer isso, clique na setinha ao lado das aplicações, para expandir a visualização. Ao passar o mouse sobre a app que você quer modificar, vai aparecer um lápis. Clique, e acesse a opção "Editar Configurações". Aí você poderá mudar a miniatura exibida e o texto.

A área / canvas dos aplicativos (abas) também está maior: agora são 810px (antes eram apenas 520px), bem mais espaço pra você organizar o seu conteúdo personalizado.

Se você ainda não sabe como criar esses apps / abas personalizadas, nesse post tem um tutorial passo a passo: Como criar abas customizadas para sua fanpage no Facebook .

3. Landing Page: Não tem mais. As antigas "páginas de aterrissagem" eram um recurso bastante utilizado, que direcionava os usuários para uma página (aplicativo/custom tab) específico ao entrar na fanpage. Muita gente achou isso um ponto bem negativo, mas realmente não teria mais o mesmo retorno com esse formato de fanpage, já que as novas abas, quando abertas, ocultam a imagem de capa e outras informações importantes que devem ser exibidas logo de cara quando alguém acessa sua fanpage pela primeira vez. Mas você ainda pode usar links diretos para os aplicativos/abas da sua fanpage se quiser.

4.  Fluxo de Informações / atividades: você já deve estar acostumado a esse novo formato de fluxo de informações, que já é usado nos perfis de usuários. As atividades da fanpage são exibidas em caixas organizadas em duas colunas, mas você pode destacar uma atividade e assim ela ocupará o espaço de duas colunas. Isso é legal pra usar com imagens que você deseja colocar em destaque. 

Para colocar uma atividade em destaque, passe o mouse por cima que aparecerá no canto direito uma estrela e um lápis; basta clicar na estrela. Para desfazer é só clicar novamente.

marco

5. Marcos (eventos): similar ao que existe nas timelines dos usuários, nas fanpages também é possível criar "marcos",  que são eventos do passado, como por exemplo a fundação da empresa ou algo do tipo. A opção está disponível na caixa de postagem, é a última opção no canto direito, ao lado do "Perguntar". Na imagem acima você pode ver como ele é exibido.

São muitas mudanças, mas como já estamos habituados às timelines pessoais, foi mais fácil a migração.

Inspirações

Agora, para se inspirar, 4 fanpages que são referência:

fanpage coca 

 fanpage skol

fanpage unilever

fanpage o boticário


Tags: facebook, timeline, fanpages, apps, abas, customização, dicas


Cartões de Visita do Facebook - peça os seus gratuitamente

Internet

Mídias Sociais

por erikaheidi em 23/03/2012 10:36:45



Eu já tinha ouvido falar desses tais cartões de visita do Facebook, mas ainda não tinha encontrado aonde / como fazê-los, até ontem. 

O serviço é oferecido através de uma parceria do Facebook com a MOO, empresa inglesa de impressão que fornece serviços diversos de impressão - cartões de visita, minicards, adesivos, dentre outros produtos profissionais.

Nessa parceria, você tem direito a 50 cartões gratuitamente - eles são gerados a partir da sua Timeline e você pode editar os textos e informações de contato com bastante facilidade. Você só precisará pagar o frete internacional - £2.75 (cerca de 8 reais). O pagamento é feito através de cartão de crédito internacional.

Ontem (22 de março) pedi os meus, e a previsão de entrega é para o dia 27 de abril - pouco mais de um mês. Quando chegar eu atualizo esse post com as fotos dos cartões :)

Vamos ao passo a passo:

Acesse a sua linha de tempo do Facebook (seu perfil) e clique no botão "Atualizar Informações", que fica do lado direito junto ao "Registro de Atividades", logo abaixo da imagem de capa.

Na página das suas informações, procure pela caixa "Informações de contato", do lado direito logo abaixo das informações básicas. Passe o mouse sobre o ícone do cartãozinho como mostrado na imagem abaixo, e um pop-up vai aparecer com o link para solicitar a impressão dos cartões. Clique em "imprimir cartões".

imprimindo cartões de visita do facebook

Depois de clicar no link, você deverá autorizar a app do MOO, pois ela precisa buscar suas informações (info de contato e imagens) do Facebook. Após autorizar, você será redirecionado para a página do MOO, e ele já vai mostrar os layouts dos seus cartões pra você editar. Ele pega até 50 imagens suas de capa e usa nos layouts dos cartões - você pode ter até 50 diferentes cartões (muda só a imagem de fundo, que no caso é a sua imagem de capa do Facebook).

moo cartões facebook

Como eu só tinha duas imagens no meu álbum de imagens de capa, só tive dois layouts disponíveis. Acabei optando por deixar apenas o principal, da minha imagem de capa atual. Pra fazer isso basta excluir os outros layouts que aparecem (no botão "remove this design" ao lado do layout que você quer excluir).

Agora é só editar os cartões, seguindo as instruções do próprio site. É bem fácil e intuitivo. Para virar e ver a parte de trás dos cartões, clique no botão "flip cards over", logo abaixo do cartão.

moo back card

Na parte de trás você pode colocar um "quote" (frase) - acho que ele pega do seu Facebook, mas como eu não tenho nenhuma ele coloca uma padrão pra você editar. Também tem os contatos na parte inferior (endereço do seu profile no Facebook, celular e email). Todas essas informações são editáveis.

Depois de editar tudo e se certificar que está tudo certinho e sem nenhum erro de digitação, clique no botão "Next Step".

Na parte superior vai aparecer um checklist pra te ajudar a checar se está tudo correto, depois de marcar todas as opções e clicar em "Next" você vai ser direcionado para finalizar o pedido, passando suas informações de contato, entrega e o cartão (para pagamento do frete).

É bem fácil e intuitivo.

Dica: antes de fazer, deixe seu perfil Timeline bem organizadinho, com uma foto legal que você quer que seja usada nos cartões. Também é bom já ter configurado um username pra ter seu endereço personalizado no Facebook (tipo facebook.com/seulogin). Fica bem mais fácil quando você entregar o cartão, para que a pessoa acesse o seu Facebook.


Tags: facebook, cartões de visita, Moo, passo a passo, gratuito


SOPA - o que é e por que você deve se preocupar

Internet

Mundo

por erikaheidi em 18/01/2012 10:43:50



stop SOPA stop PIPA

Quarta feira, 19 de janeiro de 2012. Essa data pode representar um marco negativo na história da internet. E o dia já começou com várias manifestações, inclusive da Wikipédia, que tirou do ar sua página (versão inglesa) em protesto contra o SOPA.

A essa altura, muitos ainda devem estar se perguntando o que é o SOPA e como isso pode afetar a internet de um modo geral e nós, brasileiros. Neste post você vai entender melhor do que se trata.

A sigla significa "Stop Online Piracy Act" (Lei de Combate à Pirataria Online), e é um projeto de lei americano criado por  Lamar Smith e um grupo de outros representantes do Congresso Americano. Esse projeto visa aumentar o poder de ação contra a pirataria online, em favor dos detentores de propriedade intelectual, e está sendo votado exatamente hoje. Outro projeto de lei similar que está para ser votado é o PIPA (Protect IP Act).

Se você parasse de ler por aqui, poderia até achar que está tudo bem. Porém, o meio principal de retaliação que a lei prevê é jogar a culpa sobre a pirataria nas empresas que prestam serviços de internet, e também em sites onde se pode compartilhar conteúdo - redes sociais, wikis, fóruns, qualquer blog onde se possa comentar... enfim, querem instituir um tipo de censura na internet, com poderes para tirar do ar qualquer site ou serviço que seja "considerado suspeito".

Quem se beneficia dessa lei? Claro que não somos nem eu nem você, nem os cidadãos americanos. As principais beneficiadas serão as grandes gravadoras e produtoras como Time Warner, Sony, CBS dentre outras, que são as maiores apoiadoras da lei.

E como isso afeta a nós, brasileiros?

Primeiramente, mais de metade da infraestrutura da web está em território americano. Inclusive este site, que é hospedado em um servidor de lá. 

Além de uma enorme parcela dos sites brasileiros estar hospedada lá fora (custos muito menores, a maioria das empresas de hospedagem brasileiras alugam infraestrutura de fora), a lei prevê o direito de tirar do ar sites estrangeiros, sem a necessidade de uma ordem judicial para tanto. Basta ser considerado suspeito de pirataria. Ou seja, você tem o maior zelo pelo seu blog, mas de repente alguém deixa um comentário com um link que pode ser considerado pirataria - eles poderão tirar o seu site do ar, inteirinho. 

Ok, você não tem um site. Mas com certeza você utiliza redes sociais (Facebook e cia). Também aposto que você já usou a Wikipedia para fazer pesquisas importantes. Ou tirou dúvidas em fóruns especializados sobre algum assunto. Já pensou como seria a internet sem estes sites? E sem um monte de outros sites, que poderiam ser tirados do ar por censura e/ou interesses de terceiros?

Estaríamos retrocedendo aos tempos em que o usuário não tem o direito de se manifestar, compartilhar, participar - afinal, que site deixaria espaço comunitário sob o risco de sair do ar caso algo fosse considerado "suspeito" pelos reguladores do SOPA? Quem vai ter coragem de expor sua opinião, compartilhar conteúdo, e sofrer retaliação? Seria o fim de comunidades e fóruns. 

Para entender melhor tudo o que a lei prevê, vale a pena ler este artigo da Eletronic Frontier Foundation - How PIPA and SOPA Violate White House Principles Supporting Free Speech and Innovation e também o "learn more" da Wikipedia sobre o assunto: http://en.wikipedia.org/wiki/Wikipedia:SOPA_initiative/Learn_more (ambos em inglês).

Abaixo, alguns trechos relevantes da carta aberta que a Wikimedia (fundação que mantém a Wikipedia) aos seus leitores e comunidade explicando sua posição e a razão do "blackout" de hoje. 

"Nós dependemos de uma infra-estrutura legal que nos torna possível operar. E nós dependemos de uma infra-estrutura legal que também permite que outros sites hospedem conteúdo de contribuição de usuários(...) Esse conhecimento precisa ser publicado em algum lugar para que qualquer pessoa possa encontrá-lo e usá-lo. Quando ele pode ser censurado sem um devido processo, é uma agressão ao autor, ao público e à Wikimedia."

"Além disso, SOPA e PIPA são apenas indicadores de um problema muito mais amplo. Em todo o mundo, estamos vendo o desenvolvimento de legislação destinada a combater a pirataria online, e regular a Internet de outras maneiras, que ferem as liberdades online. Nossa preocupação se estende para além de SOPA e PIPA: eles são apenas parte do problemaQueremos que a Internet permaneça livre e aberta, em todos os lugares, para todos."

Update 1: apenas alguns sites que protestaram contra o SOPA / PIPA hoje. Só pra você ter noção que a bronca é grande mesmo.

http://php.net 

stop sopa php.net

http://en.wikipedia.org

stop sopa - wikipedia

http://wordpress.org  e http://www.wordpress.com 

stop sopa wordpress.org

stop sopa wordpress.com

O Google colocou um link em sua página principal que dá nessa página especial abaixo. "End Piracy, Not Liberty". 

stop sopa google

Fora inúmeros outros sites conhecidos (9gag, 4chan, gizmodo, wired) que protestaram com banners, tarjas pretas e coisas do tipo. 

Por enquanto, a melhor coisa que podemos fazer é nos manter informados, e informar outras pessoas sobre o assunto. A coisa é séria e não pode ser relegada a segundo plano. Nossa liberdade está em jogo.

Update 2: o SOPA voltará a ser debatido daqui a duas semanas (em fevereiro). Durante esse período, o projeto será avaliado pelos partidos Democrata e Republicano.


Tags: internet, sopa, pipa, censura, protesto


Instalação do WordPress passo a passo

Internet

CMS / Blogs

por erikaheidi em 05/12/2011 13:11:32



wordpress

Para este tutorial, é pressuposto que você tenha: servidor web com php e mysql, e um domínio (seudominio.com.br por exemplo), já devidamente configurado (de maneira que quando você acesse a url do domínio, abra corretamente o seu site). Para maiores informações sobre domínios, servidores, quanto custa e como configurar tudo, você deve dar uma olhada nesse outro post aqui: Como criar um blog profissional com o menor investimento possível.

Você também pode instalar o wordpress na sua máquina local para testar, nesse caso precisará apenas instalar um servidor web. Se usar Windows, uma boa opção é o WampServer. Caso use Linux, nesse post do meu site pessoal tem um passo a passo bem completo: Montando um ambiente de desenvolvimento web no Ubuntu.

Você precisará do usuário e senha (fornecidos pela empresa de hospedagem) para acessar o CPanel (onde criaremos o banco de dados) e ftp (para enviar os arquivos ao servidor).

A título de aprendizado, vamos usar o dominio seudominio.com.br, que deverá ser substituído pelo domínio que você registrar.

1. Download e envio por ftp

Acesse http://br.wordpress.org/ e faça download da versão mais recente do WordPress. Descompacte-o. Você terá uma pasta chamada "wordpress", é essa pasta que você vai enviar para o site. Você agora precisará de um programa de FTP para enviar os arquivos do wordpress para o seu site. Minha sugestão é o FileZilla, que é gratuito e está disponível para todas as plataformas (Windows, Linux, Mac). Outra boa opção é a extensão FireFtp, para o Firefox.

As informações de conexão ao ftp (login, senha e host) são fornecidas pelo servidor de hospedagem, geralmente assim que sua conta é efetivada, por e-mail. Utilize esses dados para conexão. Obs: na maioria dos servidores, ao conectar-se, você irá se deparar com a sua pasta "home", onde poderá haver várias pastas, que fazem parte do sistema do servidor de hospedagem. A pasta onde os arquivos do site ficam é a pasta public_html ou www (na verdade, a pasta www é apenas um alias/atalho para a public_html). É nessa pasta onde deverá ficar a pasta do wordpress. Não se preocupe, depois iremos configurar o sistema para que o blog seja exibido em www.seudominio.com.br em vez de www.seudominio.com.br/wordpress .

2. Criando o Banco de Dados

Alguns serviços de hospedagem fornecem apenas um banco de dados ao cliente. Nesse caso, geralmente enviam junto com os dados de ftp os dados de acesso ao banco. Se este não for o seu caso (mais provável), você precisará criar um banco de dados para seu wordpress. Aqui vamos mostrar como criar o banco pelo CPanel (painel de controle mais comum atualmente).

Acesse o painel do seu servidor de hospedagem (caso tenha CPanel, o que é mais comum, ficará no endereço: http://seudominio.com.br/cpanel ). Você deverá fornecer o mesmo login e senha do ftp. Vá até a opção "Bancos de Dados MySQL". Primeiro, crie um banco de dados. Depois crie um usuário , definindo uma senha.

Depois de ter criado o usuário, você precisará dar permissão completa a esse usuário no banco de dados que criou. No vídeo abaixo você confere um passo a passo detalhado desse processo (no CPanel):

3. Instalação

Depois de enviar toda a pasta do WordPress para o servidor, e já ter os dados do banco de dados em mãos, acesse http://seudominio.com.br/wordpress . Será aberta a tela de instalação do WordPress, que possui uma interface bastante intuitiva. 

Caso tenha aparecido alguma mensagem de erro, ou não tenha aparecido nada (tela em branco),  procure a ajuda do WordPress para tentar resolver o problema em: http://br.forums.wordpress.org/ .

Abaixo você pode ver um passo a passo em vídeo - essa instalação foi feita na minha máquina local apenas a título de ilustração, mas é a mesma coisa para fazer em um servidor externo.

Tutorial - instalação do WordPress from entrebits on Vimeo.

Após seguir estes passos, seu blog já estará acessível no endereço http://seudominio.com.br/wordpress . Para começar a configurá-lo e personalizá-lo, acesse o painel, que ficará em:  http://seudominio.com.br/wordpress/wp-admin .

4. Configurações iniciais e personalização

Antes de colocar o blog na raiz do site (para abrir no endereço principal, e não em /wordpress), pode ser interessante já deixá-lo prontinho para o que você quer, configurando e personalizando a aparência e as funcionalidades através de temas e plugins.

A primeira coisa a fazer é definir as configurações de links permanentes. Isso é muito importante para a indexação dos posts do seu blog no Google. Por padrão, o wordpress usa o formato http://seudominio.com.br/?p=123 para links permanentes dos posts, e essa não é a melhor opção. Devemos mudar esse formato para utilizarmos url rewriting, que cria links permanentes mais significativos e relevantes (como os usados aqui, por exemplo, que usam o título do post).

Para fazer essa mudança, vá em: Configurações -> Links Permanentes. Marque a segunda opção, "dia e nome" (mais usada - foto abaixo).

links permanentes

 

Depois de fazer essa mudança, você pode partir para as personalizações. Recomendo, como primeiro passo, escolher um tema que se adeque às suas necessidades. Para isso, acesse o menu "Aparência -> Temas" e procure um que você goste, você pode ver os que estão em destaque, os mais populares, e também pode buscar por termos específicos / cores / funcionalidades. Neste post tem uma seleção de 20 temas bem profissionais e gratuitos: http://entrebits.com.br/post/2011/12/05/20-temas-profissionais-e-gratuitos-para-wordpress .

A instalação de temas diretamente pelo painel do wordpress é a mais fácil, basta seguir as instruções - ele vai pedir para que você informe os dados de ftp (para que ele mesmo faça o download e instale o tema). Caso você tenha feito download de um tema, basta enviá-lo (a pasta já descompactada) por ftp para a pasta /wordpress/wp-content/themes . Ele já deverá aparecer na lista de temas disponíveis no seu painel.

Depois de escolher o tema ideal, personalize sua lista de links (ela já vem com uns links por default que você deve apagar para adicionar o seu próprio blogroll. em Links -> Todos os Links), e personalize os widgets do sidebar (a barra lateral do blog. em Aparência -> Widgets).

Você também pode instalar plugins, que são ferramentas que extendem as funcionalidades e integração do blog. 

5. Coloque o wordpress na raiz do site

Para que o seu wordpress fique acessível no endereço raiz do site, ( http://seudominio.com.br , em vez de http://seudominio.com.br/wordpress ) existe uma configuração a ser feita. Acesse a administração ( http://seudominio.com.br/wordpress/wp-admin ) , vá no menu "Configurações" -> "Geral" . Altere a opção "Endereço do site (URL)" para o seu domínio (remova o /wordpress). Clique em salvar. Copie (não mova, copie!) o arquivo index.php da pasta /wordpress e coloque-o na raiz. Edite o arquivo e altere o caminho definido nele. A linha estará assim:

require('./wp-blog-header.php');

Você deverá modificá-la para ficar assim:

require('./wordpress/wp-blog-header.php');

Depois de alterar e enviar o arquivo index.php via FTP para a raiz do site (a pasta WWW), acesse o endereço principal para ver se está ok. O seu blog já deve aparecer.

Por último, apague o post de exemplo que já vem no WordPress para teste, e comece a postar! :) 


Tags: wordpress, instalação, passo a passo, tutorial


Atualizações mais antigas »