Tecnologia e Inovação

Olá Pessoal, mais um post legal, simples! mas pode ser muito usado no nosso dia a dia, este método é muito legal porque só vai aplicar o nosso efeito fancybox na imagem inserida dentro do nosso post, mesmo você tendo uma imagem um botão que não foi inserido no post ele não vai ter o efeito legal né? então vamos lá, 01 – Primeiro baixe os script do fancybox no site  Fancybox 02 – Agora descompacta o arquivo baixado do site acima, dentro dele copia a pasta source e cole no seu tema wordpress 03 – Depois de ter colado a pasta source no seu tema cole os códigos abaixo no seu header.php veja que temos dois código, um link css, e o outro o script do fancybox veja também o caminho para seu tema você pode utilizar o código bloginfo(‘template_directory’) para dar o caminho do seu tema. <!-- Add fancyBox --> < link rel = "stylesheet" href = "/fancybox/source/jquery.fancybox.css?v=2.1.4" type = "text/css" media = "screen" /> ...

Com a consolidação do WordPress como principal CMS disponível no mercado, temos em paralelo o crescimento do número de plugins que ajudam a tornar esta ferramenta uma opção tão interessante para desenvolvedores. Encabeçando a lista de plugin mais popular do WordPress está o WordPress SEO by Yoast, que como o próprio nome diz é um plugin para SEO, que ajuda o administrador no processo de otimização do site, abrangendo melhorias em cada página individualmente e em outros fatores que influenciam no bom posicionamento do site como o sitemap, metadados, links internos e outros. Desenvolvido pela empresa Yoast, do especialista e referências no mercado de SEO internacional, Joost de Valk, esse plugin oferece uma série de funcionalidades que permitem a otimização de site bem completa, mas que exige um pouco de conhecimento técnico, tanto sobre SEO, quanto sobre o próprio WordPress, para que se usufrua ao máximo as funcionalidades deste plugin. Vamos tentar colocar neste guia explicações...

Olá Pessoal Para criar um tema WordPress responsivo, você pode utilizar queries de CSS3. Para compreender este artigo, você já deverá saber como criar um template WordPress e ter alguns conhecimentos de CSS. Hoje vamos aprender a criar uma child theme e usar queries de media em CSS3, para fazer com que o nosso layout se adapte às diferentes resoluções de telas dos vários aparelhos existentes no mercado. Na pasta ‘themes’ do seu WordPress, crie um novo arquivo chamado ‘multiplescreen’; Crie uma pasta CSS dentro do seu novo arquivo ‘multiplescreen’ e dê o nome de ‘style.css’. Um arquivo de CSS do tipo ‘style.css’ é a única coisa que você necessita para criar uma child theme. Adicione o seguinte código ao seu arquivo ‘style.css’. Importante: Assumimos que o nome do seu template se chama ‘Daviwp’. Substitua o nome ‘Daviwp‘ pelo nome do seu Template. /* Theme Name: Daviwp Theme URI: http://www.daviwp.com/ Description: Thema Oficial Author: Davi Alves Author URI: http://www.daviwp....

Instalar o  WordPress  é extremamente simples (tutorial: como instalar o WordPress), especialmente e tendo em conta a instalação de 5 minutos providenciada pelo sistema. Basta criar uma base de dados e rapidamente se tem o  WordPress  a correr num servidor, a partir do qual se pode usufruir das excelentes competências do sistema. No entanto, depois de instalar o  WordPress  existem uma série de coisas que poderá fazer para tornar o seu blog mais interessante. São aqueles pequenos pormenores a que provavelmente todos os blogueiros atendem depois de instalarem o seu WordPress. 1. ALTERAR A PASSWORD DE ADMINISTRADOR Embora no  WordPress  3.0 já venha a ser possível definir o username e password do primeiro Administrador de sistema, na actual versão isso ainda não é possível. Por isso mesmo, o primeiro passo deve ser alterar a sua password de administrador de sistema, uma vez que a password atribuída aleatoriamente é muito difícil de memori...

6º PASSO – ADICIONANDO EFEITO FADE-IN AO FORMULÁRIO Para entender o efeito que estou falando acesse a demonstração ao vivo dessa personalização. Com o pequeno código JQuery abaixo, inserido no arquivo “functions.php” do seu template, no momento do carregamento da sua nova página de login você terá um interessante efeito que vai agradar aos seus visitantes. 1 2 3 4 5 6 7 8 9 10 11 12 13 add_action( 'login_head' , 'untame_fadein' ,30); function untame_fadein() { echo '<script type= "text/javascript" > // <![CDATA[ jQuery(document).ready( function () { jQuery( "#loginform,#nav,#backtoblog" ).css( "display" , "none" );          jQuery( "#loginform,#nav,#backtoblog" ).fadeIn(3500); }); // ]]></script>'; }