Normalmente vamos querer que nosso site seja algo público e acessível para todos os usuários da Internet, porém podem acontecer situações onde vamos querer limitar o acesso a determinada área do site ou então disponibilizar arquivos para download apenas para pessoas autorizadas e proteger determinadas áreas, com senhas e pastas que vão impedir que usuários curiosos peguem arquivos que você quer proteger.

Vamos aprender como proteger uma pasta, utilizando uma senha. Para isso acesse o painel de controle Hostnet, digite seu usuário e senha. Depois procure pelo ícone “Gerenciador de Arquivos”. Acesse a pasta “www” que é a pasta principal do seu servidor e lá crie uma pasta, clicando no botão “Nova Pasta”.

A utilização do Gerenciador de Arquivos, pode substituir em alguns casos a utilização da ferramenta de FTP, já que ela é mais prática e rápida para algumas situações.

Chamaremos a nova pasta criada de “trabalho”. Selecionamos a pasta e clicamos no ícone em formato de cadeado, para realizar a proteção por senha. Em seguida, será possível gerenciar algumas formas de segurança, criando por exemplo um usuário e senha. Utilizamos um usuário chamado “gerente” e uma senha, depois clicamos em “Inserir Usuário”. E automaticamente ele é criado. Se você desejar inserir outros usuários, também é possível, assim dará permissão para múltiplas pessoas acessarem esse diretório protegido.

Também é possível fazer restrição de IP, permitindo ou bloqueando um determinado IP, o que é útil quando se está trabalhando em algum local reservado em que se deseja permitir ou restringir o acesso uma determinada máquina ou de uma determinada máquina.

Pode-se indicar qual o arquivo de índice, como padrãos será aceito qualquer um dos arquivos listados, isto é quando a pasta for acessada serão procurados um destes arquivos. Em nosso caso, criaremos o “index.html”. Já está feita a proteção da pasta.

Abrimos mais uma aba em nosso navegador e acessamos: www.comocriarmeusite.com.br/trabalho e já é pedido o usuário e senha. Só quem vai acessar esta pasta é quem tiver esses dados, no caso é nosso usuário “gerente”.
Vamos cancelar a operação e exibida uma mensagem informando que temos que ter autenticação para acessar a pasta.

Vamos demonstrar mais um exemplo, volte ao “Gerenciador de Arquivos”, acesse a pasta “www” mais uma vez, pasta “trabalho” e dentro dela será criado um arquivo “index.html”, clicamos em “Novo Arquivo”. O arquivo foi criado e pode ser editado, clicando-se no último botão ao lado dele, criamos um arquivo html simples, só como exemplo. Pode-se criar páginas com downloads e o que tiver dentro dessa pasta será protegido. Salvamos o arquivo.
Vamos acessar novamente www.comocriarmeusite.com.br/trabalho , agora com o usuário “gerente” e a senha configurada.

Essa proteção serve tanto para pastas ou arquivos. Por exemplo, enviamos um arquivo, em nosso caso o “fotos.zip” para dentro da nossa pasta “trabalho”, que está devidamente protegida. Agora, vamos simular um usuário tentanto ter acesso ao arquivo “fotos.zip”.

Abriremos um novo navegador, acessamos  www.comocriarmeusite.com.br/trabalho/fotos.zip
Será requerido o nome do usuário e senha, antes de fazer o download das fotos. Por exemplo, colocaremos o usuário “gerente” e a senha e automaticamente o download é feito.

Utilize esse recurso para proteger determinadas áreas do seu site e garanta ainda mais segurança para os seus arquivos confidenciais.

Confira outros tutoriais em www.comocriarmeusite.com.br .

Versão do vídeo em texto:

Quando a segurança dos seus arquivos online, uma dúvida logo aparece. Será que realmente suas informações estão seguras para trafegar ou serem armazenados em servidores seguros na Internet. Quando acessamos um home bank ou quando fazemos uma compra online, sempre nos preocupamos com isso.

Mas será que é só nesse tipo de situação que devemos nos preocupar? Seu site, por exemplo, todos os dados que estão lá dentro são de suma importância.

O problema é que o acesso a eles é dado por um painel de controle que geralmente pede seu login e senha, pensando nisso a Hostnet contratou uma das maiores empresas de segurança da informação e traz como opções para seus clientes um recurso importantíssimo, para a proteção de seus dados: o Token. Vamos ver como ele funciona.

Hoje em dia, o método mais utilizado para autorizar a entrada de algum usuário a um site ou serviço é através de uma senha pessoal. O problema é que muitas pessoas acabam utilizando senhas muito simples, como sequências numéricas, alfabéticas ou até mesmo algo óbvio como a palavra senha. Alguns chegam ao cúmulo de escrever sua senha senha em um pedaço de papel e colar no monitor ou embaixo do teclado.

