Tutoriais
Categoria | 24 posts usam esta categoria.
Descrição: "Comam" todo o meu conhecimento nas áreas em que me aventuro. mais lembre-se: "Está escrito: Nem só de pão viverá o homem, mas de toda a Palavra de Deus." Lucas 4:4
Novas Funções do WordPress – Parte 3
Nós post anteriores sobre esta série ainda não tinha lançado o WordPress 2.9. Como ainda não deixei de tratar das novas funções do wordpress 2.8 vou citar algumas funções e já da uma introdução a versão 2.9
A seguir vou listar os post anteriores a este:
Novas funções(functions) do WordPress 2.8
Novas funções(functions) do WordPress 2.8 – Parte 2
automatic_feed_links()
Função adicionada na versão 2.8. Consiste básicamente em gerar ou não o Feed RSS no template, ou seja, se ao usar este template vai ter o não o feed RSS:
automatic_feed_links(false);//sem saida rss automatic_feed_links();//com saida rss...o mesmo que true
Como colocar favicon em seu website
Já postei este tutorial uma vez (aqui) mais este estava com alguns “bugs” e era restrito somente ao wordpress, então hoje decidi fazer este post sobre favicons, beneficios e como inserir favicons que funcione no IE(Internet Explorer) e em todos ou outros navegadores vai ser bem completinho:
O que é favicon?
Favicon nada mais é do que aquelas pequenas imagens que aparecem no navegador ao lado do endereço do site. Mais para maiores e melhores detalhes veja a descrição do Winkipédia:
Favicons (palavra derivada de favorite (favorito) e icon (ícone)) são pequenas imagens no formato *.ico com de cerca de 16×16 pixels que ficam guardados em um site para visualização pelo navegador. Em alguns navegadores como Internet Explorer até a versão 6, só exibem os favicons quando um site é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos pode-se encontrar a imagem. Em outros navegadores como Firefox, Opera e Internet Explorer 7(+), os favicons podem ser encontrados também nas abas e na barra de endereço.
Os favicons também tem teor de acessibilidade pois ajudam um usuário comum a identificar uma página quando ela está exibida em uma lista ou em uma barra de abas. Visando isto, muitos favicons são imagens simplificadas do logotipo da marca que representam.
Na ausência de um favicon, os navegadores exibem seu próprio ícone ou um ícone padrão como uma folha em branco.
Beneficios
Alguns beneficios que podemos conquistar com o uso de uma favicon são os listados abaixo:
- É otimo para marcar seu site tornando a localização deste mais fácil e de brinde tem até um destaque a mais
; - Seu site vai ganhar uma aparência mais profissional e exclusiva que pode levar a mais links para seu site melhorando a parte do SEO (aqui já entra PR).
Preparando o terreno
Como tudo o que vamos fazer tem um requisito este não deixa de ser diferente. Para este processo precisamo de uma imagem no formato .ico com 16×16 pixels que pode ser feita usando o photoshop ou fireworks ou o seu programa de preferência. Para o processo que explicarei agora recomendo que faça a imagem em um formato grande uns 100×100 pixels deve ser o suficiente.
Links do Mês – Setembro 2009
Aeeeeeeeeeeeeeeeee galera, rsrs. Finalmente consegui um tempinho pra posta(to no curso). A partir de agora trarei posts com os links do mês, o que eu achei interressante, tutoriais, matérias, programas, sites enfim o que for revelante e eu ver vai estar aqui, hehe.
Alterando ou Adicionando o logo em Sua Loja Magento – Tutorial Magento
Bom pessoal hoje o post num é lá aquela programação toda, é mais pra mim dar inicio aos posts falando sobre o Magento. Vamos lá.
Alterando ou Adicionando o logo em Sua Loja Magento
Para isto podemos usar 3 formatos de imagens, que são os mais usados, JPEG, GIF e PNG, recomendo o PNG mais fica a sua escolha.
Usando GIF
Se usarmos o gif o processo é mais simples, basta fazer o upload e subistituir a imagem que esta localizada em skin/frontend/default/default/images/logo.gif usando o FTP.
Usando PNG e JPG
O primeiro passo é upar a imagem em skin/frontend/default/default/images/. Logo após acessamos o admin do magento http://www.oenderecodasualoja.com.br/admin e seguimos este caminho: Sistema » Configurações, selecione o link de menu Design (está a esquerda da página) e vá mais abaixo na parte Header do acorddion como na figura abaixo:
Clique na imagem para ver em tamanho original
Para o segundo passo, devemos colocar o nome da imagem que upamos no campo Logo Image Src; recomendo que renomeie com o nome de sua loja para os motores de busca, é mais questão de SEO.
Considerações Finais
Este pequeno tutorial foi desenvolvido tendo em mente o template padrão do Magento, por isso a localização skin/frontend/default/default/images/, se você usa o template blue que também já vem no magento o caminho é o mesmo: skin/frontend/default/blue/images/. Uma maneira de saber o caminho da logo é clicar com o botão auxiliar na foto e escolher a opção exibir imagem ou exibir imagem de fundo.
Até a próxima
Novas funções(functions) do WordPress 2.8 – Parte 2
Voltando a série de post sobre as novas funções do WordPress 2.8, hoje vou falar sobre a função is_page ou is_page_or_sub.
Se você ainda não leu o primeiro post desta série, eis ai o link:
is_page ou is_page_or_sub(); function
Vamos iventar uma situação, talvez eu acerte na mosca o que você precisa ou então passe raspando, rsrs. Em alguns projetos é necessário um estilo diferenciado ou uma função especial para uma determinada página. Peguemos como exemplo uma página de portfólio. Até o wordpress 2.7 você declararia o seguinte código em php para criar esta função especial ou seja lá o que for:
leia mais »
Novas funções(functions) do WordPress 2.8
Hoje vou trazer um pouquinho das novidades do wordpress 2.8, mais antes disso quero dar a minha avaliação sobre essa nova versão:
Realmente melhorou muito, algumas novidades são bastante úteis como, melhor gerenciamento de tags, adição de novos temas sem necesisdade de ftp (basta ter o zip, fazer o upload e depois é só alegria) e muito mais. Pra mim a função de maior revelância foi a parte de plugins, buscar e instalar novos plugins rapidamente realmente merece destaque.Éé claro que isso também é possivel com templates/temas, mais convenhamos, não vou trocar o template toda hora…com o plugins é mais bacana pois podemos incrementar nosso website.
Pontos que deixaram a desejar também há, vou falar somente um. Quando você arasta um widgte para a sidebar ele automaticamente salva mais não exibe nenhum alerta, o mesmo acontece quando se altera um widget. De qualquer modo parabéns a equipe do wordpress…
Voltando para as novas função do wordpress 2.8 mais especificamente para o desenvolvimento de templates, existem algumas functions bacanas e que vem a calhar, dentre as que eu conheço vou falar sobre:
- body_class(); Function
- is_page ou is_page_or_sub(); Function
- is_category_or_sub Function
- Talvez mais…
Vai ser muita coisa então vou dividir em partes pra não ficar cansativo. Hoje vamos falar sobre a function body_class();.
Function body_class();.
Funciona basicamente assim, cada pagina tera uma classe que a identifica, exemplo:
leia mais »
Limitar Caracteres com Jquery
Um tutorial simples, estiloso e de grande utilidade…sem rodeios vamos ao que interressa:
Demonstação / Download dos Arquivos
1º passo – Chama a jQuery
Você que sempre acompanha o meu blog já deve estar se roendo porcausa dessa etapa né…mais calma lá, lembrem-se que tem sempre gente nova na area que ainda num sabe disso:
<script src="jquery-1.3.1.min.js" type="text/javascript"></script>
Como o jQuery está com a sua nova versão(1.3) vamos utilizá-la nesse exemplo.
2º Passo - Escrevendo o script
Dica Rápida – Desabilitar Botão Direito do Mouse com Jquery
Como posso desabilitar / bloquear / cancelar o menu de contexto quando eu clico com o botão direito sobre a tela? Há uma série de scripts em javascript que fazem esse serviço, mas vamos faze-lo utilizando jQuery que é muito mais fácil! Vamos lá, é bem simples:
Passo 1 – Chamar a biblioteca jQuery para o documento:
<script src="js/jquery.min.js" type="text/javascript"></script>
Passo 2 – insira o código abaixo logo após o anterior:
<script type="text/javascript">
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
});
</script>
é so isso.salve a pagina e teste…
Resumindo…quando o usuario clica com o botão direito deveria aparecer o menu de contexto (contextmenu), mas o script executa a função return false, fazendo com que não apareça o menu…
Funcionalidade:
Este script funciona em todos os navegadores, excerto Opera 
Até a próxima.
Diferença entre ID(#) e Class(.)
Bom eu estava “dando aula” pra um amigo meu pelo Skype e surgiu essa pergunta: Qual é a diferença entre ID(#) e Class(.)?E é este tema que será abordado neste post:
Intrudução
É comum haver confusões entre IDs e Classes, utilizados e necessários em XHTML, CSS e Javascript. Há muitos tutoriais na internet explicando alguns pontos básicos e algumas dicas, que não são o suficiente. Resultado: as dúvidas persistem e a diferença entre ID e Classe ainda não é “desvendada”. Vamos acaber com esse mitério de uma vez por todas…
Accordion Horizontal – Tutorial jQuery
Bom eu não sei se escreve assim mesmo (Accordion) em português mais, vai assim mesmo….
Vamos criar um efeito sanfona, que revela uma legenda para cada miniatura quando colocado o mouse sobre uma delas:
Demonstração / Download dos Arquivos
Passo 1 – Chamar o jQuery
Pela milézima vez vamos fazer esse passo novamente, lembrando que é um processo “padrão” para qualquer efeito com jQuery:
<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
Passo 2 – HTML
Comentários
-
Mateus Souza disse:
Nossa cara verdade, essa passou direto e eu nem vi!!!! Vlw pelo aviso :)
-
Sérgio Rodrigues disse:
Opa! gostei muito do post, continue assim! Só um detalhe, você postou " – é um valor definido pelo programador –...mais »
-
CSS Gallery disse:
Sugiro http://cssgallery.com à lista
-
Luiz Felipe disse:
Cara, acho tenho uma idéia melhor. Por que você não coloca um botão "Continuar mesmo assim"? Acho que será melhor, pois...mais »
-
O código foi ajustado para aparecer no IE5.5, mais nem jQuery funfa no IE5 :). Para que apareça no IE7, você...mais »
© 2010 Mateus Souza – Webdesigner (Deus Seja Louvado) | Posts (RSS) | Comentários (RSS). | powered by WordPress e Linha Framework :P