Categorias
Tutoriais WordPress

Forçando a tela de login para site WordPress

Forçar a tela de login pode ser útil quando você vai desenvolver um site e precisa publicar online, mas precisa restringir o acesso para apenas os usuários que possuem login. Assim evitando o acesso indevido de outros usuários. Existem plugins que realizam essa tarefa, mas uma solução simples pode resolver esse problema.

Adicionando algumas linhas no arquivo functions.php do seu tema como podemos ver no blog abaixo :

function verifica_login()
{
	if( ! is_user_logged_in() )
	wp_redirect( get_bloginfo('siteurl').'/wp-login.php' );
}

add_action( 'get_header', 'verifica_login' );

O código acima faz o seguinte tratamento, adiciona uma ação extra a função get_header ou hook(gancho) conhecido por alguns desenvolvedores. Toda vez que a função get_header for chamada o WordPress irá chamar a função verifica_login.

Dentro da função verifica_login temos seguinte tratamento, verifica se o usuário tá logado com a condicional tag “is_user_logged_in()” se não estiver logado ele redireciona para a tela de login, com a função do wordpress “wp_redirect()” passamos como parâmetro o endereço a qual vamos redirecionar o usuário no caso montamos uma url usando a função get_bloginfo(‘siteurl’) concatenando com “/wp-login.php”.

Categorias
Tutoriais Web WordPress

Como Traduzir o wordpress para versão pt_BR

Olá pessoal, este tutorial é simples e vai para aquelas pessoas que instalaram a versão inglês do wordpress e querem traduzir o painel. Claro tem a versão já em pt_BR pode instalar direto, mas por algum motivo você tem a versão em inglês, calma não precisa reinstalar tudo, apenas adicionar o arquivo de tradução e configurar o wordpress, então vamos lá.

Primeiro você precisa baixar o arquivo de tradução com a extensão “.mo” e no link a seguir você tem informações sobre as traduções :

http://codex.wordpress.org/WordPress_in_Your_Language

Uma lista meio extensa procure por pt_BR ou acesse o svn das traduções:

http://svn.automattic.com/wordpress-i18n/pt_BR/tags/

Se você não trabalha com svn, procure pelo arquivo “pt_BR.mo” no caso da verssão 3.2 está em “/3.3.2/messages” clique no link do arquivo com o botão direto e escolha “salvar link como” e baixe a tradução.

No link acima você vai encontrar as traduções das últimas versões, baixe a tradução referente a versão do seu wordpress. Para saber qual é a versão do seu wordpress pode visualizar no painel de administração de seu wordpress como na imagem abaixo :

Depois que você baixou o seu arquivo de tradução.

1. Crie uma pasta “languages” dentro de sua pasta “wp-content”. Como na imagem a seguir :

2. Adicione os arquivos que você baixou na pasta “languages”
3. Edite seu arquivo wp-cofig.php, procure a linha de comando que contém o seguinte comando :

define ('WPLANG', '');

Modifique para :

define ('WPLANG', 'pt_BR');

Se tudo der certo seu wordpress será traduzido. Se o tema que você usa tem suporte a multi idioma algumas partes do tema serão traduzidos assim como informações como de data exemplo os meses.

Categorias
WordPress

Como definir a largura máxima das imagens em seu tema WordPress

Existem duas maneiras para especificar o tamanho máximo das imagens utilizadas dentro dos posts. Uma via painel do WordPress e a outra forma via functions.php.

Via painel só acessar o menu > configurações > mídia :

No painel de mídia temos a opção de escolher o tamanho dos thumbs, tamanho médio e o tamanho máximo das imagens.

A segunda forma de definir o tamanho máximo das imagens é editando o arquivo functions.php adicionando o seguinte comando :

Esse comando sobrescreve as opções definidas no menu. Nesse caso, estamos definindo como 600px a largura máxima de nossas imagens. Se tudo estiver ok no painel de uploads nosso tamanho grande vai aparecer sempre como 600px de largura :

Então um dica simples que ajuda o usuário na hora de subir as imagens e respeitar a largura do tema.

Categorias
Flash Tutoriais

Preloader em ActionScript 3.0

No post anterior trabalhamos com o carregamento de uma imagem externa, agora vamos fazer um preloader para o carregamento de uma imagem. Se você não fez o exercício anterior, arrume uma foto do tipo JPG , GIF ou PNG e coloque na mesma pasta do seu arquivo swf. no meu caso eu vou utilizar essa imagem :

Primeiro vamos preparar o terreno. crie um movieclip como o nome barra e o seu resgistration no canto esquerdo ao centro como na imagem abaixo.

Coloque o nome de instância da barra “barra_mc”, selecione o frame para inserir o nosso código e vamos programar:

