Para que isto seja possível as imagens devem de estar bem otimizadas e por isso neste artigo falamos sobre a otimização de imagens, ensinamos a otimizar o SEO de uma imagem e também damos algumas dicas para poder receber mais tráfego de sites como o Google, Google Images, Bing e Yahoo.

Otimizar imagens para melhor SEO

Dos mais conhecidos, o Google é o site que melhor consegue indexar imagens e o que mais tráfego pode trazer, por isso estas dicas são direccionadas para o Google, apesar de também funcionarem nos outros motores de busca.

É importante referir que a utilização excessiva de imagens pode deixar o seu site lento e isso é mau para os usuários que visitam o seu site e também tem consequências negativas no posicionamento do seu site nos resultados das SERP’s.

1. Nome da imagem adequado e descritivo

Utilize sempre um nome para a imagem que seja descritivo e relevante. Evite utilizar nomes genéricos como Imagem 2.jpg ou IMG003.jpg, uma vez que estes nomes não lhe dão qualquer benefício para o SEO.

O ficheiro com o nome otimizar-imagens.jpg, ajuda-o a ganhar um ranking no Google Images, quando alguém procura pela frase “Otimizar Imagens”.

2. Escreva sempre um bom Alt Text

O atributo “alt” é sempre muito importante. O Matt Cutts fez um vídeo a algum tempo atrás explicando a sua importância e como deve de ser usado:

3. A importância das descrições e dos títulos

Exemplo para um artigo com dicas para SEO

Para os utilizadores de WordPres é bastante fácil, dado que o sistema dá a opção de incluir um título e uma descrição, quando é feito o upload de uma imagem. Neste momento, tem a opção de fornecer informações descritivas e de permitir que o Google tenha uma noção do que a imagem trata.

4. Imagem coerente no contexto

Assim como o nome da imagem e do alt text, a Google também utiliza o conteúdo da página para determinar sobre o que a imagem é. Por isso, tente fazer uma ligação entre as imagens e o conteúdo para melhores resultados nas SERPs.

5. Qualidade das imagens

A qualidade das imagens é muito importante, tente sempre utilizar imagens nítidas, coloridas e visualmente ricas para obter uma melhor classificação e para os SERP’s do Google.

6. Tamanho e formato das imagens

Se fizerem uma procura rápida no Google Images vão reparar que este motor de busca dá mais prioridade a imagens bem otimizadas no tamanho e ao formato .jpg/.jpeg. Penso que isto acontece porque este formato consegue ter uma boa qualidade e ao mesmo tempo um tamanho aceitável.

Recomendo que use o formato .jpg ou .png, com uma qualidade aceitável e com um tamanho (“peso”) otimizado. Para otimizar o tamanho das imagens pode usar ferramentas como o Smush.it ou a opção “save for web” do photoshop.

Se tiver alguma dúvida deixe um comentário

Para participar neste passatempo basta seguir o wordpress total por email, através da nossa newsletter gratuita. Ao subscrever passa a receber os nossos posts através de email e entra automaticamente no passatempo! Se ainda não está inscrito, faça-o agora:

O Sorteio

Neste mês foram a sorteio a volta de 2598 emails com subscrição ativa e confirmada, um aumento de 178 novos subscritores desde o último sorteio (entre 5 a 6 por dia). Este aumento deve-se muito ao plugin Popup Domination que usamos para promover a newsletter.

Para fazer o sorteio foi usado o site random.org e o resultado foi o seguinte:

Como no mês passado o vencedor não fez o pedido dos prémios, as características da conta de hospedagem são maiores. O vencedor tem até ao dia 29 de fevereiro para pedir os seguintes prémios:

• Um domínio .com, .net, .info ou .org
• Um alojamento web com 4,000 MB de espaço e 300,000 MB de tráfego mensal gentilmente oferecido pela Trignosfera
• Uma conta no site Elegant Themes onde pode encontrar mais de 70 templates para o seu site

Todos os prémios estão pagos por um ano, depois você pode renovar, cancelar ou transferir para outra empresa (no caso dos domínios).

Por agora é tudo, o próximo sorteio está marcado para o próximo dia 1

Se esta informação interessa-lhe, pode receber todos os artigos no seu email através da newsletter gratuita. Se ainda não subscreveu, faça-o agora!

