10 de jan de 2018

Gerar XML de Sitemaps com Umbraco 7

Este pequeno tutorial foi baseado neste artigo e explica em passos simples como gerar um mapa do site sitemaps para otimizar o site no Google.

  1. Novo Template: Criar um novo template chamado Mapa do Site sem um layout pai o código está disponível  NESSE LINK.
  2. Novo tipo de documento: Criar um novo tipo de documento (doctype) com o mesmo nome (Mapa do site em XML). Escolha a opção 'sem template correspondente'. Em seguida, atribua a ele o template que criamos no passo 1.
  3. Nova propriedade no docType: No doctype criado, insira uma propriedade booleana (true/false) chamada "Não incluir no XML do Mapa do Site"  (renomeie o alias para: hideInXmlSitemap).
  4. Atualize todos os docTypes: Crie a propriedade hideInXmlSitemap  em todos os tipos de documentos que você queira ocultar no Sitemap.
  5. Crie um nó na raiz do site chamado sitemap usando o tipo de documento criado (Mapa do site em XML) e marque a opção Não incluir no XML do Mapa do Site como verdadeira.
  6. No arquivo robots.txt, inclua uma linha indicando a localização do seu mapa do site. Por exemplo:
    Sitemap: http://www.seusite.com/sitemap/

É isso aí. Espero ter ajudado.

5 de jul de 2017

Umbraco removendo tag < i > (dentre outras) e impede o uso de Font Awsome.