Mesmo que você não tenha nenhuma dessas atitudes irresponsáveis, ainda assim algum sujeto mal intencionado pode interceptar os seus dados e pô em risco a segurança de seu site e depois não adianta se desesperar.

Devemos nos preocupar com as seguranças dos dados diariamente, pois qualquer descuido pode ser fatal. Sem dúvida a maneira mais moderna de proteção dos dados é aquela utilizada por vários bancos, porém o token pode ser utilizado em muitas outras situações, uma delas é garantir a segurança de seu painel de controle.

Para desempenhar essa tarefa, a Hostnet traz toda a credibilidade da VeriSign, que é uma das líderes mundiais de certificação digital. Inicialmente, você acessará seu painel de controle normalmente. Após digitar seu login e senha, será necessário informar uma chave de segurança gerada pelo Token. Essa chave será passada para o servidor da Hostnet , que encaminhará a solicitação para um dos vários servidores da VeriSign, espalhados pelo mundo.

Somente lá, essa chave será validada e assim sua entrada no painel de controle, será autorizada. Não se preocupe pois mesmo que alguém consiga interceptar o seu código de segurança, não terá tempo de fazer o acesso, pois essa chave só é válida por 30 segundos.

Gostou da novidade? Vamos ver como o Token funciona, na prática.

Abrindo o navagador, vamos acessar o site da Hostnet, em www.hostnet.com.br . No canto superior direito vamos clicar em painel de controle. A primeira página de autenticação, é padrão e você vai digitar seu domínio e senha de FTP.

Em nosso caso, o domínio é comocriarmeusite.com.br e vamos colocar nossa senha. Clicando em seguida, no botão “OK”.

A próxima tela de autenticação vai solicitar o código de segurança gerado pelo Token. Nesse momento, basta que pressionemos o botão do Token e o código de seis digitos é gerado. Digitando o código gerado, basta que clique em “OK” e o painel de controle está disponível.

Utilizar o código gerado pelo Token e o login e senha da sua conta na Hostnet , oferece ainda mais segurança ao seu site.

Se você já tem um plano de hospedagem conosco e quer adicionar esse importante recurso de segurança, entre em contato com nosso suporte técnico, nossos atendentes lhe darão todas as informações necessárias.

Se você não é cliente Hostnet e ainda quer a segurança de seus dados, tudo bem, você ainda pode contar com a sorte!

Versão em texto:
Nos vídeos anteriores sobre Joomla, aprendemos como modificar uma série de recursos visuais na tela principal do seu site, porém a nossa visitante Márcia Fernandes fez um comentário em nosso site que é uma dúvida muito pertinente, ela perguntou como modificar a mensagem ‘Welcome to the Frontpage’, que fica na página principal do seu site em Joomla.

Ela realmente incomoda bastante, principalmente se seu site for completamente em português, vamos aprender como gerenciar essa área de texto. Acesse seu painel de controle, clique em ‘Menus’ >> ‘Main Menu’.

Na tela de administração de itens do menu, clique em ‘Home’, nessa área você configura tudo que aparecerá na tela do menu principal. Em nosso caso, vamos clicar em ‘Parâmetros (Sistema)’. No título da página, vamos modificar o ‘Welcome to the Frontpage’ para uma mensagem em português. Na parte superior direita, vamos clicar em ‘Salvar’ e voltando ao nosso site, vamos atualizá-lo.

A mensagem de boas-vindas já foi alterada. Se por acaso, você não quiser que ela apareça, também existe uma opção, vamos voltar no menu, escolhemos a mesma opção ‘Main Menu’ >> ‘Home’, do lado direito abrimos os parâmetros do sistema, e selecionamos ‘Não’ no item ‘Exibir Título da Página’. Mesmo que esteja escrito uma mensagem, quando você salvar e atualizar a sua página, ela não vai aparecer na tela principal, mas será exibida como título de seus site.

Por questões práticas de otimização do seu site, recomendamos que você utilize um título que seja condizente com seu site, como por exemplo: ‘Notícias Sobre Hospedagem da Hostnet’.

Vamos alterar o títulode nosso site, mais uma vez, acessando na área de menus, o item ‘Home’ >> ‘Parâmetros do Sistema’, vamos colocar o título e mais uma vez salvamos as alterações.

E ao atualizar a página, o título já está novo. Esse recurso, é uma das técnicas mais utilizadas de otimização de sites, pois é através do título de sua página que o Google vai determinar a relevância do seu site inteiro.

