Bravetag - Page 5 of 6 -

March 25, 2016
no comments

WordPress add custom color to text editor

function my_mce4_options($init) {
  $default_colours = '"000000", "Black",
                      "993300", "Burnt orange",
                      "333300", "Dark olive",
                      "003300", "Dark green",
                      "003366", "Dark azure",
                      "000080", "Navy Blue",
                      "333399", "Indigo",
                      "333333", "Very dark gray",
                      "800000", "Maroon",
                      "FF6600", "Orange",
                      "808000", "Olive",
                      "008000", "Green",
                      "008080", "Teal",
                      "0000FF", "Blue",
                      "666699", "Grayish blue",
                      "808080", "Gray",
                      "FF0000", "Red",
                      "FF9900", "Amber",
                      "99CC00", "Yellow green",
                      "339966", "Sea green",
                      "33CCCC", "Turquoise",
                      "3366FF", "Royal blue",
                      "800080", "Purple",
                      "999999", "Medium gray",
                      "FF00FF", "Magenta",
                      "FFCC00", "Gold",
                      "FFFF00", "Yellow",
                      "00FF00", "Lime",
                      "00FFFF", "Aqua",
                      "00CCFF", "Sky blue",
                      "993366", "Red violet",
                      "FFFFFF", "White",
                      "FF99CC", "Pink",
                      "FFCC99", "Peach",
                      "FFFF99", "Light yellow",
                      "CCFFCC", "Pale green",
                      "CCFFFF", "Pale cyan",
                      "99CCFF", "Light sky blue",
                      "CC99FF", "Plum"';

  $custom_colours =  '"E14D43", "Color 1 Name",
                      "D83131", "Color 2 Name",
                      "ED1C24", "Color 3 Name",
                      "F99B1C", "Color 4 Name",
                      "50B848", "Color 5 Name",
                      "00A859", "Color 6 Name",
                      "00AAE7", "Color 7 Name",
                      "282828", "Color 8 Name"';

  // build colour grid default+custom colors
  $init['textcolor_map'] = '['.$default_colours.','.$custom_colours.']';

  // enable 6th row for custom colours in grid
  $init['textcolor_rows'] = 6;

  return $init;
}
add_filter('tiny_mce_before_init', 'my_mce4_options');

function my_mce4_options($init) {

$default_colours = '"000000", "Black",

"993300", "Burnt orange",

"333300", "Dark olive",

"003300", "Dark green",

"003366", "Dark azure",

"000080", "Navy Blue",

"333399", "Indigo",

"333333", "Very dark gray",

"800000", "Maroon",

"FF6600", "Orange",

"808000", "Olive",

"008000", "Green",

"008080", "Teal",

"0000FF", "Blue",

"666699", "Grayish blue",

"808080", "Gray",

"FF0000", "Red",

"FF9900", "Amber",

"99CC00", "Yellow green",

"339966", "Sea green",

"33CCCC", "Turquoise",

"3366FF", "Royal blue",

"800080", "Purple",

"999999", "Medium gray",

"FF00FF", "Magenta",

"FFCC00", "Gold",

"FFFF00", "Yellow",

"00FF00", "Lime",

"00FFFF", "Aqua",

"00CCFF", "Sky blue",

"993366", "Red violet",

"FFFFFF", "White",

"FF99CC", "Pink",

"FFCC99", "Peach",

"FFFF99", "Light yellow",

"CCFFCC", "Pale green",

"CCFFFF", "Pale cyan",

"99CCFF", "Light sky blue",

"CC99FF", "Plum"';

$custom_colours = '"E14D43", "Color 1 Name",

"D83131", "Color 2 Name",

"ED1C24", "Color 3 Name",

"F99B1C", "Color 4 Name",

"50B848", "Color 5 Name",

"00A859", "Color 6 Name",

"00AAE7", "Color 7 Name",

"282828", "Color 8 Name"';

// build colour grid default+custom colors

$init['textcolor_map'] = '['.$default_colours.','.$custom_colours.']';

// enable 6th row for custom colours in grid

$init['textcolor_rows'] = 6;

return $init;

}