Este post ajuda a resolver um problema para quem precisa publicar conteúdo em campos do tipo RICH TEXT FORMAT (RTE) cujo código fonte precisa usar tags em HTML5 que por padrão são inibidas pelo Umbraco. Neste exemplo usaremos a tag , < I > necessária para trabalhar com FONT AWESOME (http://fontawesome.io) . A explicação será bem objetiva e segue abaixo:
Problema:
Ao tentar usar tags HTML 5 em um RTE (Rich Text Editor) do Umbraco o TinyMCS as remove tags HTML 5. Neste poste usarei a tag  i como exemplo.

A figura abaixo exibe um código digitado no "Source Code" (código fonte) do RTE do Umbraco.
Figura 1



Ao Clicar em OK e abrir o Source Code novamente note que as tags I foram eliminadas.
Figura 2

Solução

Para resolver esse problema faça o seguinte:

1.     Abra o arquivo de configuração tiniMceConfig.config (figura 3)
Figura 3

2.     Procure o o elemento (nó) 'validElements' (figura 4)
Figura 4

3.     Localize o trecho de código onde aparece a TAG i (figura 5)
Figura 5

4.     Altere o código ",-em/-i[class|style]", para",-em[class|style],#i[class|style]," (observe a sintaxe, não omitir as vírgulas).
5.     Se as alterações não surtirem efeito, edite o arquivo /Config/ClientDependency.config (figura 6) da seguinte forma:
Figura 6
1.     localiza o elemento <clientDependency>
2.     Comente a versão original e altere a versão (version) para "1", conforme mostrado na figura 7
4.    Reinicie seu site.
Figura 7


Isto deve resolver o problema.


31 de jul de 2013

UMBRACO CMS - Traduzir Tabs na interface do usuário

Estou postando aqui minhas experiências com o Umbraco. Hoje vou falar sobre com fiz para traduzir as guias na interface do usuário.
Traduzir a árvore de conteúdo lateral  é bem fácil e pode ser feito direto na interface do usuário, mas para as Tabs na área principal não consegui fazer da mesma forma.

A figura abaixo ilustra o problema:




Como você pode ver, eu traduzi a maioria dos elementos da página, exceto as guias da área principal.
O que fiz foi acessar o arquivo de configuração abaixo Config/Dashboard.config  e traduzi as tags 'caption' como no exemplo abaixo:

Antes


<tab caption="Last Edits">
    <control addPanel="true" MaxRecords="30">/umbraco/dashboard/latestEdits.ascx</control>
</tab>

Depois


<tab caption="Últimas Edições">
    <control addPanel="true" MaxRecords="30">/umbraco/dashboard/latestEdits.ascx</control>
</tab>

Atenção: Cuidado para não traduzir Tags erradas. Modifique apenas as tags 'caption'.

O resultado, então, deve ficar parecido como na figura abaixo:




É isso aí. Espero ter ajudado e aguardo comentários.
Se gostou, por favor faça comentários e compartilhe. Vamos nos empenhar em criar material em português.

Até o próximo post.

8 de fev de 2013

Dar espaço ilimitado para sua conta de e-mail de graça.

Neste artigo vou mostrar como como você faz para que a sua conta de e-mail tenha espaço ilimitado e suas mensagens possam sempre estar disponíveis na WEB, usando o Outlook.com - serviço gratuito da Microsoft.
Primeiro devo esclarecer que só faz sentido usar este serviço para um domínio próprio, por exemplo suaempresa.com.br. Se você usa um serviço como o do Gmail ou do Yahoo, por exemplo, estes já oferecem espaço gigantesco, praticamente ilimitado.
Como exemplo, usaremos o domínio seja o wke.com.br e o um e-mail  fictício wke@wke.com.br. 

Em resumo, para fazer que o e-mail acima ganhe espaço ilimitado, você terá que:

  • Criar uma conta Windows Live Id
  • Configurar sua conta Outlook.com

Crie uma conta Windows Live Id

Abra o formulário (vide figura abaixo) para criar nova conta no Windows Live Id com o seu e-mail, usando este link.
Nota: Caso o link falhe, acesse o site do Windows Live Id  (https://accountservices.passport.net/ppnetworkhome.srf?lc=1046) e clique na segunda opção (Use um endereço de email que você já possui) e por favor me informe para que eu atualize este artigo.



Siga estes passos:
  1. Informe sua conta de e-mail, crie uma senha (não precisa ser a mesma da sua conta de e-mail) e crie uma pergunta e resposta secreta para recuperação de senha.
  2. No formulário seguinte, revise e assine os contratos digitando novamente seu e-mail e clicando em 'Aceito' 
  3. Acesse seu e-mail. Você receberá uma mensagem com um botão para 'verificar seu e-mail'. Clique nele. Você vai ser redirecionado para a página de acesso ao serviço;
  4. Faça um logina (Informe seu e-mail e sua senha), clique em 'Entrar' e e pronto, sua conta Live Id estará criada. Esta conta poderá ser usada para muitos outros serviços além do que estou esplicando neste artigo.

Acesse e configure sua conta no Outlook.com

Após seguir os passos anteriores, automaticamente será criada uma conta no outlook.com. O próximo passo é configurá-la:
  1. Acesse o site Outlook.com e faça seu login (informe seu e-mail e senha do Live Id recém criados);
  2. A página provavelmente estará em Inglês. Clique no ícone de configurações (engrenagem) no canto superior direito da página e em seguida em 'More settings' para abrir a página 'Options'


  3. Em "Customizing Outlook, clique em 'Language' para abrir uma página com diversos idiomas. Selecione 'Português Brasil' e clique o botão 'Save'. Pronto. A página 'Options' será exibida no idioma selecionado ('Opções').
  4. Ainda em 'Opções', clique em 'Suas contas de e-mail' e depois em 'Adicionar uma conta de envio e recebimento'. A sua conta recém criada será sugerida na caixa e-mail.Informe a sua senha de e-mail e clique em 'Avançar';


  5. Na tela seguinte, escolha a opção 'Sua caixa de entrada' para que as mensagens sejam salvas nela. Clique em salvar e aguarde.
    Isto pode levar algum tempo e em alguns testes que fiz deu um erro na página mas mesmo assim o serviço funcionou.
  6. Pronto. sua conta está configurada.

Configurando sua conta para apagar mensagens do servidor.

O Outlook.com vai baixar todas as suas mensagens do servidor e, por padrão, mantém uma cópia lá. Isto é ruim pois a caixa de entrada do seu provedor de hospedagem vai ficar lotada e seu e-mail vai parar de receber novas mensagens. Para resolver isto siga estes passos:
  1. Acesse sua conta do outlook.com
  2. Em 'opções', no item 'Gerenciando sua Conta' clique em 'Suas contas de e-mail';
  3. Em 'Contas que você adicionou, escolha o link 'Detalhes' e no popup aberto, clique em 'Editar'
  4. Na página 'Informações do servidor (POP3) de entrada' desmarque a opção 'Deixar uma cópia das mensagens no servidor', conforme figura abaixo e depois em 'Salvar'. Pronto.

É isso aí. Espero que tenham gostado do artigo. Grande abraço e até o próximo.


7 de ago de 2012



Neste vídeo mostro como reduzir o tamanho de fotos de uma forma rápida para que elas possam ser enviadas por e-mail. Usarei o Microsoft Outlook 2010, e rodando no Windows 7, contudo, é possível fazer isso com versões anteriores do Office e do Windows.
Como exemplo, usarei uma pasta “imagens”. Note que ela possui 47 arquivos, todos de imagem.
Ao clicar com o botão direito do mouse e em propriedades, vemos que os arquivos ocupam 207 mega bytes, já a mesma pasta compactada, ocupa um pouco menos: 206 mega bytes.
Portanto, não adianta zipar a pasta, pois arquivos de imagens jpg não compactam. Uma solução é diminuir o seu tamanho, como demonstrarei a seguir. Mãos a obra:
  1. Dê um clique direito na pasta que contém as imagens, aponte em ‘Enviar para’ e clique em destinatário de e-mail.
  2. Será exibido o diálogo ‘Anexar Arquivos’. Se você alterar o tamanho da imagem, ele mostra um tamanho estimado do total a ser enviado. Se você não tiver certeza, sugiro que use o tamanho 800 por 600. Usando 800 por 600, o sistema estimou um tamanho de 6,37 megas. É um bom tamanho. Evite enviar anexos maiores que 10 mega.
  3. Clique em anexar e pronto. Um novo e-mail é criado aguardando apenas que você insira um destinatário, altere o assunto e modifique o corpo da mensagem.
  4. Se você desejar salvar os arquivos em disco, dê um clique direito em qualquer lugar do campo “Anexado” , escolha selecionar tudo.
  5.  Dê um clique direito novamente, clique em “copiar” e, finalmente, abra uma pasta onde você queira guardar as imagens, e clique em “colar”.

Resultado de 207 mega o tamanho caiu para menos de 3. acessar meu blog e até a próxima Info dica.

Um grande abraço.


Eduardo Sobrinho.