Categorias
Programação Wordpress

WordPress: exibir artigos relacionados por categoria

Todos sabemos que atualmente o WordPress é o CMS mais flexível do mercado, o que permite que se utilize o mesmo para praticamente qualquer tipo de aplicação web. Por vezes quando desenvolvemos um novo projeto precisamos de algumas funções específica dentro do WordPress, normalmente basta instalar um plugin e ativá-lo, que você terá à sua disposição novas funcionalidades. Mas se recorresse-mos as nossas próprias funções? Assim sendo, temos por vezes uma tarefa que não é difícil de conseguir, depois de um pouco de pesquisa, testes e alguns ajustes. Conseguimos uns «Code Snippets», ou numa tradução livre será algo como «retalhos de código», que são pedaços de código pré-fabricados e parametrizáveis que podemos inserir em nosso WordPress. É um recurso muito… Continuar a ler

Categorias
CSS Tutoriais

Como esticar imagem de fundo com CSS

Há algumas plugins jQuery que ajudam a esticar imagem de fundo no corpo ou outros elementos HTML. Não é uma tarefa difícil fazer que uma imagem de fundo cobrir um elemento HTML com a ajuda de JavaScript. Mas em CSS? É possível esticar a imagem usando apenas CSS? Felizmente, é possível! Para que a imagem seja alterada em função do tamanho da janela (viewport), ela deve ter uma regra de CSS, a propriedade «background» que define as características (os valores na regra CSS) do fundo dos elementos HTML. As propriedades «background» são as listadas abaixo: background-color – cor do fundo; background-image – imagem de fundo; background-repeat – maneira como a imagem de fundo é posicionada; background-attachment – se a imagem… Continuar a ler

Categorias
CSS HTML

O que é Responsive Web Design?

Responsive Web Design – Há uns anos atrás existia uma diferença clara entre os ambientes desktop e mobile. Com a introdução de smartphones, tablets e novas tecnologias que acedem à Web, os Web Designers depararam-se com o desafio de conceber para cada vez mais resoluções e dispositivos. Seria de enlouquecer desenhar múltiplas versões de um mesmo site que suprissem cada uma dessas variações de tamanho do ecrã e cada uma das resoluções de tela disponíveis no mercado. Nos dias que correm, todos querem uma versão mobile do seu website. Afinal de contas, os smartphones, tablets, etc, vieram para ficar. Iremos estar sempre a desenvolver os mesmos websites para mais uma mão cheia de dispositivos ou inclusivamente a re-desenhar websites mobile… Continuar a ler

Categorias
Programação Wordpress

WordPress: gerar QR Code para seus artigos ou páginas

Cada vez mais é comum encontrarmos QR Codes espalhados pelos mais variados cantos. Em anúncios de revistas e jornais, outdoors, etc. Pois bem, neste artigo vamos ver é fácil e rápido para criar um QR Code para usar no WordPress ou onde você quiser. QR Code com o link, emails ou frases. Para o efeito podemos usar a Chart API do Google ou QR Code Web API da QR-Server. Estas API’s, além de criar gráficos, também pode ser usada para gerar QR Codes. Sua principal vantagem é a simplicidade e rapidez. Uma vez chamadas, elas retornaram a imagem do QR Code com um texto e/ou link que quisermos. QR Codes com links no WordPress Utilização de QR Codes com direcionamento… Continuar a ler

Categorias
Programação Wordpress

WordPress: como usar shortcodes na theme, em widgets ou nos artigos

O WordPress oferece uma forma simples, segura e bastante ‘clean’ (limpa ) de misturar pedaços códigos PHP dentro de artigos (‘posts’) ou páginas por meio da Shortcode API. A Shortcode API (Application Programming Interface) está disponível desde a versão 2.5 e foi um grande ganho para os desenvolvedores de plugins e temas. Para que possamos usar shortcodes no WordPress, devemos criar uma função no arquivo functions.php do tema ou através de um plugin. Depois devemos evocar a função registada no nosso artigo dentro de ‘[ ]’ (colchetes), o WordPress substituirá o shortcode pelo retorno da função. Exemplo: WordPress: criando shortcodes <?php function fn_templates(){ return get_bloginfo(‘template_url’); } add_shortcode(‘templates’,’fn_templates’); ?> Chamamos o shortcode criado da seguinte forma: [templates] No próximo exemplo vamos… Continuar a ler

