<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>blog.webtopia &#187; Tutoriais</title>
	<atom:link href="http://webtopia.com.br/blog/category/tutoriais/feed/" rel="self" type="application/rss+xml" />
	<link>http://webtopia.com.br/blog</link>
	<description></description>
	<lastBuildDate>Wed, 30 Jun 2010 02:34:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>10 Dicas para Otimização de Imagens</title>
		<link>http://webtopia.com.br/blog/10-dicas-para-otimizacao-de-imagens/</link>
		<comments>http://webtopia.com.br/blog/10-dicas-para-otimizacao-de-imagens/#comments</comments>
		<pubDate>Wed, 30 Jun 2010 02:05:47 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Developer]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Imagens]]></category>
		<category><![CDATA[Otimização]]></category>
		<category><![CDATA[Webdesigner]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=661</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/10-dicas-para-otimizacao-de-imagens/><img src=http://webtopia.com.br/blog/wp-content/uploads/2010/06/otimizacao-de-imagens-1-150x150.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>É fato que a busca por imagem leva o usuário a conhecer o site, eu mesmo conheço bons sites e blogs quando procuro por alguma imagem. A otimização de imagens ainda é sub-aproveitada. Profissionais de SEO precisam estar antenados a este detalhe, a imagem leva o usuário ao site e isso é extremamente importante. O ]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">É fato que a busca por imagem leva o usuário a conhecer o site, eu mesmo conheço bons sites e blogs quando procuro por alguma imagem. A otimização de imagens ainda é sub-aproveitada. Profissionais de SEO precisam estar antenados a este detalhe, a imagem leva o usuário ao site e isso é extremamente importante. O Google recentemente mudou a forma de apresentação dos resultados de pesquisa e deu grande relevância as imagens, tanto é que agora miniaturas de imagens são exibidas no resultado da busca.</p>
<p style="text-align: justify;">Veja imagem abaixo.</p>
<p style="text-align: center;"><img class="size-full wp-image-662 aligncenter" style="border: 0px none currentColor;" title="otimizacao-de-imagens-1" src="http://webtopia.com.br/blog/wp-content/uploads/2010/06/otimizacao-de-imagens-1.jpg" alt="" width="480" height="271" /></p>
<p style="text-align: justify;">Nós consumidores somos visuais, precisamos ver para comprar. Os e-commerces já estão percebendo esta oportunidade e já trabalham para melhorar seu rankeamento nos motores de buscas. O mercado ainda irá falar muito sobre isso e otimização de imagens será de grande importância para qualquer planejamento de SEO.</p>
<p style="text-align: justify;">Vantagens da otimização de imagens:</p>
<p style="text-align: justify;">- Menos competição. Otimização de imagem ainda é sub-aproveitada;</p>
<p style="text-align: justify;">- Consumidores prezam anúncios com imagens;</p>
<p style="text-align: justify;">- Suas imagens serão utilizadas por outros usuários e assim seu site será divulgado. Para isso, não esqueça da marca d’agua;</p>
<p style="text-align: justify;">- Não se paga pelo clique como ocorre com Links Patrocinados.</p>
<p><BR></p>
<h2 style="text-align: justify;">10 Dicas para Otimização de Imagens</h2>
<p><BR></p>
<p style="text-align: justify;">1 – Utilize imagens originais. Fotografe você mesmo as fotos ou pague para alguém fotografar. Assim você poderá inserir sua marca d’agua e divulgar seu site quando usuários replicarem;</p>
<p style="text-align: justify;">2 – Imagens com alto contraste são as mais indicadas para miniaturas pois ajudam o usuário a discenir melhor o conteúdo da foto. Reparem na miniatura abaixo, a imagem da esquerda foi alterada aumentando seu contraste, já a imagem da direita permaneceu original. A imagem com contraste exibe maiores detalhes do produto, dando mais destaque ao que realmente interessa;</p>
<p style="text-align: center;"><img class="size-full wp-image-663 aligncenter" style="border: 0px none currentColor;" title="otimizacao-de-imagens-contraste" src="http://webtopia.com.br/blog/wp-content/uploads/2010/06/otimizacao-de-imagens-contraste.jpg" alt="" width="257" height="216" /></p>
<p style="text-align: justify;">3 – Utilize imagens em JPG. Imagens nesta extensão são representadas como fotos pelos motores de buscas, fotos = milhões de cores, ou seja, mais qualidade. Já as GIFs são representadas como imagem padrão de 256 cores;</p>
<p style="text-align: justify;">4 – Nomeie as imagens com a keyword do conteúdo. Por exemplo: viagem-europa.jpg. É claro que o nome do arquivo precisa realmente representar o que a imagem exibe. O nome do arquivo será exibido logo abaixo da miniatura da imagem, ajudando assim a reforçar a comunicação aos usuários;</p>
<p style="text-align: justify;">5 – Tag Alt com keywords relevantes ao conteúdo. Por exemplo: &lt;img src=”viagem-europa.jpg” alt=”Viagem para Europa nas férias” /&gt;. Jamais esqueça da Tag Alta das imagens, ela é extremamente importante e muito significativa;</p>
<p style="text-align: justify;">6 – Otimize o conteúdo do site próximo a imagem. Mecanismos de buscas, principalmente o Google, prezam quando há texto com keywords semelhantes as utilizadas para nomear o arquivo e na Tag Alt;</p>
<p style="text-align: justify;">7 – Além de otimizar o conteúdo próximo a imagem,  lembre-se também de otimizar a Meta Title, Meta Description e Heading Tags (H1, H2…);</p>
<p style="text-align: justify;">8 – Qualidade das imagens. Procure reduzir o tamanho e a qualidade das imagens. Mas não deixe perder a nitidez. Se puder deixar um link para a imagem em alta resolução é interessante;</p>
<p style="text-align: justify;">9 – Compartilhe as fotos no Flickr e outros álbuns online que permitem buscas externas;</p>
<p style="text-align: justify;">10 – Não use Javascript para linkar imagens, motores de buscas não seguem links em Javascript.</p>
<p style="text-align: justify;">
<p style="text-align: right;"><span style="color: #888888;"><em>fonte: eunaoseiseo</em></span></p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/10-dicas-para-otimizacao-de-imagens/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Manual Editor WordPress 2.9</title>
		<link>http://webtopia.com.br/blog/manual-editor-wordpress-2-9/</link>
		<comments>http://webtopia.com.br/blog/manual-editor-wordpress-2-9/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 00:39:44 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=525</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/manual-editor-wordpress-2-9/><img src=http://webtopia.com.br/blog/wp-content/uploads/2010/03/manual-wp-2-9-2-150x150.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>Este manual foi desenvolvido para explicar as funcionalidades básicas de gerenciamento do WordPress, sendo dividido em 7 capítulos. Você deve ter percebido que o sistema gerenciador de conteúdos oferece muitas opções no menu principal, porém com este manual acreditamos que o aprendizado será facilitado.
Este manual encontra-se completo, sendo voltado para Editores.  As demais opções ]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><img class="alignright size-full wp-image-526" style="border: 0px none currentColor;" title="manual-wp-2-9-2" src="http://webtopia.com.br/blog/wp-content/uploads/2010/03/manual-wp-2-9-2.jpg" alt="" width="300" height="341" />Este manual foi desenvolvido para explicar as funcionalidades básicas de gerenciamento do WordPress, sendo dividido em 7 capítulos. Você deve ter percebido que o sistema gerenciador de conteúdos oferece muitas opções no menu principal, porém com este manual acreditamos que o aprendizado será facilitado.</p>
<p style="text-align: justify;">Este manual encontra-se completo, sendo voltado para Editores.  As demais opções que não foram citadas neste manual podem ser aprendidas facilmente com a utilização do sistema. O painel administrativo é bastante amigável e intuitivo.</p>
<p style="text-align: justify;">É muito importante não excluir categorias do site, pois estas estão codificadas no tema WordPress. Evite ao máximo excluir logs, artigos e outras informações que possuem relevância, pois o WordPress nos permite colocar praticamente tudo em modo de rascunho ou modo privado.</p>
<p style="text-align: justify;">
<p><BR></p>
<h2 style="text-align: justify;">Índice do Manual</h2>
<p style="text-align: justify;">3    <strong>Capítulo 1 – Introdução</strong><br />
3    Sobre o WordPress<br />
3    Características principais</p>
<p>4    <strong>Capítulo 2 – Conceitos básicos do Painel</strong><br />
4    Logando no Painel de Controle<br />
5    Painel de Controle – WordPress 2.9<br />
6    Primeiro Login – Mudando a senha de acesso administrativo</p>
<p>7    <strong>Capítulo 3 – Gerenciamento de Posts (Artigos)</strong><br />
7    Sobre os Posts<br />
7    Adicionar novos Posts<br />
8    Opções de Formatação de Post<br />
8    Adicionar fotos e Arquivos<br />
10    Adicionar vídeos do Youtube, Google Vídeos e outros<br />
10    Adicionar vídeos através do seu servidor web<br />
11    Opções de Publicação<br />
12    Sobre Tags e Categorias<br />
13    Permitindo Comentários e Trackbacks, respondendo comentários e mudando Autoria do post<br />
14    Editando Posts</p>
<p>15    <strong>Capítulo 4 – Gerenciamento de Páginas</strong><br />
15    Sobre as Páginas<br />
15    Adicionando uma nova página<br />
16    Outras características das Páginas</p>
<p>17   <strong> Capítulo 5 – Gerenciamento de Links</strong><br />
17    Sobre os Links – visão geral<br />
17    Adicionando novo link<br />
18    Editando Links</p>
<p>19    <strong>Capítulo 6 – Gerenciamento de Comentários</strong><br />
19    Sobre os Comentários – visão geral<br />
19    Moderando comentários</p>
<p>20    <strong>Capítulo 7 – Widgets</strong><br />
20    Sobre os Widgets<br />
20    Utilizando e configurando Widgets</p>
<p>21    <strong>Considerações finais<BR></strong></p>
<h2><a href="http://webtopia.com.br/blog/wp-content/uploads/2010/03/WordPress-manual-2-9-editor-v2.pdf" target="_blank">Clique aqui para fazer o download do manual</a></h2>
<p><BR></p>
<p style="text-align: right;"><em><span style="color: #888888;">Fonte: faracy </span></em></p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/manual-editor-wordpress-2-9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Grids são bons (certo?)</title>
		<link>http://webtopia.com.br/blog/grids-sao-bons-certo/</link>
		<comments>http://webtopia.com.br/blog/grids-sao-bons-certo/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 04:02:29 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[Webdesigner]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=433</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/grids-sao-bons-certo/><img src=http://webtopia.com.br/blog/wp-content/uploads/2010/02/grids_are_good-150x150.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>"A grade é a manifestação mais viva da vontade de ordem no design gráfico".