Faça como a nossa visitante Márcia Fernandes, qualquer dúvida que você tenha sobre qualquer um dos vídeos do site www.comocriarmeusite.com.br mande uma mensagem para nós e se for necessário, faremos um vídeo demonstrando o procedimento o mais rápido possível.

Versão em texto do vídeo:
Vamos falar de duas opções muito interessantes na sua loja Magento, estamos falando de ‘Vendas Agregadas’ e ‘Produtos Relacionados’.

Observe que temos 3 produtos cadastrados em nossa loja, Magento, WordPress e Joomla, são produtos cadastrados como exemplo. Caso você tenha alguma dúvida no cadastramento de produtos na sua loja Magento, recorra ao site www.comocriarmeusite.com.br e entre na opção ‘Magento – Cadastro de Produtos’.

Voltando a nossa loja, e clicando em alguns dos produtos, você se lembra que na próxima tela, o Magento apresenta o nome do produto, a descrição rápida e uma mais completa. Entretanto depois de configurarmos, produtos relacionados e venda agregada, algumas outras alternativas aparecerão.

Acesse então, seu painel administrativo de sua loja virtual. Clique no menu ‘Cátalogo’ e em ‘Gerenciar Produtos’. Localize o produto, que deseja agregar uma venda relacionar a outro produto, em nosso exemplo, escolhemos o produto Magento.

Ao abrir as características do produto, localize no menu do lado esquerdo, a opção ‘Produtos Relacionados’.

Recomendamos que antes de iniciar qualquer busca, utilize o botão ‘Limpar Filtro’. Observe que os produtos WordPress e Joomla, já aparecem em sua lista, escolha um dos produtos ou os dois para que sejam relacionados ao produto Magento.

Em nosso exemplo, escolhemos o produto WordPress, clique na combo box e depois em ‘Salvar e Continuar Editando’. Atente para a mensagem ‘Produto foi Salvo’, no topo de sua tela. Volte a sua loja e verifique as atualizações.

Vamos clicar em Magento, observe que além das características do produto, como nome, descrição e descrição completa, no lado direito de sua tela, aparece uma nova opção ‘Produtos Relacionados’, dentro dela está o item marcado em nosso painel administrativo.

O que seriam ‘Produtos Relacionados’? Na realidade, são produtos que possam causar algum interesse a um potencial comprador ao acessar o produto principal. Isso pode ser considerado um marketing na divulgação dos demais produtos da sua loja virtual.

Em caráter de reforço, vamos voltar ao painel administrativo e escolher mais um produto, vamos limpar o filtro, vamos escolher o Joomla também, para que faça parte dos produtos relacionados ao produto principal, que é o Magento.

Vamos salvar e continuar editando, aguarde alguns instantes até que as alterações sejam salvas, e novamente a mensagem ‘Produto Foi Salvo’ aparecerá no topo de sua loja.

Volte a sua loja Magento e atualize seu site, observe que o produto Joomla também já aparece nos produtos relacionados, e com esse mecanismo você pode obter mais divulgação dos produtos de sua loja.

Para remover essa relação, volte ao painel administrativo e desmarque as combos, clique em ‘Salvar e Continuar Editando’ e aguarde alguns instantes, volte a sua loja e atualize seu site, observe que os produtos foram removidos
Quando falamos de venda agregada, estamos falando de itens que podem ser associados de uma forma direta ao produto principal. Vamos citar como exemplo, digamos que você estivesse vendendo em sua loja, uniformes de futebol. Produtos que estejam diretamente ligados a uniformes de futebol, poderiam ser: uma bola, chuteira, enfim, produtos que são diretamente ligados ao produto principal.

Para isso, volte ao painel de administração, dentro de ‘Cálogo’ e ‘Gerenciar Produtos’, escolha o produto principal. Nós vamos novamente escolher o Magento, clicamos nele.

Na barra de menu, do lado esquerdo, clicamos na opção ‘Vendas Agregadas’ e o processo é bem similar, aos produtos relacionados, limpe seu filtro e os produtos aparecerão, nesse caso Joomla e WordPress.

Selecionamos a opção WordPress, vamos clicar em ‘Salvar e Continuar Editando’, aguarde alguns segundos, e novamente a mensagem ‘Produto Foi Salvo’ aparecerá no topo de seu site.

Volte agora para sua página principal, clique no produto Magento, que foi o produto escolhido como principal, note agora que no rodapé de sua página, o produto selecionado como venda agregada, aparece com um destaque maior, na realidade isso é uma estratégia de Marketing, para que suas vendas aumentem, dessa forma aproveite as facilidades do Magento em sua loja virtual.

