Como colocar um formulário de contato no wordpress sem o uso de plugin

Postado por: Anderson Custódio de Oliveira em

Nada contra plugins, são muito bons, mas em determinadas situação é bom evitar, na minha opinião formulário de contato é uma delas, pois evita de ficar carregando o script do formulário em todas as página, desta forma que vou mostrar o script só carrega na própria página de contato. E para isso acontecer vamos criar um template especifico para página de contato.

Todos templates do wordpress tem o arquivo “page.php”, ele é o arquivo responsável em exibir todas páginas separadas, sabendo disto vamos fazer o seguinte: Entre na pasta do template, faça uma copia do “page.php” e romei-a para “contato.php” e abra a mesma em seu editor.

No topo dela vai ter o seguinte comentário.

/**
 * The template for displaying all pages.
 * ...
 */

Continuar lendo »

Instalando Apache, PHP, MySQL e Phpmyadmin, configurando a pasta de publicação e ativando o mod_rewrite no Ubuntu

Postado por: Anderson Custódio de Oliveira em

Este artigo é ideal para quem está começando ou querendo começar a usar linux para desenvolvimento web, vou mostrar como configurar o apache para rodar em sua pasta pessoal e também ativar o “mod_rewrite” para assim poder usar urls amigáveis alem é claro do PHP, MySQL e Phpmyadmin.

Instalando Apache e PHP

Para começar vamos abrir o nosso terminal e digitar o seguinte comando para instalar o apache e o PHP

sudo apt-get install apache2 php5

Continuar lendo »

jQuery plugin: Redimensionar a altura de um textarea pelo conteúdo

Postado por: Anderson Custódio de Oliveira em

Bom galera, procurei alguma solução para redimensionar a altura de um textarea pelo conteúdo e talvez por eu ser chato não gostei muito das que encontrei, :~ com isso, coloquei a mão na massa e saiu este código logo abaixo, acho que ficou legal. :)

/* OBS: Todos textarea tem que ter id */
(function($) {
	$.fn.autosize = function() {
		$(this).each(function(){
			$(this).css({'overflow' : 'hidden'});
			$('body').prepend('<div id="jQuery-autosize-' + $(this).attr('id') + '"></div>');
			$('#jQuery-autosize-' + $(this).attr('id')).css({
				'display'      : 'none',
				'word-wrap'    : 'break-word',
				'font-family'  : $(this).css('font-family'),
				'padding'      : $(this).css('padding'),
				'font-size'    : $(this).css('font-size'),
				'font-padding' : $(this).css('font-padding'),
				'font-weight'  : $(this).css('font-weight'),
				'line-height'  : $(this).css('line-height'),
				'width'        : $(this).width()
			});
			autosize($(this));
			$(this).bind('keyup keypress change', function() {autosize($(this))});
		});
	};
	
	function autosize(e) {
		div_id = '#jQuery-autosize-' + e.attr('id');
		val = e.val().replace(/\n/g, '<br />');
		$(div_id).empty();
		$(div_id).append(val + '<br /><br />');
		e.css('height', $(div_id).height());
	}
})(jQuery);

Acho que ficou simples e fácil de entender então não tem muito que explicar, é só salvar e incluir em sua página e usá-lo desta forma:

$(function(){$('textarea').autosize();});

Continuar lendo »

Gerando ID Alfanumérico único

Postado por: Anderson Custódio de Oliveira em

Olha eu de novo aqui :) Não apareço faz tempo, muito trabalho e etc… Acho que quase ninguém me conhece, mas em fim, estou de volta e espero que gostem do post :D

Como está na moda URLs curtas, acho que muita gente vai gostar e achar interessante, vou citar duas soluções, a segunda eu não usaria.

Gerando aleatoriamente

Se você reparar no código abaixo a pré configuração gera IDs no mesmo estilo que do YouTube, a intenção foi exatamente esta, usei este mesmo padrão em um portal que estou montando, serão postados muitas fotos e vídeos diariamente, achei esta uma excelente solução e fiz uma função bem simples e funcional.

Com uma pequena configuração você pode gerar URLs Curtas e Únicas, estilo os encurtadores de URL.

Continuar lendo »

Target _blank é uma afronta a liberdade de escolha do usuário