add_filter('tiny_mce_before_init', 'my_mce4_options');

February 24, 2016
no comments

wordpress insert page content in the template

Visual Composer

$id=972;
$post = get_post($id);
$content = apply_filters('the_content', $post->post_content);
echo $content;

$id=972;

$post = get_post($id);

$content = apply_filters('the_content', $post->post_content);

echo $content;

No Visual Composer

$id=972;
$post = get_post($id);
$content = apply_filters('the_content', $post->post_content);
echo $post->post_content;

$id=972;

$post = get_post($id);

$content = apply_filters('the_content', $post->post_content);

echo $post->post_content;

Basic Page Content

$the_query = new WP_Query( 'page_id=972' );
while ($the_query -> have_posts()) : $the_query -> the_post();
the_content();
endwhile;

$the_query = new WP_Query( 'page_id=972' );

while ($the_query -> have_posts()) : $the_query -> the_post();

the_content();

endwhile;

February 22, 2016
no comments

Google PageSpeed expired not defined resolve by .htaccess

# Browser Caching
FileETag MTime Size
<IfModule expires_module>
    ExpiresActive on
    ExpiresDefault "access plus 1 week"
</IfModule>

# Browser Caching

FileETag MTime Size

ExpiresActive on

ExpiresDefault "access plus 1 week"

</IfModule>

February 12, 2016
no comments

Load iframe with jQuery (work with Firefox)

jQuery(document).ready(function ($) {
   $(".button_link").click(function () {
      $('#iframe_container').show();
      $("#iframe_container").attr("src", "https://www.google.com/");
   });
});