Em carater de reforço, vamos inserir mais um produto em nossa venda agregada, volte ao painel administrativo, limpe seu filtro, e escolha mais uma opção, no caso, Joomla. Clique em ‘Salvar e Continuar Editando’, aguarde alguns segundos e pronto, você já pode voltar a sua loja para ver as modificações.

Note que mais um produto aparece, como venda agregada, e esse é mais um facilitador dessa poderosa ferramenta de e-commerce, disponibilizada pela Hostnet.

Confira outros tutoriais em www.comocriarmeusite.com.br

Esse vídeo é a pedido do nosso leitor Caio Andrade, que mandou uma mensagem pra gente através do site www.comocriarmeusite.com.br perguntando como é que ele modifica o posicionamento dessa imagem no cabeçalho.

Já oferecemos um vídeo em que mostramos como coloca uma logomarca em nosso site e na verdade, o Caio quer saber como ele muda a posição para que ele possa colocar alguma outra coisa.

Nesse vídeo mostraremos como você pode posicionar a logomarca e também como você pode utilizar a área livre restante. Em nosso exemplo, temos um arquivo ‘banner.jpg’, nós vamos aprender como colocar lá no site, vamos utilizar o ‘Gerenciador de Arquivos’ da Hostnet, e como colocamos para aparecer em nosso site.

A primeira coisa que devemos fazer é acessar o painel de controle Hostnet, em
‘Gerenciador de Arquivos’, para mandarmos o arquivo do banner. Acessamos a pasta do ‘blog do Juvenal’, pasta ‘Imagens’ e clicamos em ‘Enviar Arquivos’, para enviar um arquivo que está em nossa máquina, que é o ‘banner.gif’.

Depois de salvar as alterações, o arquivo ‘banner.gif’ estará dentro da pasta ‘Imagens’. Agora, vamos mexer em nosso blog, vamos acessar o painel de controle, clicar em ‘Aparência’ e escolher a opção ‘Editor’. A primeira coisa que vamos fazer é o que o Caio pediu que é modificar a posição da logomarca.

Modificando a posição da logomarca

No editor de temas, vamos abrir o cabeçalho pra podermos entender uma coisa antes de modificar o estilo. Vamos procurar onde nós colocamos no vídeo anterior, a nossa a logomarca, que em nosso caso é: <img src=”/juvenal/images/logo.png”>, notem que estamos dentro de uma div, que é a header ou cabeçalho, isso vai ser muito importante na hora de procurar dentro do estilo.

Então nós temos um header e um H1, que é o título do nosso site, em que nós passamos a colocar a imagem.

Vamos procurar na Lista de Estilos, a nossa folha de estilo do site. Dentro do documento vamos procurar a área header, que foi aquela mostrada anteriormente, aquele div dentro do header e nós estamos dentro do header com o H1.

Pelo vídeo você pode perceber que temos um parâmetro chamado padding que indica o deslocamento do cabeçalho dentro do layout do site, usando o primeiro número da esquerda para direita da tela, pode-se fazer o deslocamento vertical e horizontal, como por exemplo eu quero colocar a imagem quase no centro, então chutamos um valor e substituimos a numeração da direita para a esquerda da tela, de 30px, colocamos 450px, porém vai ficar muito próximo do centro então escolhemos mas salvamos as alterações e recarregamos a página do blog.

Exemplos:

- Antes:

padding: 20px 0 0 30px;

- Depois:

padding: 20px 0 0 450px;

Então, podemos observar que quase passamos pro outro lado, mas a imagem está na posição desejada.

Se você modificar o outro número, no caso o 450 que era o primeiro (movemos para a direita) e em seguida diminuirmos o padding de 20 para 0, veremos que a logomarca será movida para cima. Salvamos as alterações e verificamos que a imagem subiu um pouco.

Em nosso caso, voltaremos as posições para seus valores originais, mas você pode modificá-las de acordo com suas necessidades. Então procuramos no código o #header h1 e modificamos o padding novamente para: padding: 20px 0 0 30px; valores já configurados anteriormente como padrão.
Note que o link vai junto, tudo perfeito… É o css agindo em nosso site.

Vamos utilizar a área vazia para fazer nosso banner.

Criando um banner superior

Voltaremos lá para o cabeçalho, no editor de temas e clicaremos na palavra ‘Cabeçalho’, então procuramos o div cabeçalho (veja um exemplo no vídeo), basta ter esse conhecimento básico de html e css ou seguir nosso vídeo e você não erra!

Embaixo do div cabeçalho criaremos um novo div, então tudo que estiver entre as tags:

<div>

</div>

Será uma nova divisão css, então criaremos uma nova classe que será a:

< div class=”banner”>

Você pode colocar o nome que quise, com tanto que lembre o nome da classe. Em seguida, colocamos:

