Categorias
PHP Wordpress

Criando Custom Post Types no Wordpres Parte 2

criando custom post types no wordpress parte2

Muitas pessoas pensam em WordPress como uma ferramenta de blogs, principalmente porque tem posts, categorias, tags, etc. O que a maioria das pessoas não sabe é que podem ser substituídas por tipos de conteúdos personalizados e taxonomias personalizadas. Na primeira parte deste artigo ficamos a saber que: Custom Post Types é a função usada para manipulação de conteúdo no WordPress, com ela pode-se criar conteúdos personalizados, diferentes dos 5 tipos de postes padrão do WordPress… Neste artigo vamos continuar a mostrar-lhe como criar taxonomias personalizadas no WordPress, bem como como exibir os conteúdos personalizados em seu tema WordPress. Criando Custom Tags Taxonomies A taxonomia ‘post_tag’ é semelhante às categorias, mas de forma mais livre. As tags ou “etiquetas” podem ser… Continuar a ler

Categorias
Programação Wordpress

Criando Custom Post Types no WordPress

custom-post-types-wordpress

Custom Post Types é a função usada para manipulação de conteúdo no WordPress, com ela pode-se criar conteúdos personalizados, diferentes dos 5 tipos de postes padrão do WordPress… Isso permite que o WordPress seja usado para uma ampla gama de gerenciamento de conteúdo e não apenas para criar blogs. Criando Custom Post Types Este assunto é muito amplo e as possibilidades de se usar conteúdos personalizados são ilimitadas. Então vamos criar um exemplo de Portfolio, que poderá ser usado em qualquer Web site que use o WordPress como CMS. O código php que vamos criar pode ser colocado diretamente no arquivo «functions.php» ou pode-se criar um arquivo próprio e usar um include para o adicionar ao «functions.php». <?php # #… Continuar a ler

Categorias
Plugins Wordpress

Integrando Contact Form 7 com Bootstrap no WordPress

integrando contact form 7 com bootstrap

Contact Form 7 é um dos mais populares plugins para criação de formulário de contato no WordPress com mais de 1 milhão downloads. Este post é destinado a desenvolvedores de tema para WordPress que queiram integrar o plugin Contact Form 7 com o Bootstrap um popular framework HTML, CSS, e JS. Neste exemplo mostramos uma maneira para tornar o processo de integração mais fácil de entender e de usar. Estamos usando “id” e “class” que são “built-in options” no plugin Contact Form 7. Integrando o Contact Form 7 com Bootstrap <div class=”form-group”> <label for=”your-name”>Your Name (required) : </label> [text* your-name class:form-control id:your-name] </div> <div class=”form-group”> <label for=”your-email”>Your Email (required) : </label> [email* your-email class:form-control id:your-email] </div> <div class=”form-group”> <label for=”your-subject”>Subject… Continuar a ler

Categorias
Design Internet

O Google está diferente, conheça o novo logótipo

google logo

O Google está diferente, veja o novo tipo de letra que assemelha-se mais ao logótipo da recente empresa-mãe, a Alphabet… Renovar a imagem faz parte da vida de qualquer empresa bem-sucedida, significando uma adaptação e modernização que é muitas vezes sinal de uma boa saúde. A Google não é exceção. Depois de anos, o Google reformulou seu logotipo. A empresa, que sempre fez algumas mudanças pequenas em sua marca emblemática, trocou completamente a fonte do seu logo, mas manteve o clássico esquema de cores. O vídeo divulgado pela empresa destaca o alcance e a evolução da ferramenta de buscas desde seu lançamento e os outros grandes ramos em que a companhia investiu nos últimos anos, incluindo mapas, o Android, o… Continuar a ler

Categorias
Software

Codec da Google pode reduzir tamanho dos vídeos 4K

codec vp