var str:String = "foto.jpg";
var carregador:Loader = new Loader();
var requisicao:URLRequest = new URLRequest(str);
// criei as variáveis necessárias para efetuar o carregamento , o Loader e URLRequest

carregador.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, onProgresso);
carregador.contentLoaderInfo.addEventListener(Event.COMPLETE, onCompleto);
// Adicionei os Eventos para o carregamento

carregador.load(requisicao);
//Mandei carregar o arquivo

// A função que vai ser chamada quando carregar o aquivo.
function onCompleto(e:Event):void{
    var foto:Bitmap;
    foto = e.target.content;
    //criei uma variável para receber a imagem que vai ser carregada
    addChild(foto);
    //adiciono a imagem no stage
}

// A função que vai chamada no progresso do carregamento
function onProgresso(e:ProgressEvent):void{

        var total:Number = e.bytesTotal;
	// pego o total de bytes que eu vou carregar
        var lidos:Number = e.bytesLoaded;
        // pego a quantidade de bytes que eu já carreguei
	var pc:Number = lidos/total;
        // pego o percentual dividindo lidos por total
        barra_mc.scaleX = pc;
}

Vou comentar a ultima função a onProgress ela é disparada no Evento ProgressEvent.PROGRESS ela é chamada durante o progresso do meu download. No evento que a função recebe ProgressEvent tem as propriedades bytesTotal que possui a quantidade total de bytes que serão carregados pelo swf e bytesLoaded que possui a quantidade que foi carregada até o momento. E para extrairmos o percentual basta dividir a quantidade de bytes lido até o momento pelo total.

Por Fim atribuímos o percentual ao scaleX da barra. O exercício é simples mas qualquer dúvida podem comentar. Também aceito sugestões de tutoriais.

Por enquanto é só pessoal. depois eu coloco o fonte para download.

Até Breve

Categorias
Flash Tutoriais

Botões em ActionScript 3.0

Nesse post vamos trabalhar com botões em AS 3.0 então ao trabalho, no actionScript 2.0(AS 2.0) para fazer ações com botões e movieclips era da seguinte forma:

meubotao.onRollOver = function():Void{

 //faz alguma coisa

}

Em acitonScript 3.0(AS 3.0) houve algumas mudanças, de inicio você tem que adicionar os eventos no movieclip e falar qual a função que vai ser chamada veja o exemplo abaixo.

meubotao.addEventListener(MouseEvent.MOUSE_OVER, minhaFuncao);

function minhaFuncao(e:MouseEvent):void{

//faz alguma coisa

 }

Na linha um adicionamos o evento especificamos o Tipo de evento no exemplo é o evento de mouse o mouse_over igual ao onRollOver do actionScript 2.0.  Na assinatura da função temos de que definir o tipo de parâmetro que a função vai receber, neste caso a variável “e” do tipo MouseEvent, lembrem toda vez que adicionarmos um evento a função que é chamada tem que receber um parâmetro do tipo do evento que foi adicionado.  O “this” que usamos dentro da função para fazer referência a quem chama a função em AS2.0 foi substituído pelo “target” do evento. Obs. Em outros casos o this tem o uso normal. vamos complementar o nosso exemplo:

meubotao.buttonMode = true;

meubotao.addEventListener(MouseEvent.MOUSE_OVER, minhaFuncao);

function minhaFuncao(e:MouseEvent):void{

         e.target.alpha = 0.5
 }

Na linha 1 foi alterado um parâmentro em nosso botão(movieClip) “buttonMode” essa propriedade surgiu em AS3 e por padrão ela é inicializada com false então para o nosso botão ficar com aquela “mãozinha” quando o mouse passar sobre nosso movieclip . Na linha 4 estamos modificando a propriedade alpha do target ou seja de  quem chamou a função nesse caso o meubotao. Notem que diferente de AS2.0 a propriedade alpha escrevesse sem o “_” isso para outras propriedades como x , y e  rotation. Outras propriedades como _xscale e _yscale agora são scaleX e scaleY. Vamos então usar o TweenLite nos eventos dos botôes(movieClips). Lembrando quem não possui as classes do TweenLite clique aqui para baixar.

import gs.TweenLite;
import gs.easing.*;

meubotao.buttonMode = true;
meubotao.addEventListener(MouseEvent.MOUSE_OVER, over);
meubotao.addEventListener(MouseEvent.MOUSE_OUT, out);
meubotao.addEventListener(MouseEvent.CLICK, clicou);

function over(e:MouseEvent):void{

TweenLite.to(e.target, 0.7, {alpha:0.7, ease:Expo.easeOut});

}

function out(e:MouseEvent):void{

TweenLite.to(e.target, 0.7, {alpha:1, ease:Expo.easeOut});

}

function clicou(e:MouseEvent):void{
trace("clicou");
}

No ultimo exemplo implementamos as ações over,  out e clique do movieclip.

Até o próximo post.