<img src=”/juvenal/imagens/banner.gif”>

Nesse div você pode colocar qualquer código, por exemplo, você faz uma parceria com algum site e ele te dá o código do banner e você coloca entre o <div> e </div>

Salvamos as alterações e verificamos que o banner está no local errado, queremos o bannner flutuando, isso porque não existe a div banner. Para criá-la voltamos ao editor de estilo e abrimos a folha de estilo, procuramos o #header e acima dele criamos uma nova classe, que será:

.banner {

}
Tudo que for escrito entre essas chaves vai fazer parte da formatação do banner. Inserimos a posição assim:

.banner {
position: absolute;  (Não se esqueça do ponto e vírgula no final)

}

Usaremos dois parâmetros, o top e o left:

.banner {
position: absolute;
top: 10px;
left: 400px;
}

Chutaremos valores, como como 10pixels no topo, que é a distância entre a barra abaixo da barra de navegação até o topo da imagem. Se eu quiser uma distância maior, em nosso caso colocamos só10px, da esquerda para direita colocamos uns 400px para posicionar o banner.

Então top é a distância da parte de cima até a imagem e left é a distância do lado esquerdo até a imagem. Em seguida, salvamos as alterações e percebemos que o banner vai saltar para a div determinada, mas ele ficou um pouco torto e diminuiremos o tamanho um pouco mais para a esquerda. Determinamos o left para 380px e depois atualizamos a página.

Utilize o css para posicionar o seu banner em qualquer lugar da tela, nós utilizamos um espaço que estava livre para colocar nossa propaganda.

Mandamos um abraço para o Caio Andrade e para todos que estão visitando o site. Sempre que tiver dúvidas mandem para nós, na medida do possível serão respondidas ou criaremos um vídeo como foi feito para o Caio.

Não deixe de acessar o site www.comocriarmeusite.com.br e hospedar seus sites na Hostnet em www.hostnet.com que é o melhor lugar!

Para aumentar a segurança do gerenciamento de artigos, do seu site em Joomla, o CMS possui um recurso importantissímo que é a lixeira de artigos. Essa lixeira, é uma área que armazena artigos apagados e garante que nenhum dado será perdido, a não ser que você escolha apagá-los definitivamente.

Vamos ver um exemplo?

Na página principal de nosso site em Joomla, temos o artigo “O que há de novo na hospedagem?”, vamos gerenciá-lo. Entrando no painel administrativo do Joomla, vamos clicar em “Administrar Artigo”. “O que há de novo na hospedagem?” aparece como publicado.

Um erro muito comum de quem está começando a utilizar o Joomla, é achar que o ícone em formato de “X” vermelho apaga o artigo, na verdade ele indica que o artigo não está publicado na página inicial.

Para apagar um artigo, em nosso caso, “O que há de novo na hospedagem?”, devemos selecionar a caixa que está antes de seu nome, em seguida clicarno ícone da lixeira. Note, que você não será perguntado se tem certeza que quer remover o artigo, ele simplesmente será removido de sua lista. Ele não existe mais, e logo em cima você recebe um aviso de que 1 artigo foi enviado para a lixeira.

Se voltarmos para nossa página inicial, vamos atualizá-la e poderemos notar qu “O que há de novo na hospedagem?” não vai mais existir. No lugar entrou outro artigo, que estava do lado direito.

Vamos supor que apagamos o artigo, por engano, e vamos querer ele de volta… Vamos voltar ao painel administrativo, vamos clicar em “Conteúdo” >> “Administrar Artigos da Lixeira”. Lá está o artigo, que acabamos de apagar, existe também um artigo que acabamos de escrever e não queremos mais ele, então nos itens da lixeira, vamos selecioná-lo e logo acima, à direita, vamos selecionar no ícone “Remover”.
Você será perguntado se realmente tem certeza de que quer mesmo remover, se clicar no botão de remossão, não conseguirá mais recuperar esse artigo.

Nesse caso, queremos que esse artigo seja permanentemente apagado. Por isso, clicamos em “Remover” e o artigo foi apagado definitivamente.

Já o outro artigo “O que há de novo na hospedagem?”, não vamos querer apagar, foi apagado sem querer, por exemplo, vamos selecioná-lo e clicar em “Restaurar”. Mais uma vez, pedirá confirmação e você deve clicar em “Restaurar”. Depois será perguntado se tem certeza que quer restaurar esse artigo. Clique em “Ok”. E não aparecem mais artigos na nossa lixeira.

Vamos voltar para “Conteúdo” >> “Administrar Artigos” e note que nosso artigo já está de volta.