Categorias
Programação Wordpress

WordPress: adicionar scripts JS correctamente

O WordPress vem preparado de raíz para incluir scripts nos themes através da função wp_enqueue_script. Esta função deve ser utilizada no cabeçalho do theme antes da função wp_head(). Muitos de vocês já repararam que o dashboard do WP usa JQuery? Pois é, o WordPress incorpora de raíz uma versão do jQuery. O que pode implicar a necessidade de actualizar o WordPress ou o script de jQuery manualmente. Uma solução para manutenção de ficheiros de scripts, e boa por sinal é a utilização de CDN (Content Delivery Networks) que são locais especificos para aglomerar conteúdos com o intuito de facilitar a sua manutenção e melhorar a performance dos sites, evitando sobrecarga nos servidores. Incluir o jQuery no WordPress O primeiro passo… Continuar a ler

Categorias
Programação Wordpress

WordPress: inserir conteúdo antes ou depois dos artigos

Certamente você já teve a necessidade de inserir conteúdos extras logo abaixo dos artigos no WordPress. Existem milhares plugins que oferecem funcionalidades de Artigos Relacionados, Inserção de Anúncios, Compartilhamentos de Redes Sociais, etc. Mas esses exemplos são exemplos de codificações mais complexas e que podem gastar recursos e tornar o carregamento do seu blog mais pesado. Podemos facilmente utilizar métodos mais simples para inserir textos, imagens ou anúncios tanto no inicio como no rodapé de cada artigo. Para isso vamos utilizar um hook compacto. Para verificar como é uma tarefa simples, copie apenas o código abaixo e cole-o no final do arquivo functions.php do seu tema: function add_post_content($content) { if(!is_feed() && !is_home()) { $content .= ‘<p>Conteúdo extra depois do artigo… Continuar a ler

Categorias
Programação Wordpress

WordPress: como agendar a publicação dos artigos

Quando começamos a conhecer os visitantes do nosso blog ‘WordPress’, vamos verificando, algumas informações importantes sobre o perfil de nosso público, desde, o período do dia que nossos artigos são mais comentados, compartilhados, tweetados, etc. Então, e assumindo que adquirimos o hábito de acumular artigos nos rascunhos, e assim podemos ‘folgar’ nos dias em que não temos inspiração para escrever. Mas como nos preocupamos com nossos leitores, não pode deixar nosso blog sem atualizações. No WordPress temos uma funcionalidade interessante que é o ‘agendamento de artigos’, uma forma de podermos escolher de forma automatica a data e horário exatos que um artigo será publicado. Nesse artigo vamos criamos um pequeno passo a passo sobre como ‘agendar artigos no WordPress’. Agendando… Continuar a ler

Categorias
Programação Wordpress

WordPress: excluir imagens de uma galeria

Grande parte de nós utiliza a galeria de imagens que vem por padrão no WordPress, e certamente já devem ter precisado excluir (não mostrar) algumas imagens que estão anexados ao artigo, pois o WordPress inclui todas as fotos anexadas ao mesmo para serem exibidas na galeria. Isso acontece se fizermos o upload de mais que uma imagem para esse mesmo artigo, teremos a opção de inserir galeria. Nessa altura é gerado um shortcode que no final cria a galeria de imagens. Para visualizarmos o shortcode é necessário estar no modo HTML do editor. Mas muitas das vezes fazemos upload de várias imagens mas só queremos mostrar algumas. Para excluir imagens que não queremps usar nessa galeria, basta adicionar no shortcode,… Continuar a ler