Postado por: Anderson Custódio de Oliveira em

O desenvolvedor não pode escolher pelo usuário se o link vai abrir ou não em outra janela, está é uma decisão exclusivamente do usuário que há tempos está mal acostumado com o target _blank.

Todos links deveriam abrir na mesma janela (ou aba, tanto faz) com isso o usuário ficaria bem acostumado, ele já saberia que para abrir o link em uma nova janela seria só clicar no link segurando o shift, em uma nova aba crtl ou apenas clicar para abrir na mesma janela, ai está, graças ao target _blank os usuários não podem abrir o link na mesma janela.

Digo o mesmo para o autocomplete off, se o usuário não quer adicionar a senha dele no autocomplete cabe exclusivamente a ele decidir, e não ao desenvolvedor, o próprio navegador perguntar se ele quer ou não fazer isso.

Mesmo no final de formulários onde há um link para uma página com os termos de uso, o botão voltar não foi feito para enfeitar o navegador, mesmo o usuário já tendo preenchido todo formulário e abrindo outra página na mesma janela ao clicar em voltar o formulário fica com todos campos preenchidos mantidos, mas se mesmo assim o usuário quiser abrir em outra janela ele tem liberdade de escolha. :)

Outros lugares onde pode usar o “or” no PHP

Postado por: Anderson Custódio de Oliveira em

Muitos pensam que o “or” só pode ser usado dentro do “if”. Por exemplo:

if ($a == 1 or $a == 2) {
 echo '$a tem o valor de 1 ou 2';
}

Mas tem outras formas, acho que não tem muito o que explicar, então só vou fazer alguns exemplos.

// Se o arquivo não existir mostra a mensagem de não encontrado
file_exists('tpl.php') or die('Arquivo não encontrado');

// Se teste não tiver valor é atribuído um
$teste or $teste = 'ok';

// Se teste tiver valor é atribuído outro
!$teste or $teste = 'outro'; //repare o "!" na frente da váriavel teste

// Se teste não tiver valor executo uma função
$teste or funcao();

// Se teste for igual a "outro" é atribuído outro valor
$teste == 'outro' or $teste = 'outro valor';

// Se teste for diferente a "outro" executa uma função
$teste != 'outro' or funcao();

Bom é isso, apenas alguns exemplos para dar uma noção do que se pode fazer, qualquer erro me avisem, próximo artigo vai ser sobre URLs Amigáveis, to devendo a um tempão =/

PS: Descobri fazendo alguns testes, não sei se tem documentação sobre isso, e só testei no PHP5.

Compactando o (X)HTML/CSS de suas páginas

Postado por: Anderson Custódio de Oliveira em

Fiz um código super simples, para deixar qualquer (X)HTML ou CSS em uma única linha, sem tabs e sem comentários.

Sobre o CSS seria interessante você usar junto com esta dica do Bruno Alves.

Bom, primeiro lhe apresento a função que tira todos os Enters, tabs, comentários CSS e (X)HTML. Basta colocar no index.php de seu site.

function strip($buffer) {
  return trim(preg_replace('/\n|\r|\t|/', ' ', $buffer));
}

Agora em seguida é só usar o buffer do PHP com a função strip no callback.

Exemplo com o index do WordPress:

define('WP_USE_THEMES', true);

function strip($buffer) {
	return trim(preg_replace('/\n|\r|\t|/', ' ', $buffer));
}

ob_start('strip');
	require('./wp-blog-header.php');
ob_end_flush();

E pronto, todo (X)HTML que seu WordPress gerar vai ficar em uma única linha e sem comentários. Lembrando que você pode usar este código em qualquer sistema. É só usar o código corretamente no index.

PS: Sobre o vídeo tutorial “Como trabalhar com URLs Amigáveis” peço desculpas pela demora, nele vou ensinar técnicas avançadas para gerenciar URLs e como usar slugs.

Update: Como haviam dito o expressão para remover os comentários teriam que ser mais complexa, como na época conhecia só o básico não cheguei a entender os comentários. Para não ter problema está apenas a parte que deixa todo código em uma única linha. Desculpe, logo farei um post sobre expressões regulares e mostrarei como fazer essa expressão. Até lá :)

Páginas:«1234»