Um outro erro muito comum… Vamos voltar ao nosso site e atualizá-lo. Esperamos que o artigo voltasse para seu local de origem, mas isso não aconteceu. A explicação é muito simples, voltando ao painel administrativo, note que “O que há de novo na hospedagem?”, voltou para a lista de artigos, mas não está mais publicado, pois sua publicação foi cancelada.

Isso sempre acontece para artigos deletados, e que posteriormente são restaurados, basta clicar no ícone ao lado do nome do artigo e o artigo está novamente publicado.
Atualizando novamente a página, o artigo voltou para seu lugar de origem. Uma outra alteração que o artigo sofreu foi em seu valor de ordem que estava em segundo e agora está em terceiro, com a ordem publicada para 999, vamos selecionar esse valor e voltar para 2, e clicar em “Salvar Ordem”. Agora tudo voltou ao normal.

Se você quiser selecionar vários artigos ao mesmo tempo, você pode clicar ao mesmo tempo em vários deles e escolher “Lixeira”. Ou então, você pode clicar na caixa ao lado de “Título” e selecionar todos os artigos e você desmarca simplesmente os que não deseja apagar, isso é muito útil porque quando você instala o “Incrível Joomla” ele vem com vários artigos publicados e você não vai querer que eles apareçam no seu site principal.

Confira outros tutoriais em www.comocriarmeusite.com.br

Quantas vezes você já entrou em um determinado site e a quantidade imensa de conteúdo exibido simultaneamente o desmotivou a iniciar a leitura, um erro muito comum ao construir seu site é mostrar muita informação ao mesmo tempo, tudo bem que seu site tem bastante conteúdo você não precisa mostrá-lo todo de uma vez só, não é mesmo?

Para solucionar esse problema, o Joomla possui um recurso bastante interessante, chamado “Leia Mais…” que vai limitar o que será exibido na página principal do seu site. Vamos aprender a utilizá-lo.

Acessando o painel de controle do Joomla, vamos clicar em “Adicionar Novo Artigo”, vamos criar um chamado “Os principais CMSs do mercado”, vamos mantê-lo publicado e listado na página principal, no corpo da mensagem colamos um texto previamente preparado (você pode digitar qualquer texto) e vamos publicar, clicando em “Salvar”.

Depois acessamos nosso site e atualizamos a página, já foi postada a notícia. O problema é o seguinte, essa quantidade de informação é muito grande para que você possa disponibilizar para seu usuário. Por enquanto, o artigo está como principal, está bastante largo, quando ele cair para a área lateral, quando você postar alguma coisa nova, essa nova postagem vai ficar larga como essa e a sua postagem atual que é “Os principais CMSs do mercado”, vai vir para uma das postagens reduzidas.
O seu texto vai ficar maior e o seu site mais comprido.

Isso vai dificultar para que seu visitante encontre as informações de forma rápida e precisa. A primeira solução que nós vamos utilizar é limitar esse texto que vai ser exibido. Vamos voltar para a área de administração e vamos clicar no nome do arquivo, que acabamos de criar. Vamos colocar em cima um texto introdutório, será apenas uma introdução do que será mostrado no site, rolando a tela de edição para baixo existe o botão chamado “Leia Mais…”. Vamos clicar sobre ele aí sim você consegue ver todo o texto que foi preparado, inclusive com uma largura de tela muito mais cômoda para a leitura. Utilize o recurso de “Leia Mais…” para dar apenas uma introdução ao seu leitor e se realmente ele estiver interessado em ler sobre isso ele dá prosseguimento ao processo de leitura.

Confira outros tutoriais em: www.comocriarmeusite.com.br

Anteriormente, nós criamos uma pasta “loja” em nosso computador e colocamos os arquivos temporários que mexemos do servidor. Utilizamos também o Filezilla, para configurar o nosso servidor e pegar arquivos que estão hospedados e trazer para nossa máquina, dentro da pasta loja previamente criada.

Primeiro passo, vamos acessar no filezilla o nosso servidor, acessar a pasta “www”, no meu caso tem uma pasta “loja”, pode não ser o caso de sua hospedagem, depende de onde você fez a instalação do OsCommerce, caso tenha alguma dúvida acesse www.comocriarmeusite.com.br e veja os vídeos anteriores. Vamos acessar a pasta “includes”, depois “languages” e como nossa loja está em português, a pasta “portugues”. Caso a sua loja tenha múltiplas linguagens, você precisará fazer essas alterações também nas pastas das outras linguagens. Em seguida vamos acessar o arquivo “shipping.php”. No meu caso, esse vídeo vai mostrar como configurar “Fretes e devoluções”, então o arquivo é o “shipping.php”.