Novo codec da Google promete cortar tamanho dos vídeos em 4K. Empresa espera que VP10 se torne padrão até ao final do próximo ano… Em entrevista ao CNet, James Bankoski, engenheiro da Google, explicou os detalhes do codec VP10. Além de uma série de melhorias, como performance, cores e brilho, este codec vai fazer uma compressão mais eficiente que pode cortar o tamanho de um vídeo em 4K pela metade. Ainda que, segundo o Gizmodo, o codec ideal entregue imagens ricas e com detalhes sem consumir muita bateria e processamento dos computadores e smartphones, o VP10 deverá consumir cerca de 40% mais do que o VP9, o seu antecessor. A Google, de acordo com o Gizmodo, espera ter o VP10… Continuar a ler

Categorias
CSS Programação Tutoriais

Remover o fundo amarelo dos anúncios Google Adsense

fundo amarelo dos anuncios adsense

Você certamente já se deparou com um fundo amarelo antes do carregamento do anúncio Google AdSense, tanto no código antigo como no novo código responsivo? Há duas razões pelas quais um site pode mostrar esse fundo amarelo: 1. Muitos sites em WordPress ou não, na folha de estilo CSS vem definindo a tag html <ins> com amarelo por padrão. A cor hex do amarelo usado é #fff9c0. 2. A tag HTML <ins> está definida em torno de um anúncio Google: <ins>script do anúncio</ins>. A definição do atribuito ins é a seguinte: A tag <ins> define um texto que foi inserido num documento. É comumente usado para marcação de atualizações e modificações feitas em um site. Como o Adsense acaba sendo… Continuar a ler

Categorias
CSS Programação

Vídeo responsivo para funcionar em pc,tablet e telemóvel

video responsivo css wp

Para tornar um vídeo do YouTube responsivo e assim se adaptar em qualquer pc, tablet e/ou dispositivo móvel você pode usar CSS ou Javascript para cumprir essa meta. Este exemplo usa uma solução CSS, você precisa adicionar algum código CSS em seu arquivo CSS principal. Criar o processo A primeira coisa que você precisa obter é o código iframe para incorporar o vídeo YouTube, pegue ele do site YouTube. Depois crie uma “div” com a class “video-container” onde pretende mostrar o vídeo e coloque o código iframe dentro da “div” criada. A partir daqui, precisamos declarar o CSS. <div class=”video-container”><iframe…….></iframe></div> Configurando o CSS .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0;… Continuar a ler

Categorias
CSS PHP Wordpress

Juntar todos os ficheiros CSS com PHP

php css wp

Vamos ver um pequeno script onde usando um pouco de PHP permite compilar diversos documentos de CSS, em um único arquivo CSS. Isto não só reduz o tamanho total do arquivo, mas também faz com que sejam efectuados menos pedidos HTTP ao servidor quando são carregadas as páginas. Um site rápido equivale a uma boa experiência do usuário e também agrada aos mecanismos de pesquisa. Assim cria um documento .php e insere o seguinte código: <?php header(‘Content-type: text/css’); ob_start(“compress”); function compress( $minify ) { /* remove comments */ $minify = preg_replace( ‘!/*[^*]**+([^/][^*]**+)*/!’, ”, $minify ); /* remove tabs, spaces, newlines, etc. */ $minify = str_replace( array(“rn”, “r”, “n”, “t”, ‘ ‘, ‘ ‘, ‘ ‘), ”, $minify ); return $minify;… Continuar a ler

Categorias
Programação Wordpress

Definindo mínimo de caracteres em um comentário

wordpress mínimo de caracteres

Uma parte importante de promover qualquer blog ou website é a construção de ligações (links) para ele. Os links é o combustível que vai ajudar a impulsionar você para o topo do Google. É importante lembrar que o spam não é uma boa ideia e não é recomendado sob quaisquer circunstâncias. Construir as ligações (links) através de comentários em blogs pode ser bom se você fornecer comentários que realmente acrescente algo as esses mesmos blogs e, preferencialmente, só em blogs, onde você é um leitor ativo. Para evitar alguns comentários menos valiosos em nossos blogs pode ser interessante obrigar seus visitantes a escreverem comentários no mínimo com uma quantidade X de caracteres (definindo mínimo de caracteres). O código abaixo faz… Continuar a ler