Artigo sobre o uso de grids, no Web-design. Apresentação muito boa para designers]]></description>
			<content:encoded><![CDATA[<p><object style="margin:0px" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=grids-are-good-right-29523&amp;rel=0&amp;stripped_title=grids-are-good-right" /><param name="allowfullscreen" value="true" /><embed style="margin:0px" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=grids-are-good-right-29523&amp;rel=0&amp;stripped_title=grids-are-good-right" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><img class="size-full wp-image-436  alignleft" title="grids_are_good" src="http://webtopia.com.br/blog/wp-content/uploads/2010/02/grids_are_good.jpg" alt="grids_are_good" width="180" height="178" /><BR>2007<BR>152 pages<BR> PDF<BR> 5Mb<BR> Article about using grid in Web-design.<br />
<a href="http://rapidshare.com/files/89116842/grids_are_good.rar" target="_blank">Download</a><br />
<BR><br />
<em>http://www.ebookpdf.net/</em></p>
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/grids-sao-bons-certo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Manual de utilização do WordPress</title>
		<link>http://webtopia.com.br/blog/manual-de-utilizacao-do-wordpress/</link>
		<comments>http://webtopia.com.br/blog/manual-de-utilizacao-do-wordpress/#comments</comments>
		<pubDate>Sat, 31 Oct 2009 22:03:45 +0000</pubDate>
		<dc:creator>rafab</dc:creator>
				<category><![CDATA[Tutoriais]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://webtopia.com.br/blog/?p=108</guid>
		<description><![CDATA[<a href=http://webtopia.com.br/blog/manual-de-utilizacao-do-wordpress/><img src=http://webtopia.com.br/blog/wp-content/uploads/2009/10/wordpress-150x150.jpg class=imgtfe hspace=5 align=left width=100  border=0></a>O WordPress é uma popular ferramenta para edição e gerênciamento de conteúdos na web (CMS).  Veja como escrever um post/publicação no wordpress com este tutorial]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">
<p style="text-align: justify;"><img class="size-thumbnail wp-image-154 alignleft" title="wordpress" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/wordpress-150x150.jpg" alt="wordpress" width="150" height="150" /><br />O WordPress é uma popular ferramenta para edição e gerênciamento de conteúdos na web (CMS).  Veja como escrever um post/publicação no wordpress com este tutorial. Abaixo os tópicos que serão abordados neste tutorial:</p>
<p>
Painel de Administração<br />
Menu Geral<br />
Editor de conteúdo<br />
Escrever post / artigo<br />
Escrever uma página<br />
Adicionando um link<br />
Gerenciar Arquivos de Mídia</p>
<h2 style="text-align: justify;">Painel de Administração</h2>
<p style="text-align: justify;">Esta tela é a página de entrada do seu administrativo.</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-110" title="painel" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/painel.jpg" alt="painel" width="500" height="197" /><br />
No Painel, ou Dashboard em inglês, você encontra um resumo de atividades no site, bem como alguns alertas do sistema que necessitam da sua atenção.</p>
<p style="text-align: justify;">Na imagem acima possuímos as seguintes opções:</p>
<p style="text-align: justify">- Painel de Controle do WordPress.<br />
- Botão &#8220;visitar site&#8221; de visualização do site: Ao clicar neste comando, você será redirecionado para a estrutura do blog desenvolvido. Portanto, sempre que efetuar a atualização do blog, clique no comando Ver o site para visualizar o resultado desta ação.<br />
- Menu geral.<br />
- Atalho rápido para escrever um novo post ou uma nova página.<br />
- Resumo dos recursos utilizados atualmente pelo seu blog.</p>
<p style="text-align: justify">O painel de administração do WordPress também apresenta 5 boxs contendo alguns recursos e atalhos para determinados serviços utilizados, são eles:<br />
<strong>Comentários</strong> &#8211; Box que lista todos os comentários feitos pelos internautas que são atribuídos ao seu blog.<br />
<strong>Links de entrada</strong> &#8211; Listagem dos links que são feitos por outros blogs para o seu.<br />
<strong>Blog de desenvolvimento do WordPress</strong> &#8211; Todas as informações que são vinculadas ao blog oficial do WordPress serão listadas neste box para a sua consulta.<br />
<strong>Plugins </strong>- Todos os novos plugins que são desenvolvidos para o WordPress são apresentados neste box para que você possa atualizar o seu blog conforme achar necessário. Aqui serão sempre listados os novos recursos para as ferramentas utilizadas.<br />
<strong>Outras notícias do WordPress</strong> &#8211; Notícias vinculadas ao WordPress são apresentadas aqui.</p>
<h2>Menu geral</h2>
<p style="text-align: justify"><img class="size-full wp-image-111 alignleft" title="menu" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/menu.jpg" alt="menu" width="160" height="457" />O gerenciamento de um conteúdo no blog que estamos desenvolvendo se divide em 4 opções, que contidas dentro do menu Gerenciar no seu menu principal.</p>
<p style="text-align: justify"><strong>Gerenciando um Post</strong><br />
Administramos todos os Posts que desenvolvemos em nosso blog através desta opção.<br />
Veja como administramos os recursos desta opção clicando aqui.</p>
<p style="text-align: justify"><strong>Gerenciando uma Página</strong><br />
Administramos todas as Páginas desenvolvidas em nosso blog através desta opção.</p>
<p style="text-align: justify"><strong>Gerenciando Arquivos de Mídias</strong><br />
Todos as mídias aplicadas em seu blog serão gerenciadas por esta opção.</p>
<p style="text-align: justify"><strong>Gerenciando uma Categoria</strong><br />
As Categorias que criamos para cada post são administradas através deste menu.<strong> </strong></p>
<p></p>
<p style="text-align: justify">
<h2>Escrevendo:</h2>
<p>Você pode editar um post ou página existente ou adicionar novas. Pode formatar o texto como no Word. É claro que existem muitas limitações pois os textos na internet devem ser mais padrões.</p>
<p style="text-align: justify">Um post é a criação de um conteúdo que será publicado de forma cronológica em seu blog, enquanto escrever uma página é fixar o conteúdo de forma estática, que não será disponibilizada na página principal, e sim numa página que surgirá separadamente das postagens.</p>
<p></p>
<h2 style="text-align: justify">Editor de conteúdo</h2>
<p style="text-align: justify">O editor de texto do WordPress é muito semelhante ao do Word, porém conta com recursos superiores.</p>
<p style="text-align: justify">Você poderá trabalhar com o editor de duas formas, com o editor Visual ou com o editor HTML. O editor Visual o mais recomendado, pois não requer conhecimento da linguagem HTML. Utilizando o editor Visual, toda a informação que for incluída no box do editor será convertida automaticamente em HTML e irá apresentar o texto de forma visual para você.</p>
<p style="text-align: justify">O editor HTML serve para aqueles que possuem conhecimento em HTML e desejam escrever diretamente nesta linguagem.</p>
<p style="text-align: justify">O editor de conteúdo contém recursos que ficam ocultos, as chamados opções avançadas. Para exibir estas opções e utilizar os recursos oferecidos por elas, utilize o comando Alt+Shift+Z ou clique no botão Mostrar/ocultar opções avançadas no editor.</p>
<p style="text-align: justify">
<p style="text-align: justify"><img class="aligncenter size-full wp-image-124" title="Untitled-1" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/Untitled-1.jpg" alt="Untitled-1" width="500" height="309" /></p>
<p style="text-align: justify">
<p style="text-align: justify">Abaixo está a lista de comandos do editor com todos os recursos, incluindo as opções avançadas:</p>
<p style="text-align: justify">- <strong>Upload/Inserir</strong> (da esquerda para à direita): Adicionar uma imagem, Adicionar vídeo, Adicionar áudio, Adicionar mídia.</p>
<p style="text-align: justify">- <strong>Comandos do editor Visual</strong>: Negrito, Itálico, Riscado, Lista não ordenada, Lista ordenada, Citação, Alinhar à esquerda, Centralizar, Alinhar à direita, Inserir/editar link, Remover link, Inserir/editar imagem, Inserir a tag Mais (more), Ativar/desativar a correção ortográfica, Ativar/remover modelo de tela inteira, Mostrar/ocultar opções avançadas.</p>
<p style="text-align: justify">- <strong>Opções avançadas do editor Visual </strong>(da esquerda para a direita): Tipo de fonte, Sublinhado, Justificar, Selecionar a cor do texto, Colar como texto simples, Colar do Word, Remover formatações, Inserir/editar mídia incorporada, Inserir símbolo, Diminuir recuo, Aumentar recuo, Desfazer, Refazer, Ajuda.</p>
<p></p>
<h2 style="text-align: justify">Escrever Post</h2>
<p style="text-align: justify">Para escrever um post (conteúdo), é necessário clicar na aba Posts / Adicionar Novo (sempre que que clicarmos nesta aba, ela seleciona a opção de criação de um post). Deve-se entender que um post é diferente de uma página.</p>
<p style="text-align: justify">Um post é a criação de um conteúdo que será publicado de forma cronológica em seu blog, enquanto escrever uma página é fixar o conteúdo de forma estática, que não será disponibilizada na página principal, e sim numa página que surgirá separadamente das postagens.</p>
<p style="text-align: justify">Clicando na opção Adicionar Novo, você irá visualizar novamente o editor de conteúdo para criar o assunto com as informações desejadas. No campo <strong>Título</strong> você irá incluir o nome do assunto em questão que será publicado, já no box <strong>Post</strong> você deverá incluir as informações que achar necessário com todos os recursos oferecidos pelo editor.</p>
<p style="text-align: justify">Antes de publicar este simples conteúdo, é necessário complementar o post que está sendo criado com os recursos oferecidos pelo WordPress. Observe a figura abaixo que irá exibir uma lista de opções que serão disponibilizadas para complementar a criação de um post. Estas opções se encontram abaixo do editor de conteúdo:</p>
<p style="text-align: justify"><img class="size-full wp-image-128 alignleft" title="publicar" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/publicar.jpg" alt="publicar" width="250" height="451" /> <strong>Tags: </strong>A função das Tags é para facilitar a classificação de assuntos do conteúdo. É como se fossem etiquetas. A gente marca Tags para etiquetar um post sobre determinado assunto. São como categorias menos importantes. São palavras-chaves que serão relacionadas a todos os assuntos que estiverem vinculados a esta informação, ou seja, em seu primeiro post é criado um determinado assunto (tutorial de ajuda) e definirá uma única tag (dicas) neste post.</p>
<p style="text-align: justify">Os demais posts que forem criados e possuírem esta mesma tag, neste caso a tag (dicas), vão possuir um vínculo, e toda vez que você clicar na tag (dicas) todos os posts que possuírem esta tag serão listados na sua página principal. Esse tutorial está com as tags: tutorial, manual, wordpress. Separe as tags por vírgula e clique em Add.</p>
<p style="text-align: justify"><strong>Categorias: </strong>Através das categorias é possível subdividir o conteúdo que será exposto no sistema em diferentes temas. Quando for efetuada a postagem você poderá selecionar uma, duas ou diversas categorias para que todas as postagens sejam encontradas sob os temas desejados.</p>
<p style="text-align: justify">Como é o seu primeiro post, vamos criar uma categoria para ele. Clique na opção + Adicionar nova categoria e no box que irá surgir abaixo escreva o nome da categoria que estamos criando. Defina se esta será a Categoria mãe (responsável por outras futuras Categorias que serão criadas e vinculadas a esta) ou se ela é uma Categoria Não Classificado, após definir estas informações, clique em Adicionar.</p>
<p style="text-align: justify">Esta Categoria será encaminhada para o box Todas as categorias e basta selecioná-la utilizando o seu marcador de seleção, que se encontra ao lado esquerdo.É importante você marcar ou adicionar uma categoria a que se refere o post. Por exemplo, este post está nas categorias Tutorial  (As categorias funcionam como uma espécie de Menu. Quando você cria uma categoria, ele cria um link como um menu no seu blog automaticamente). Não há limite para o número de categorias para marcar em um conteúdo.</p>
<p style="text-align: justify">Desta forma você adicionou uma Categoria para o seu post com sucesso.</p>
<p style="text-align: justify"><strong>Resumo:</strong> Como é descrito abaixo do box de mesmo nome, você poderá utilizar o recurso Resumo para dar uma descrição do conteúdo do post que você está escrevendo.</p>
<p style="text-align: justify"><strong>Trackbacks:</strong> Inclua no box Trackbacks as URL’s dos blogs que você conhece, desta forma você terá o link do blog desejado listado em seu sistema.</p>
<p style="text-align: justify"><strong>Campos personalizados:</strong> São responsáveis por armazenar um conteúdo adicional sobre a informação que está sendo postada. Metadados são dados sobre dados. Informações sobre a própria informação.</p>
<p style="text-align: justify"><strong>Comentários e pings: </strong>Você define se o usuário poderá efetuar um comentário em seu post ou não através da opção Permitir comentários. A opção Permitir pings serve para que o seu blog avise aos sistemas de gerenciamento que o mesmo foi atualizado sempre quando for incluída uma nova postagem.</p>
<p style="text-align: justify"><strong>Proteger com senha:</strong> Definimos aqui uma senha que deverá ser utilizada pelos usuários para que estes possam comentar e visualizar os Comentários em seu blog.</p>
<p style="text-align: justify"><strong>Após definir as configurações do post que você está criando, salve o conteúdo através do comando Publicar que se encontra ao lado direito do editor de conteúdo.</strong></p>
<p></p>
<h2 style="text-align: justify">Escrever uma página</h2>
<p style="text-align: justify">Escrever uma página é tão simples quanto criar um post, porém você estará criando um local de conteúdo estático no WordPress. O editor de conteúdo utilizado para a criação de uma página não é modificado, portanto você terá muita facilidade durante o desenvolvimento. Vamos então desenvolver uma página e ficar atentos para a complementação das Opções avançadas que veremos abaixo.</p>
<p style="text-align: justify">Desenvolva o conteúdo desejado utilizando todos os recursos do editor de texto, como se fosse desenvolver um post. Concluído o conteúdo da página desejada, vamos complementá-la com os recursos oferecidos pelas Opções avançadas.</p>
<p style="text-align: justify">Vamos ver os recursos oferecidos por cada uma destas opções:</p>
<p style="text-align: justify"><img class="size-full wp-image-131 alignleft" title="atributos" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/atributos.jpg" alt="atributos" width="250" height="434" /></p>
<p style="text-align: justify"><strong> Campos personalizados:</strong> Possui a mesma função da categoria post. São responsáveis por armazenar um conteúdo adicional sobre a informação que está sendo postada. Metadados são dados sobre dados. Informações sobre a própria informação.</p>
<p style="text-align: justify"><strong>Comentários e pings</strong>: Definimos aqui se o usuário poderá escrever um comentário em seu post ou não, através da opção Permitir Comentários. A opção Permitir pings serve para que o seu blog avise aos sistemas de gerenciamento que o ele foi atualizado, isto ocorrerá sempre quando você incluir uma nova postagem.</p>
<p style="text-align: justify">Esta página é <strong>protegida por senha</strong>: Definimos aqui uma senha que deverá ser utilizada pelos usuários, para que possam visualizar a sua página e os Comentários em seu blog e assim adicionar um comentário nesta página.</p>
<p style="text-align: justify"><strong>Página Mãe</strong>: É possível que uma página esteja dentro de outra, ou seja, é possível fazer uma página filha, neta, e assim por diante.</p>
<p style="text-align: justify"><strong>Modelo da Página</strong>: De acordo com o tema do seu site podem ser oferecidos diferentes modelos para visualização de conteúdo. Na maioria das vezes o modelo padrão atende a todas as necessidade do site, ou seja, só é necessário modificar o modelo em um nível de uso avançado.</p>
<p style="text-align: justify"><strong>Ordem da página:</strong> A disposição do menu geralmente obedece a uma ordem, que é definida nesta configuração. Isso altera a sequência e disposição das páginas no menu, se ele estiver configurado pelo administrador para atender essa ordem.</p>
<p style="text-align: justify">Após incluir estas informações, salve o conteúdo da página através do comando &#8220;<strong>Publicar</strong>&#8220;.</p>
<p></p>
<h2 style="text-align: justify">Adicionando um link</h2>
<p style="text-align: justify">É possível adicionar alguns links (atalhos) para outros sites em seu blog. Em todos os Temas do WordPress você irá visualizar, na lateral esquerda do seu blog, um pequeno menu listando os sites favoritos existentes em seu blog, esta listagem é conhecida como Blogroll (iremos lhe ensinar como modificar este título ainda neste tutorial).</p>
<p style="text-align: justify">Você poderá adicionar os links para outros sites e blogs conforme desejar.</p>
<p style="text-align: justify">Vamos adicionar um link seguindo as orientações abaixo:</p>
<p style="text-align: justify">Clique na aba Escrever e, depois na opção nomeada como Link. Você estará no setor nomeado como Adicionar Link.</p>
<p style="text-align: justify"><img class="aligncenter size-full wp-image-134" title="linkd" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/linkd.jpg" alt="linkd" width="500" height="347" /></p>
<p style="text-align: justify"><strong>Nome</strong>: Informe aqui o nome do link que será exibido na lista do Blogroll, por exemplo, o nome do site, o tipo ou o nome pelo qual é conhecido.</p>
<p style="text-align: justify"><strong>Endereço (URL)</strong>: Aqui informamos a URL do site que será acessado, por exemplo http://seuwebsite.com.</p>
<p style="text-align: justify"><strong>Descrição: </strong>O texto acima será mostrado quando alguém passar o cursor do mouse em cima do link, na lista de sites favoritos ou, opcionalmente, abaixo do link.</p>
<p style="text-align: justify">Complemente a criação dos links utilizando os recursos disponibilizados pela opção <strong>Categorias</strong> e pelas <strong>Opções avançadas</strong>.</p>
<p style="text-align: justify"><strong>Categorias: </strong>Possui a mesma função das categorias de um Post ou de uma Página. Através das categorias é possível subdividir o conteúdo que será exposto no sistema em diferentes temas. Quando for efetuada a postagem você poderá selecionar uma, duas ou diversas categorias para que todas as postagens sejam encontradas sob os temas desejados.</p>
<p style="text-align: justify"><strong>Opções avançadas</strong></p>
<p style="text-align: justify"><strong>Destino: </strong>Nesta opção nós configuramos de que forma o link que estamos criando será acessado/visualizado, ou seja, de que forma ele será aberto em seu navegador. Veja o que cada configuração poderá fazer: _blank (o link será aberto em uma nova janela), _top (o link configurado será aberto na mesma janela) e nenhum (não disponibiliza nenhum conteúdo).</p>
<p style="text-align: justify"><strong>Relação de Links (XFN)</strong>: Se o link que estamos criando é para uma pessoa, você pode especificar a sua relação com ela usando os recursos do formulário desta opção. Se você quiser saber mais sobre esta idéia consulte XFN.</p>
<p style="text-align: justify"><strong>Avançada: </strong>São complementos dos links, onde podemos incluir algumas imagens, endereço do Feed RSS e entre outras opções de sua escolha.</p>
<p style="text-align: justify"><strong>Após o preenchimento destas opções, salve as configurações que foram incluídas utilizando o comando &#8220;Adicionar Link&#8221; que se encontra no lado direito da sua página.</strong></p>
<p style="text-align: justify"><em>A opção Manter este link privado não irá expor este conteúdo em sua página. Portanto,vale apenas como um recurso onde será possível manter os links criados até que possam ser publicados por você.</em></p>
<p></p>
<h2 style="text-align: justify">Gerenciar Arquivos de Mídia<em> </em></h2>
<p style="text-align: justify"><em>Todos as mídias aplicadas em seu blog serão gerenciadas por esta opção.</em></p>
<p style="text-align: justify">Você irá se deparar com uma tabela administrativa que contém os seguintes recursos:</p>
<p style="text-align: justify"><img class="aligncenter size-full wp-image-137" title="midias" src="http://webtopia.com.br/blog/wp-content/uploads/2009/10/midias.jpg" alt="midias" width="500" height="91" /></p>
<p style="text-align: justify">- <strong>Procurar mídia: </strong>É um box que tem a função de procurar uma determinada mídia que será especificada por você.</p>
<p style="text-align: justify">- <strong>Botão Excluir / Filtrar: </strong>Possuem a função de remover uma determinada mídia que for selecionada na tabela administrativa ou então filtrar uma determinada seleção.</p>
<p style="text-align: justify">- <strong>Tabela administrativa:</strong> É a tabela que lista as mídias selecionadas por intermédio de uma das opções anteriores. Você poderá interagir com estas mídias utilizando os recursos que serão disponibilizados na tabela.</p>
<p style="text-align: justify">
<p style="text-align: justify">
<p style="text-align: justify">
<p style="text-align: justify">
<p style="text-align: justify">
]]></content:encoded>
			<wfw:commentRss>http://webtopia.com.br/blog/manual-de-utilizacao-do-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