Vou arrastar esse arquivo para a minha pasta local do lado esquerdo, que criei previamente. Agora vou abrir o arquivo “shipping.php” com o bloco de notas. No final do arquivo está o texto que mostrei anteriormente “Coloque aqui as informações de frete e devoluções”. Vou apagar esse texto, pular umas três linhas e posso colocar nesse local todo o texto que vai aparecer em frete e devoluções, lembrando que não posso apagar as aspas simples que envolvem o texto apagado. Entre as aspas posso escrever o que quiser para mostrar no site, vou escrever um texto de exemplo. Você pode fazer um texto mais elaborado e se possuir conhecimento na linguagem HTML, pode usar quaisquer tags para deixar a aparência no site ainda melhor. Mais a frente vamos ensinar como fazer de uma maneira mais prática criação de tabelas e formatação mais precisa, utilizando esse mesmo arquivo.

Depois de alterar, vou salvar o arquivo e agora temos que enviar o arquivo “shipping.php” de volta para o servidor. Utilizando o filezilla, vou arrastar o arquivo “shipping.php” do lado esquerdo para o lado direito, que é o lado do servidor. Vou autorizar a sobreescrição clicando em “Ok” e vamos voltar ao nosso site e visualizar as modificações clicando em atualizar. Pronto, o texto configurado já foi alterado. O mesmo pode ser feito nos itens “Nota de privacidade” e “Condições de uso”. Para isso você deve alterar os arquivos “privacy.php” e “conditions.php” respectivamente eles também estão localizados em “includes/languages/portugues” e agora você pode ter sua loja ainda mais personalizada.

Veja outros vídeos no site www.comocriarmeusite.com.br

Versão em texto do vídeo:

Hoje em dia o sucesso do Twitter é indiscutível e milhares de pessoas possuem o seu perfil e criam várias micro postagens com até 140 caracteres, todos os dias. Assim sendo, o Twitter tornou-se uma maneira de produzir conteúdo rapidamente e sem se preocupar com a estética da postagem, basta escrever uma frase curta, colocar um link e tudo já está na Internet.

E você que tem um blog e um perfil no Twitter, seria ótimo se fosse possível unir os dois em um único lugar, fazendo com que os conteúdos apareçam juntos, não é mesmo? Pois pra quem é cliente Hostnet e utiliza o Super Wordpress fazer essa junção é muito simples. Vamos ver como isso funciona.

Ativando o Twitter Tools

Vamos acessar o nosso blog e o painel administrativo. No painel principal, vamos procurar a sessão ‘Plugins’ e clicar em ‘Instalados’. O Super Wordpress já vem com o plugin Twitter Tools, que faz a união entre o Wordpress e Twitter.
Vamos procurá-lo na lista, em seguida clicar em ‘Ativar’.

