👨🏻‍💻

Luís Felipe de Olivera luisfelipe-dev

👨🏻‍💻

Front-end Developer

luisfelipe-dev / Custom Post Type

Created November 24, 2017 01:22

	//CUSTOM POST TYPE
	function custom_post_type_modalidades() {
	register_post_type('modalidades', array(
	'label' => 'Modalidades',
	'description' => 'Modalidades',
	'public' => true,
	'menu_icon' => 'dashicons-shield-alt',
	'show_ui' => true,
	'show_in_menu' => true,
	'capability_type' => 'page',

luisfelipe-dev / Borda Abaixo do Titulo

Created October 9, 2017 15:45

Adicionar uma borda abaixo do titulo

luisfelipe-dev / Classe Animação CSS

Created September 21, 2017 14:30

	@mixin anima-slow {
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-khtml-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	}

	@mixin anima-normal {

luisfelipe-dev / Font Awesome After CSS

Last active April 4, 2018 20:40

Colocar icone do Font Awesome antes do texto por CSS

luisfelipe-dev / CSS DIAGONAL

Created June 23, 2017 18:40

Classe para criar um efeito de corte diagonal

	Classe para criar efeito diagonal no before

	h2{
	padding-top: 2rem;
	width: 70%;
	position: relative;
	font-size: 1.625em;
	&:before{
	position: absolute;
	content: '';

luisfelipe-dev / Menu Wordpress

Created May 16, 2017 18:58

Funções para criar menu no Wordpress

	functions.php:

	//MENU
	class dwf_walker extends Walker {

	var $db_fields = array(
	'parent' => 'menu_item_parent',
	'id' => 'db_id'
	);

luisfelipe-dev / Limitar Resumo do POST WP

Last active October 18, 2018 17:14

Coloque no Functions.php para limitar o número de caracteres do seu resumo

	// LIMITAR RESUMO DO POST
	function novo_tamanho_do_resumo($length) {
	return 30;
	}
	add_filter('excerpt_length', 'novo_tamanho_do_resumo');

	function new_excerpt_more($more) {
	return '...';
	}
	add_filter('excerpt_more', 'new_excerpt_more');

luisfelipe-dev / Efeito Scroll

Last active November 2, 2017 13:29

Efeito Scroll muito fácil de fazer!

	$('.heading a').click(function(e){ //COLOCAR A CLASSE DO MENU NO LUGAR DO '.heading'
	e.preventDefault();
	var id = $(this).attr('href'),
	targetOffset = $(id).offset().top,
	menuHeight = $('.heading').innerHeight(); //COLOCAR A CLASSE DO MENU NO LUGAR DO '.heading'

	$('html,body').animate({
	scrollTop: targetOffset - menuHeight
	},500); //500 = VELOCIDADE DO SCROLL
	});

luisfelipe-dev / Imagem destaque WP como BG

Created March 28, 2017 14:47

Colocar a imagem de destaque do Wordpress como background.

	<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'post' ); ?>

	<div class="foto_blog-novo" style='background: url("<?php echo $image[0]; ?>") no-repeat center; background-size: cover;' >
	</div><!-- /foto_blog-novo -->

luisfelipe-dev / Loop ACF Galeria + Owl

Created March 15, 2017 18:04

	<?php

	$images = get_field('galeria1');

	if( $images ): ?>
	<div id="sync1" class="owl-carousel">
	<?php foreach( $images as $image ): ?>

	<div class="item"><h1><img src="<?php echo $image['sizes']['large']; ?>" alt="<?php echo $image['alt']; ?>" /></h1></div>