jQuery(document).ready(function ($) {

$(".button_link").click(function () {

$('#iframe_container').show();

$("#iframe_container").attr("src", "https://www.google.com/");

});

   <iframe id="iframe_container" src=""></iframe>

1	<iframe id="iframe_container" src=""></iframe>

January 27, 2016
no comments

Set Error message in form that it take default browser language

DO NOT USE / NOT WORKING

<input id="courriel" type="text" required="" oninvalid="this.setCustomValidity('Le courriel n\'est pas valide')" />

1	<input id="courriel" type="text" required="" oninvalid="this.setCustomValidity('Le courriel n\'est pas valide')" />

January 15, 2016
no comments

Add custom font

@font-face {
	font-family: Exo-LightItalic;
	src: url('http://www.website.com/wp-content/themes/theme-child/fonts/Exo-LightItalic.otf');
}

@font-face {

font-family: Exo-LightItalic;

src: url('http://www.website.com/wp-content/themes/theme-child/fonts/Exo-LightItalic.otf');

}

January 6, 2016
no comments

Roll over a div to change image inside itself

// Caroussel img
  $(".caroussel_link")
	.mouseover(function() { 
		//alert("test");
		var src = $(this).find("img").attr("src").replace(".jpg", "_hover.jpg");
		$(this).find("img").attr("src", src);
  })
	.mouseout(function() {
		var src = $(this).find(".caroussel_img img").attr("src").replace("_hover.jpg", ".jpg");
		$(this).find(".caroussel_img img").attr("src", src);
  });

// Caroussel img

$(".caroussel_link")

.mouseover(function() {

//alert("test");

var src = $(this).find("img").attr("src").replace(".jpg", "_hover.jpg");

$(this).find("img").attr("src", src);

})

.mouseout(function() {

var src = $(this).find(".caroussel_img img").attr("src").replace("_hover.jpg", ".jpg");

$(this).find(".caroussel_img img").attr("src", src);

});

December 3, 2015
0 comments

WordPress Remove accents in filename for upload media file

add_filter('sanitize_file_name', 'remove_accents' );

1	add_filter('sanitize_file_name', 'remove_accents' );

November 19, 2015
22 comment

WordPress Events manager – wp_query for lastest event

global $post;
$time = date ('m/d/Y');
 
		// Set up custom query with meta_query to compare event start date with today's date
		$args = array (
			'post_type'              => 'event', // your event post type slug
			'post_status'            => 'publish', // only show published events
			'orderby'                => 'meta_value', // order by date
			'meta_key'               => 'event_start_date', // your ACF Date & Time Picker field
			'meta_value'             => $time, // Use the current time from above
			'meta_compare'           => '>=', // Compare today's datetime with our event datetime
			'order'                  => 'ASC', // Show earlier events first
			'posts_per_page'         => 10,
		);

		// The Query
		$listings = new WP_Query();
		
		// The Loop
		$listings->query($args);
			if($listings->found_posts > 0) {
			echo '<ul>';
			while ($listings->have_posts()) {
				$listings->the_post();
				$id = $post->ID;
				
				//echo $id;
				$newDate = date_i18n(get_option('date_format'), strtotime(get_post_meta($id, 'event_start_date', true)));
				
				//$event_data = get_post_meta($id);
				//print_r($event_data);
				if(get_post_meta($id, 'event_start_date', true)){
					$listItem = '<li>';
					$listItem .= '<a href="' . get_permalink() . '">';
					$listItem .= get_the_title() . '</a>';
					$listItem .= '<br><span> ' . $newDate . '</span></li>';
					$listItem .= '</li>';
					
					echo $listItem;
				}
			}
			echo '</ul>';
			wp_reset_postdata();
			
		} else {
			// no posts found
			echo '<p style="padding:25px;">Aucun événement</p>';
		}

global $post;

$time = date ('m/d/Y');

// Set up custom query with meta_query to compare event start date with today's date

$args = array (

'post_type' => 'event', // your event post type slug

'post_status' => 'publish', // only show published events

'orderby' => 'meta_value', // order by date

'meta_key' => 'event_start_date', // your ACF Date & Time Picker field

'meta_value' => $time, // Use the current time from above

'meta_compare' => '>=', // Compare today's datetime with our event datetime

'order' => 'ASC', // Show earlier events first

'posts_per_page' => 10,

);

// The Query

$listings = new WP_Query();

// The Loop

$listings->query($args);

if($listings->found_posts > 0) {

echo '<ul>';

while ($listings->have_posts()) {

$listings->the_post();

$id = $post->ID;

//echo $id;

$newDate = date_i18n(get_option('date_format'), strtotime(get_post_meta($id, 'event_start_date', true)));

//$event_data = get_post_meta($id);

//print_r($event_data);

if(get_post_meta($id, 'event_start_date', true)){

$listItem = '<li>';

$listItem .= '<a href="' . get_permalink() . '">';

$listItem .= get_the_title() . '</a>';

$listItem .= ' ' . $newDate . '</li>';

$listItem .= '</li>';

echo $listItem;

}

echo '</ul>';

wp_reset_postdata();

} else {

// no posts found

echo 'Aucun événement';

}

October 21, 2015
0 comments

Javascript anchor link smooth scroll anchor ofset, load or click

 $('a[href*="#"]:not([href="#"])').click(function() {
        var target = $(this.hash);
        $('html,body').stop().animate({
            scrollTop: target.offset().top - 100
        }, 'linear');
    });
    if (location.hash){
        var id = $(location.hash);
    }
    $(window).load(function() {
        if (location.hash){
            $('html,body').animate({scrollTop: id.offset().top -100}, 'linear')
        };
    });

$('a[href*="#"]:not([href="#"])').click(function() {

var target = $(this.hash);

$('html,body').stop().animate({

scrollTop: target.offset().top - 100

}, 'linear');

});

if (location.hash){

var id = $(location.hash);

}

$(window).load(function() {