Após a ativação, receberá uma mensagem indicando que devemos configurar os dados iniciais da nossa conta no Twitter. Clique no link ‘Twitter Tolls settings’ e nele informará o usuário e senha, em seguida teste o login (clicando em ‘Test Login Info’. Assim que for verificada a veracidade dos dados, vai informar que está pronto para continuar. Salvamos as informações clicando em ‘Update Twitter Tolls Options’.

Mostrando as postagens do Twitter no Wordpress

Vamos configurar uma maneira de mostrar nossas postagens no Twitter em nosso blog. Clicando em ‘Aparência’ >> ‘Widgets’.
Vamos procurar na lista de Widgets disponíveis o ‘Twitter Tolls’ e adicionar na barra lateral direita, depois configuramos sua posição, colocando logo acima de ‘Enquetes’. Em seguida, salvamos as alterações e vamos ver como ficou o blog. Depois já podemos ver as postagens do Twitter em nosso blog Wordpress, incluindo uma compatibilidade visual com o nosso tema.

Configurações Adicionais do Twitter Tools

Você pode ainda fazer algumas configurações adicionais ao Twitter Tolls. Para isso, vamos procurar na barra lateral a aba ‘Configurações’ >> ‘Twitter Tolls’. Voltamos àquela página de configuração, que acessamos anteriormente.

Vamos ver algumas das configurações deste plugin. A primeira da tela, cria um tweet a cada post criado, por exemplo: criei um post no Wordpress, ele automaticamente postaria no Twitter, se marcamos a opção ‘Yes’.

A terceira opção faz ao contrário, cada postagem no Twitter, ele cria uma postagem no Wordpress. A quarta opção junta todas as postagens diárias e cria um post.

Em ‘Orders of tweets in digest’ você pode configurar a ordem de aparição das suas postagens, com os mais antigos ou os mais novos primeiro.

Também é possível configurar quantas postagens vão aparecer ao mesmo tempo (colocamos 5), em outra opção é possível informar se você quer ou não criar novos tweets através do seu blog, verifique ao lado (demonstrado no vídeo) que ele cria um lugar para que você possa postar. Em nosso caso, desabilitamos essa função. Pode-se escolher uma das bibliotecas, recomendamos que você mantenha a ‘jQuery’ marcada. Em seguida, você marca se quer dar créditos aos criadores do ‘Twitter Tools’.

Dê um update para ver as alterações do blog, principalmente a caixa de tweet que dever ter sumido. Pelo vídeo você poderá notar que o crédito configurado aparece embaixo do aplicativo. Se você quiser retirar essa mensagem, basta colocar ‘Não’ na última opção, na parte de configurações.

É importante lembrar que as postagens do Twitter, não são atualizadas automaticamente assim que são feitas, ás vezes demora alguns minutos, para que a atualização seja completada. Para fazer a atualização imediata, procure na configuração do Twitter Tools, a opção ‘Update Tweets’ e ele visitará o Twitter e fará todas as atualizações.

Utilize o Super Wordpress e o Twitter Tools para manter seu blog sempre atualizado e visite sempre o site: www.comocriarseusite.com.br para novas dicas sobre o Super Wordpress e criação de sites, em geral.

O Super Wordpress é uma exclusividade para os assinantes Hostnet.

Versão em texto do vídeo:

Você conseguirá criar categorias e sub-categorias na sua loja, de forma fácil e rápida, utilizando o Magento.

Temos algumas categorias e sub-categorias criadas. Na área administrativa, acesse ‘Catálogo’ >> ‘Gerenciar Categorias’. Dentro do gerenciador de categorias, você tem as categorias criadas e as sub-categorias.

Em nosso tema selecionado, você pode notar que temos a categoria raíz que é a ‘Hardware’ e suas sub-categorias.

Clique em ‘Menu de Categorias’ para criar uma sub-categoria. O menu ‘Categorias’ é padrão, é um menu pai, onde contém as categorias de nosso tema, que são ‘Hardware’, ‘Software’ e ‘Filmes’, ou seja se o menu de categorias, é uma categoria raiz, uma categoria pai, temos as sub-categorias informadas antes.

E dentro dessas sub-categorias, podemos ter outras categorias, uma vez que selecionamos o menu de categorias, clicamos em ‘Adicionar Sub-Categoria’, teremos alguns dados do lado direito, como ‘Informações Gerais’, onde colocaremos o nome da sub-categoria, que em nosso caso será ‘Frutas’, depois selecionamos ‘Sim’, para ativá-la. Deve-se colocar também uma Url, como por exemplo: frutas e a descrição.

Se você quiser poderá colocar uma imagem relacionada a essa categoria. Coloque o título da página, palavras-chave e uma descrição. Você deve preencher todas as essas informações para melhorar sua indexação nos sites de busca, como o Google.

No menu ‘Display Settings’, na opção ‘Display Mode’, escolhemos ‘Apenas Produtos’. Em ‘CMS Block’, não marcamos nenhuma opção. Em ‘Is Anchor’, vamos colocar ‘Sim’. E deixar as demais opções, como estão.

No menu ‘Design Customizável’, não vamos alterar também, pois vamos colocar um layout sem atualizações, será usado o padrão.

Em ‘Produtos da Categoria’, não colocaremos nenhum produto porque será uma categoria, que terá uma sub-categoria. Em seguida, clicamos em ‘Salvar Categoria’.

Atualizamos o site e a categoria ‘Frutas’ já aparece. Vamos criar uma sub-categoria, com ‘Frutas’ selecionada, clicamos em ‘Adicionar Sub-Categoria’, para criarmos por exemplo: ‘Uva’. Mantemos as mesmas opções selecionadas anteriormente.
O produto da categoria, vamos colocar o ‘Magento’. Em seguida, clicamos em ‘Salvar Categoria’.

Atualizamos a loja e a sub-categoria já aparece, quando clicamos nela, aparece o produto. Contudo, podemos customizar essa categoria, ou seja, podemos deixá-la somente com a barra lateral direita, para isso voltaremos na sub-categoria ‘Uva’ e em ‘Design Customizável’, em ‘Page Layout’ podemos colocar como vamos querer seja disponível, por exemplo podemos determinar 2 colunas com side bar do lado direito, em seguida salvamos a categoria.

Vamos acessar a categoria novamente, como podem notar a categoria já apresenta o produto, as duas colunas, com a side bar do lado direito e suas opções.

Viu como é fácil criar uma categoria no Magento?
Confira outros tutoriais em: www.tutorial.hostnet.com.br e  www.comocriarmeusite.com.br .