Série Sobre Criar um Template WordPress

Nesta série de artigos sobre a construção de um wordpress theme vamos tentar falar na informação mais importante, usando sempre uma linguagem simples para que todos possam entender.

Vamos seguir a seguinte ordem:

• Introdução aos WordPress Themes
• style.css e header.php
• index.php, archive.php
• single.php, page.php, 404.php
• comments.php
• sidebar.php e footer.php
• Melhorar a aparencia do tema (css)
• Funcionalidades Extras: Thumbails
• Funcionalidades Extras: Menus Personalizados

Ferramentas e Conhecimentos Necessários

Para poder seguir este tutorial e conseguir criar o seu tema, deve de:

• Ter um browser (de preferência o Firefox com o addon firebug instalado
• Conta de hospedagem online ou servidor local (Wamp (Windows), MAMP (Mac) e LAMP (Linux).
• Editor de texto à sua preferência. (Recomendamos o NotePad++ para Windows, TextWrangler para Mac e o Bluefish para Linux
• Última versão do WordPress – faça o download em wordpress.org
• Saber trabalhar com o WordPress
• Conhecimento em HTML e CSS – Se perceber PHP, melhor ainda

A Estrutura do WordPress

O WordPress é um gestor de conteúdo que no inicio pode fazer alguma confusão as muitas pastas e ficheiros que tem, mas você só tem que se preocupar com 2 coisas: o ficheiro wp-config.php e a pasta wp-content.

O ficheiro wp-config.php contém toda a informação necessária para o WordPress se ligar a base de dados (banco de dados) e funcionar normalmente. Já a pasta wp-content é onde ficam os temas e os plugins.

Como neste tutorial vamos aprender a fazer temas, é importante que você saiba onde ele tem que ser colocado para poder ser usado no seu site. Como dissemos anteriormente, os temas e os plugins ficam dentro da pasta wp-content. Dentro desta pasta existem outras duas chamadas de “plugins” e themes. Nós vamos trabalhar dentro da pasta “themes” (wp-content/themes).

Depois do tema estar pronto, você tem transferir a pasta do tema para dentro desta pasta “themes”. Só assim você vai conseguir ativa-lo e usar-lo online.

A Estrutura de um Tema

Antes de começar a criar um template é preciso saber como ele funciona. Um tema para wordpress é basicamente uma página normal feita em HTML, mas dividida em partes. A parte que diz respeito ao cabeçalho fica num ficheiro, a parte do código que diz respeito ao conteúdo fica noutro e assim por diante.

As partes/ficheiros básicos e essenciais de um tema são os seguintes:

• header.php: local onde fica o código do cabeçalho
• sidebar.php: local onde fica o código da lateral
• footer.php: local onde fica o código do rodapé
• index.php: código que mostra os artigos na página inicial
• single.php: código que mostra o artigo na sua própria página
• page.php: código que mostra o conteúdo de uma página estática
• archive.php: igual ao index.php, o código nesta parte vai mostrar os artigos que estão no arquivo, nas categorias, tags, etc
• functions.php: local onde ficam algumas funções que adicionam mais capacidades aos temas
• 404.php: igual ao index.php, em vez de mostrar um artigo deverá de mostrar um texto a avisar que o conteúdo não foi encontrado
• style.css: ficheiro onde fica o stylesheet do tema

O que devo colocar em cada um destes ficheiros:

Já explicamos em cima o que deve de colocar em cada parte, mas para que não restem dúvidas criamos uma página normal em HTML e vamos ensinar a separar cada parte.

É importante que antes de começar criar o seu wordpress theme, já tenha as páginas feitas em HTML. Depois só precisa de dividir essas páginas pelos vários ficheiros do tema e usar php para que funcione bem.

Este código é de uma simples página HTML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>

<title>Página de HTML</title>
<link rel="stylesheet" href="style.css" type="text/css" />

</head>
<body>
<div id="corpo">
	<div id="header">
		<h1>Titulo do Site</h1>
		<h2>Descrição do site</h2>

		<ul id="nav">
			<li><a href="#">Página 1</a></li>
			<li><a href="#">Página 2</a></li>
			<li><a href="#">Página 3</a></li>
			<li><a href="#">Página 4</a></li>
		</ul>
	</div>

	<div id="conteudo">
		<div id="artigos">
			<div class="artigo">
				<h2>Titulo do artigo 1</h2>
				<p>Postado por administrador em 16/01/2012</p>
				<p>Conteudo do artigo</p>
			</div>

			<div class="artigo">
				<h2>Titulo do artigo 2</h2>
				<p>Postado por administrador em 16/01/2012</p>
				<p>Conteudo do artigo</p>
			</div>
		</div>

		<div id="sidebar">
			<ul class="widget">
				<h3>Widget</h3>
				<li><a href="#">Página 1</a></li>
				<li><a href="#">Página 2</a></li>
				<li><a href="#">Página 3</a></li>
				<li><a href="#">Página 4</a></li>
			</ul>

			<ul class="widget">
				<h3>Widget</h3>
				<li><a href="#">Categoria 1</a></li>
				<li><a href="#">Categoria 2</a></li>
				<li><a href="#">Categoria 3</a></li>
				<li><a href="#">Categoria 4</a></li>
			</ul>
		</div>
	</div>

	<div id="footer">
		<p>&copy; 2012 - Todos os Direitos Reservados</p>
	</div>

</div>

</body>
</html>

Separando a página HTML em partes

Vamos começar de cima para baixo, ou seja, no header.php (cabeçalho). Comece por criar um novo ficheiro no seu bloco de notas, copiar o código deste o inicio até ao fim da div “header” e colar no bloco de notas. Depois grave com o nome header.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>

<title>Página de HTML</title>
<link rel="stylesheet" href="style.css" type="text/css" />

</head>
<body>
<div id="corpo">
	<div id="header">
		<h1>Titulo do Site</h1>
		<h2>Descrição do site</h2>

		<ul id="nav">
			<li><a href="#">Página 1</a></li>
			<li><a href="#">Página 2</a></li>
			<li><a href="#">Página 3</a></li>
			<li><a href="#">Página 4</a></li>
		</ul>
	</div>

Depois do cabeçalho, passamos a div onde o conteúdo (artigos e sidebar) é mostrado. Então nos ficheiros index.php, single.php, page.php, archive.php e search.php, colamos toda a div “conteudo” com excepção da parte da sidebar. O código é este:

	<div id="conteudo">
		<div id="artigos">
			<div class="artigo">
				<h2>Titulo do artigo 1</h2>
				<p>Postado por administrador em 16/01/2012</p>
				<p>Conteudo do artigo</p>
			</div>

			<div class="artigo">
				<h2>Titulo do artigo 2</h2>
				<p>Postado por administrador em 16/01/2012</p>
				<p>Conteudo do artigo</p>
			</div>
		</div>

		<!--o código da sidebar ficava aqui-->
	</div>

Não colocamos o código da sidebar no passo anterior, porque esse código deve de ficar no sidebar.php, um ficheiro que contém todo o conteúdo da sidebar.

		<div id="sidebar">
			<ul class="paginas">
				<li><a href="#">Página 1</a></li>
				<li><a href="#">Página 2</a></li>
				<li><a href="#">Página 3</a></li>
				<li><a href="#">Página 4</a></li>
			</ul>

			<ul class="categorias">
				<li><a href="#">Categoria 1</a></li>
				<li><a href="#">Categoria 2</a></li>
				<li><a href="#">Categoria 3</a></li>
				<li><a href="#">Categoria 4</a></li>
			</ul>
		</div>

Neste momento toda a parte do conteúdo também está pronta. Vamos passar ao que falta, ou seja, ao rodapé do tema. Vamos usar para isso o footer.php, o ficheiro onde deve de ficar a nossa div “footer” e o código restante.

	<div id="footer">
		<p>&copy; 2012 - Todos os Direitos Reservados</p>
	</div>

</div>

</body>
</html>

Agora toda a página HTML que tínhamos no inicio está dividida em partes.

Como “chamar” outras partes dos temas

O próximo passo é adicionar algumas tags para que o wordpress, quando usar o tema, possa “juntar” todas as partes e mostrar todas as partes do tema.

Para fazer isto, vamos usar 3 tags que servem para ir chamar/incluir outras partes do tema. Numa página como o index.php, precisamos de “chamar” o cabeçalho (header.php), lateral (sidebar.php) e o rodapé (footer.php):

<!--?php get_header(); ?-->

<!--?php get_sidebar(); ?-->

<!--?php get_footer(); ?-->

Cada uma destas tags devem de ser colocadas no lugar onde o código das outras páginas deve de ser incluído. Por exemplo, no index.php precisamos de incluir o header.php logo no inicio, o sidebar.php no lugar onde antes estava o código da sidebar e no fim da página, temos que incluir o footer.php.

Então os ficheiros index.php, single.php, page.php, archive.php e search.php ficam assim:

<!--?php get_header(); ?-->
	<div id="conteudo">
		<div id="artigos">
			<div class="artigo">
				<h2>Titulo do artigo 1</h2>
				<p>Postado por administrador em 16/01/2012</p>
				<p>Conteudo do artigo</p>
			</div>

			<div class="artigo">
				<h2>Titulo do artigo 2</h2>
				<p>Postado por administrador em 16/01/2012</p>
				<p>Conteudo do artigo</p>
			</div>
		</div>

		<!--?php get_sidebar(); ?-->
	</div>

<!--?php get_footer(); ?-->

Como pode ver, as tags foram adicionas em 3 lugares diferentes, a primeira chama o header, a segunda chama a sidebar e a terceira chama o footer.

Estes são os primeiro passos para a criação de um tema. Depois temos que adicionar várias tags, criar o loop que vai fazer com que os artigos e páginas sejam mostradas e também criar um stylesheet para que o tema fique apresentável nos navegadores de internet. Tudo isto será falado nos próximos artigos.

Download dos ficheiros do tutorial

• Download dos ficheiros do tutorial

Conclusão

Neste primeiro artigo demos os primeiros passos na criação de um template para wordpress. Começamos por saber onde é que os temas estão, como são organizados, quantos ficheiros tem um tema, aprendemos a separar uma página HTML pelos vários ficheiros do tema e também introduzimos pela primeira vez PHP nas páginas para “chamar” outras partes do tema. O mais básico está feito.

No próximo artigo vamos falar no stylesheet e também no header.php por isso fique atento! Se ainda não acompanha o wptotal, recomendamos que passe pela página de subscrição para saber como nos pode seguir

Se tiver alguma dúvida, deixe um comentário.

Para ajuda-lo a prevenir estes problemas, juntamos num só artigo 18 dicas que vão tornar o seu site e hospedagem mais seguros, evitando assim perca de conteúdo, prejuízos e downtimes desnecessários. Estas dicas são para quem usa o wordpress.org, quem usa o wordpress.com não tem que se preocupar com a segurança.

Backups

Fazer backups (cópias) de segurança do seu site não o protege de ataques, mas deixa-o prevenido para o caso de ser atacado. Ao fazer backups regulares para um lugar seguro (o seu computador, por exemplo) evita perder conteúdo ou partes do tema ou plugins que são infetados pelos intrusos.

Se tiver uma cópia, tem os ficheiros a salvo e sem códigos maliciosos. Neste caso só tem que ver onde está o problema, resolve-lo, colocar tudo online e o problema está resolvido.

Recomendamos que faça pelo menos um backup semanal de todo o seu site (não se esqueça da base de dados). Em sites com muitas atualizações diárias é recomendado que faça backups mais regulares para o risco de perder dados ser menor.

WordPress e Plugins Atualizados

Uma das principais portas de entrada para os hackers são os scripts desatualizados, neste caso o próprio wordpress, os plugins e em alguns casos os temas.

Para minimizar os riscos de ser atacado você deve de manter tudo atualizado na última versão. Assim os bugs são menos e torna o trabalho mais difícil para quem está a tentar prejudica-lo.

É importante alertar para o facto de alguns plugins não serem compatíveis com a versão mais recente do WordPress, por isso recomendamos que veja primeiro até qual é a versão que o plugin é compatível e que faça sempre um backup antes da atualização. Caso alguma coisa corra mal tem sempre essa segurança.

Instalar o WordPress de Forma Segura

Instalar o WordPress é uma coisa simples e rápida, no entanto existem alguns pontos em que você pode aumentar a segurança da instalação. Deixamos as seguintes dicas:

- Faça sempre o download através do site oficial

Deve de fazer o download sempre através do site oficial (wordpress.org). Ao fazer o download através de outro site, você pode estar a transferir uma versão alterada do WordPress que pode funcionar mal ou ter já código malicioso instalado.

- Não use scripts de instalação automática

Muitos alojamentos web oferecem sistemas de instalação rápida de scripts como o WordPress. É verdade que você perde menos tempo, mas a configuração automática nunca é tão boa e além disso algumas pessoas sentem depois dificuldades a realizar tarefas básicas como a atualização para versões mais recentes.

Recomendamos que instale o wordpress manualmente e evite estes scripts automáticos para sites que estão disponíveis para o público.

- Dados seguros para aceder a base de dados

A base de dados (no Brasil, banco de dados) é o local onde toda informação do seu site fica guardada (posts, links, configurações, etc) por isso a ligação entre a base de dados e o WordPress deve de ser segura.

Ao criar um user para adicionar a base de dados que vai usar para o wordpress, escolha uma password muito complexa e difícil de descobrir, assim fica muito mais difícil para um hacker conseguir aceder a sua base de dados.

- Nome das tabelas que o wordpress vai usar

Uma base de dados é organizada por tabelas e dentro de cada tabela fica um certo tipo de informação. Por defeito o wordpress usa como prefixo de cada tabela o texto wp_ mas não é o mais seguro porque é o mais vulgar. Ao fazer a instalação do wordpress, use um outro nome qualquer que não faça sentido. Por exemplo: m2a_, 1dp_, etc…

- Username de login no wordpress

Normalmente o username para fazer o login no painel de gestão do WordPress é “admin” e isto pode causar alguns problemas em termos de segurança. Uma pessoa mal intencionada que pretenda entrar no painel de gestão vai começar por usar o username “admin” por ser o mais comum e por isso é importante que o username seja outro.

Nas últimas versões do WordPress foi adicionado um espaço onde você pode escolher o nome para fazer o login. Em vez de “admin” use outra coisa qualquer, o seu nome por exemplo ou outra coisa que não passe pela cabeça de outras pessoas.

- Configurar bem o wp-config

No caso de instalar o WordPress manualmente e por alguma razão não quiser usar o seu navegador para fazer a primeira parte da instalação, terá de configurar o wp-config.php, um ficheiro onde fica toda a informação que vai permitir o WordPress comunicar com a base de dados e que por vezes é usado para adicionar alguns códigos que podem alterar o comportamento do WordPress.

Recomendamos a leitura do artigo como configurar o wp-config.php.

Elimine Ficheiros Desnecessários

Outra das causas para os sites serem atacados é o facto de existir “lixo” na conta de alojamento do site. Apague os plugins e themes que não esteja a usar, deixe online apenas o conteúdo que seja necessário para o site funcionar.

Apague ainda alguns ficheiros que  resultam da instalação ou atualização do wordpress. Esses ficheiros (wp-config-sample.php, readme.html, license.txt) contém informação preciosa para os hackers por isso apague-os para evitar problemas.

Limite o Numero de Logins Falhados

Muitos usam ataques brute force para descobrir a password para entrar no painel de gestão do wordpress, por isso é importante adicionar uma proteção que bloqueie o acesso do IP que fez o ataque se inserir a password várias vezes errada. Recomendamos a utilização do plugin Login LockDown que bloqueia um IP ou até mesmo uma inteira gama de IPs caso seja detectado um grande ataque.

Limite o Acesso a Pastas e Ficheiros

Usando vários métodos é possível visualizar ou até mesmo editar os ficheiros que estão no alojamento, por isso é importante protege-los e torna-los inacessíveis para o publico, algumas coisas que pode fazer:

- Proteger o acesso ao wp-config e .htaccess

O wp-config.php e o .htaccess são dois ficheiros que contêm informação importante sobre a sua instalação de wordpress e hospedagem respetivamente, por isso deve de ter um cuidado especial com estes ficheiros. Para proteger o wp-config.php, adicione este código no fim do seu .htaccess:

order allow,deny
deny from all

Pode fazer o mesmo para proteger o próprio .htaccess:

order deny,allow
deny from all

- Esconda o conteúdo das pastas

Quando criamos uma pasta no nosso alojamento ela fica, na maioria dos casos, acessível através do seu navegador. É possível desta forma ver todo o conteúdo dessa pasta e também ver ou fazer o download dos ficheiros que estão lá.

Para deixar o conteúdo invisível pode criar um ficheiro vazio e chamado de index.html, depois só tem de o colocar dentro de cada pasta. Quem tentar aceder a pasta com esse ficheiro vai ver uma página branca em vez do conteúdo. O problema desta solução é que você precisa de colocar este ficheiro em todas as pastas… isso dá trabalho e você corre o risco de se esquecer de alguma pasta.

A maneira mais simples de fazer isto é adicionar o seguinte código ao .htaccess:

Options All -Indexes

- Esconda a informação do software que está instalado no seu servidor

Normalmente os servidores que usam o Apache mostram, nas páginas de erro e listagem do conteúdo de pastas, o que você tem instalado no servidor e as respetivas versões. Isto pode aumentar a probabilidade do atacante explorar alguma falha conhecida para essas versões. Para resolver este problema, adicione o seguinte código ao .htaccess:

ServerSignature Off

O resultado é este (antes / depois):

- Altere as permissões dos ficheiros e pastas

Cada pasta e ficheiro que estão no seu alojamento têm um conjunto de permissões e quando estas permissões estão mal definidas o seu site corre o risco de ser atacado. As permissões ideais normalmente são o valor 755 para pastas e 644 para ficheiros.

Para perceber melhor como é que as permissões dos ficheiros funcionam e saber como pode alterar estas permissões, recomendamos a leitura do artigo Como Mudar as Permissões de Pastas e Ficheiros através de FTP.

Use uma Hospedagem Segura

Ter um servidor ou uma conta de alojamento num servidor seguro é fundamental para não sofrer ataques. Alguns dos ataques feitos a sites são feitos através de falhas que existem no software que está instalado no servidor. É importante ter tudo atualizado, usar versões estáveis e nunca usar versões editadas ou personalizadas por amadores.

Use o Cloudflare

Já aqui falamos várias vezes no Cloudflare, um serviço que protege o seu site de ataques, aumenta a velocidade de carregamento e ainda diminui o consumo de recursos do seu alojamento (tráfego, load, etc). Além da proteção contra IP’s que já tenham estado envolvidos em ataques anteriores, o Cloudflare ajuda a bloquear ataques DDoS, sql injection, ataques de spam, entre outros.

Recomendamos a leitura do artigo onde apresentamos o Cloudflare e todos os prós e contras e também do artigo como usar o cloudflare.

Conclusão

Como pode ver com apenas algumas coisas simples de aplicar você pode aumentar muito a segurança do seu site. Nada é 100% seguro e infalível mas mesmo assim vale a pena estar protegido.

Espero que este artigo seja útil, se tiver alguma dúvida deixe um comentário em baixo

O iConectado Host é uma empresa criada em 2009 e que atualmente vende serviços de hospedagem de sites, domínios e servidores de games. Todos os servidores estão alojados num dos melhores datacenters da America Latina situado em São Paulo, possibilitando assim boas velocidades e baixas latências para para todo o Brasil.

Serviços

O iConectado Host tem vários serviços que se adaptam a vários tipos de clientes. Além do alojamento partilhado em linux e windows, existem também servidores dedicados, servidores na cloud, servidores de games e domínios (.com.br, .com, entre outros).

Todos os planos de hospedagem partilhada vêm com o Softaculous, um addon que está no cPanel e que permite instalar dezenas de scripts de forma automática (incluindo o wordpress).

O pagamento dos serviços contratados podem ser feitos através dos meios mais usados no Brasil e no caso da hospedagem pode fazer mensalmente ou anualmente. A melhor solução para poupar dinheiro é comprar o plano para um ano, assim você tem um desconto equivalente a dois meses de hospedagem!

Hospedagem Linux

Para quem usa sistemas como o WordPress, Joomla, Magento, phpBB, SMF, entre outros, o alojamento linux é o ideal e o mais barato. O iConectado Host tem planos desde R$ 9,90 por mês.

O plano “web” custa R$ 9,90/mês, tem 10 GB de espaço, tráfego, subdomínios e bancos de dados ilimitados, 1 domínio adicional e ainda um bónus de R$ 150 para investir no Google Adwords!

Você pode começar com este plano e mais tarde passar para outro plano com mias recursos. Para isso só tem que enviar um email/ticket através da área de atendimento e fazer o pedido de upgrade.

• ver planos de hospedagem linux

Hospedagem Windows

Quem usa a tecnologia ASP e ASP.NET nos seus sites terá que optar por um plano de hospedagem com o sistema operativo Windows. O plano mais pequeno custa apenas R$ 14,90 por mês e vem com 15 GB de espaço em disco e tráfego ilimitado.

• ver planos de hospedagem windows

Domínios

Se ainda não tem o seu domínio, o iConectado Host faz o registo de domínios nacionais (Brasil) por apenas R$ 30,00 e domínios internacionais a R$ 15,00.

• ver preços e mais informações sobre os domínios

Desconto de -10% para Leitores do WPTotal

Se está interessado e quer comprar algum produto do iConectado Host, temos um cupom que lhe dá 10% de desconto em hospedagem e domínios.

Ao fazer o pedido, use o código wptotal10 para ter 10% de desconto!

Atendimento

O apoio ao cliente também é importante numa empresa de hospedagem, as vezes você pode ter algumas dúvidas ou problemas que só os responsáveis pelo servidor podem solucionar, por isso o iConectado Host tem um atendimento por email, ticket e chat.

O apoio por email e ticket está disponível 24 horas por dia (inclusive feriados e finais de semana), já o chat está disponível de segunda a sábado entre as 10h e as 19h.

• veja aqui todas as formas de contato/suporte

Video Aulas e Tutoriais

Além dos serviços de hospedagem, o iConectado tem um blog onde você pode encontrar cursos em vídeo que o vão ensinar a trabalhar com o cPanel, WordPress, Fireworks, Magento, HTML e CSS. Além dos cursos e tutoriais você pode encontrar dicas para melhorar o seu site, templates, informações de segurança, notícias, etc.

Todo este conteúdo está em português, é gratuito e de livre acesso e pode ser encontrado em web.iconectado.com.br.

Faça já o seu pedido!

Se está interessado nos serviços do iConectado, aceda já ao site iconectado.com.br e ao fazer o pedido use o código wptotal10 para ter 10% de desconto em hospedagem e domínios!

Normalmente esta tag é usada na sua forma mais simples, ou seja:

wp_list_categories();

Para aproveitar todas as capacidades desta tag temos de usar argumentos. Para isso começamos por definir uma variável para depois aplicarmos na list_categories, vamos chamar a esta variável “argumentos” e esta variável vai ter uma array associativa dentro dela pois queremos aplicar mais do que um valor à variável e não vamos chamar os conteúdos da array com o ID de cada elemento mas sim pelo nome, começando:

$argumentos=array(
//aqui adicionaremos os argumentos
);
wp_list_categories($argumentos);

Não mostrar o titulo na lista

Esta é um dos usos mais comuns para nós utilizarmos os argumentos dentro desta tag e tudo o que temos que fazer é:

$argumentos=array(
'title_li'=> __( '//aqui podem adicionarem o que desejarem que esteja no titulo da lista' ),
);

O que nós estamos a fazer neste pedaço de código em termos de PHP é apenas chamar a chave ‘title_li’ e estamos a dar-lhe o valor que desejamos, neste caso retirar o que vem por defeito no wordpress.

Listar as categorias por ordem descendente

Por defeito o wordpress coloca as categorias ordenadas por nome e de uma forma ascendente, mas se quisermos contrariar isto e revelar as categorias de uma forma descendente, aplicamos este valor á nossa variável:

$argumentos=array(
'order'=>'DESC',
);

Esta chave(‘order’) só aceita dois valores: DESC para revelar as categorias de uma forma descendente e ASC que vem por defeito e as revela numa forma ascendente.

Ordenar as categorias por ID

Todas as categorias que criamos no website têm um nome e a essa categorias também está associado um ID, se não sabem ver qual é este ID vejam o tutorial do Celso que explica como descobrir o ID de uma categoria.

Depois de sabermos isto, e de experimentamos notamos que o list_categories não ordena as categorias por ID mas sim por nome como previamente dito, mas se quisermos ordenar estas por ID também o podemos fazer:

$argumentos=array(
'orderby'=> 'ID',
);

Assim as nossas categorias estarão na nossa página ordenadas pelo ID e não pelo nome.

Não esconder categorias vazias

Muitos de vocês já devem ter reparado que se criarmos uma categoria e não introduzimos nada nesta ela não aparecerá na página se não mudarmos a definição que vêm por defeito com o wordpress que é não mostrar as categorias que estejam vazias na página, se quisermos mudar esta definição e mostrar na nossa página as categorias que estejam vazias usamos:

$argumentos=array(
'hide_empty'=> 0,
);

Esta chave só aceita valores booleanos como verdadeiro e falso, e é para isso que serve o 0, no PHP o 0 é falso e o 1 verdadeiro, este ultimo é o que vem por defeito com o wordpress tornando hide empty verdadeiro e escondendo todas as categorias que estejam vazias e colocando o 0 revertemos isso.

Mostrar apenas categorias que são filhas de uma categoria

Por defeito o wordpress mostra todas as categorias que criou exceto as que estão vazias, mas se tivermos uma página que contenha o artigos e outra que contenha vídeos e nestas duas páginas queremos ter sidebars diferentes, e que estas só mostrem as categorias que são filhas da categoria-mãe artigos, assumindo que o ID dessa categoria é 6 usamos:

$argumentos=array(
'child_of'=> 6,
);

Com este pedaço de código dizemos ao wordpress que na chave child_of só quero que ele mostre as categorias que são filhas da categoria que têm o ID de 6.

Excluir categorias

Caso tenham por exemplo categorias que contenham artigos premium no vosso website e queiram esconder estas categorias só permitindo quem tem conta premium ver também o podem fazer utilizando o chave exclude:

$argumentos=array(
'exclude'=> 5,
);

Com este código o wordpress sabe que quando listar as categorias na página vai ter que excluir a que tem o ID de 5 dessa lista pois esta foi a categoria especificada na chave exclude.
Se quiserem excluir mais que uma categoria só têm que separar os ID’s com virgulas:

$argumentos=array(
'exclude'=> 5,4,7,
);

Como podem ver no final têm que colocar a virgula na mesma para o PHP não dar um erro.

Usando tudo Junto e aplicando ao list_categories

<!--?php $argumentos=array( 'exclude'=--> 5,4,7,
'title_li'=> __( '//aqui podem adicionarem o que desejarem que esteja no titulo da lista' ),
'order'=>'DESC',
'orderby'=> 'ID',
'hide_empty'=> 0,
'child_of'=> 7,
);
wp_list_categories($argumentos); ?>

Como podem ver esta tag do wordpress normalmente não é muito utilizada com estes argumentos e pode ser muito mais enriquecida e moldada com eles. Recomendamos também uma visita ao codex do wordpress para ler a documentação oficial desta tag.

Espero que este artigo seja útil e se tiverem alguma dúvida deixem um comentário

O tema DailyPost foi criado e distribuído gratuitamente pelo WPLook e destina-se a blogs pessoais. Este tema vem com um painel de gestão onde você pode alterar coisas como o url do seu rss feed, o favicon, redes sociais, optimizar o SEO, etc, tem vários formatos de artigo para que cada tipo de conteúdo seja mostrado de maneira diferente, menus personalizados com vários níveis e foi desenvolvido utilizando HTML 5 e CSS 3. Podemos também dizer que ele adapta-se automaticamente a diversas resoluções (veja a imagem em cima), uma funcionalidade cada vez mais útil pois os dispositivos móveis são cada vez mais usados para aceder a internet.

Destaques Principais

• Design responsivo;
• Widgets personalizados;
• Custom post types;
• Preparado para tradução;
• Comentários multi-nível com suporte a gravatars;
• HTML 5 e CSS 3;
• Compatível com as versões mais recentes dos browsers mais populares.

Demonstração e Download

- Live Demo
- Demo (mirror)
- Download do Tema

Artigos Úteis

- Como Instalar um Tema no WordPress
- Como Traduzir um Tema do WordPress

Créditos

- Nome do Tema: DailyPost
- URL: WPLook