Advanced Custom Fields

Page by Page Sidebars

Using Advanced Custom Fields Create WYSIWYG Fields “Right Sidebar” (id right_sidebar) and/or “Left Sidebar” (id left_sidebar).


function jma_custom_sidebar($side){
	$content = get_field( $side.'_sidebar');
	
	$content = apply_filters('the_content', $content);
	$content = str_replace(']]>', ']]&gt;', $content);
	echo $content . '<div style="clear: both; margin-bottom: 20px"></div>';
}

/**
 * Call our sidebar functions based on the
 * current position and current sidebar layout.
 */
function jma_custom_sidebars( $position ) {
     
    // Get current sidebar layout
    $layout = themeblvd_config( 'sidebar_layout' );
     
    if( $position == 'left' ) {
         
        // Display any sidebars to be located on the LEFT
        // based on the current sidebar layout.
         
        // Display the left sidebar
        if( $layout == 'sidebar_left' || $layout == 'double_sidebar' || $layout == 'double_sidebar_left' ) {
            do_action( 'themeblvd_fixed_sidebar_before', 'left'  );
            if(get_field('left_sidebar'))
            	jma_custom_sidebar('left');
			else
				themeblvd_display_sidebar( 'sidebar_'.$position );
            do_action( 'themeblvd_fixed_sidebar_after' );
        }
         
        // Display the right sidebar if there is a
        // double sidebar over on the left.
        if( $layout == 'double_sidebar_left' ) {
            do_action( 'themeblvd_fixed_sidebar_before', 'right'  );
            if(get_field('right_sidebar'))
            	jma_custom_sidebar('right');
			else
				themeblvd_display_sidebar( 'sidebar_right' );
			
            do_action( 'themeblvd_fixed_sidebar_after' );
        }
         
    } else if( $position == 'right' ) {
         
        // Display any sidebars to be located on the RIGHT
        // based on the current sidebar layout.
         
        // Display the left sidebar if there is a
        // double sidebar over on the right.
        if( $layout == 'double_sidebar_right' ) {
            do_action( 'themeblvd_fixed_sidebar_before', 'left'  );
            if(get_field('left_sidebar'))
            	jma_custom_sidebar('left');
			else
				themeblvd_display_sidebar( 'sidebar_left' );
            do_action( 'themeblvd_fixed_sidebar_after' );
        }
         
        // Display the right sidebar
        if( $layout == 'sidebar_right' || $layout == 'double_sidebar' || $layout == 'double_sidebar_right' ) {
            do_action( 'themeblvd_fixed_sidebar_before', 'right'  );
            if(get_field('right_sidebar'))
            	jma_custom_sidebar('right');
			else
				themeblvd_display_sidebar( 'sidebar_'.$position );
            do_action( 'themeblvd_fixed_sidebar_after' );
        }
         
    }  
}

function jma_template_redirect(){
	if(is_page() && function_exists('get_field') && (get_field('right_sidebar') || get_field('left_sidebar'))){
		remove_action( 'themeblvd_sidebars', 'themeblvd_fixed_sidebars' );
		add_action( 'themeblvd_sidebars', 'jma_custom_sidebars' );
	}
}
add_action('template_redirect', 'jma_template_redirect');

function jma_custom_sidebar($side){

$content = get_field( $side.'_sidebar');

$content = apply_filters('the_content', $content);

$content = str_replace(']]>', ']]>', $content);

echo $content . '<div style="clear: both; margin-bottom: 20px"></div>';

}

/**

* Call our sidebar functions based on the

* current position and current sidebar layout.

function jma_custom_sidebars( $position ) {

// Get current sidebar layout

$layout = themeblvd_config( 'sidebar_layout' );

if( $position == 'left' ) {

// Display any sidebars to be located on the LEFT

// based on the current sidebar layout.

// Display the left sidebar

if( $layout == 'sidebar_left' || $layout == 'double_sidebar' || $layout == 'double_sidebar_left' ) {

do_action( 'themeblvd_fixed_sidebar_before', 'left' );

if(get_field('left_sidebar'))

jma_custom_sidebar('left');

else

themeblvd_display_sidebar( 'sidebar_'.$position );

do_action( 'themeblvd_fixed_sidebar_after' );

}

// Display the right sidebar if there is a

// double sidebar over on the left.

if( $layout == 'double_sidebar_left' ) {

do_action( 'themeblvd_fixed_sidebar_before', 'right' );

if(get_field('right_sidebar'))

jma_custom_sidebar('right');

else

themeblvd_display_sidebar( 'sidebar_right' );

do_action( 'themeblvd_fixed_sidebar_after' );

}

} else if( $position == 'right' ) {

// Display any sidebars to be located on the RIGHT

// based on the current sidebar layout.

// Display the left sidebar if there is a

// double sidebar over on the right.

if( $layout == 'double_sidebar_right' ) {

do_action( 'themeblvd_fixed_sidebar_before', 'left' );

if(get_field('left_sidebar'))

jma_custom_sidebar('left');

else

themeblvd_display_sidebar( 'sidebar_left' );

do_action( 'themeblvd_fixed_sidebar_after' );

}

// Display the right sidebar

if( $layout == 'sidebar_right' || $layout == 'double_sidebar' || $layout == 'double_sidebar_right' ) {

do_action( 'themeblvd_fixed_sidebar_before', 'right' );

if(get_field('right_sidebar'))

jma_custom_sidebar('right');

else

themeblvd_display_sidebar( 'sidebar_'.$position );

do_action( 'themeblvd_fixed_sidebar_after' );

}

function jma_template_redirect(){

if(is_page() && function_exists('get_field') && (get_field('right_sidebar') || get_field('left_sidebar'))){

remove_action( 'themeblvd_sidebars', 'themeblvd_fixed_sidebars' );

add_action( 'themeblvd_sidebars', 'jma_custom_sidebars' );

}

add_action('template_redirect', 'jma_template_redirect');

Nivo Slider From ACF Gallery

Use this to create the html for the slider:


function jma_nivo($input = array() ){
	$defaults = array(
		'class' => '',
		'acf_field' => 'gallery',
		'image_size' => 'tb_grid',
		'thumb_size' => 'tb_thumb',
		'post_id' => '',
		'image_ids' => '',
	);
	foreach($defaults as $var => $default){
		$args[$var] = isset($input[$var]) && $input[$var]? $input[$var]: $default;
	}
	extract($args);
	if(!$post_id){
		global $post;
		$post_id = $post->ID;
	}
	$return = '';
	if($image_ids || $acf_field){
		$return = '<div class="jma-port-slider">';
		$return .= '<div class="jma_nivo ' . $class . ' metaslider metaslider-nivo ml-slider" style="overflow: hidden">';
		if($image_ids)
			$image_ids = explode(',', $image_ids);
		else
			$image_ids = get_field($acf_field, $post_id, false);
		if($image_ids){
			foreach($image_ids as $image_id){
				$image_attributes = wp_get_attachment_image_src( $image_id, $image_size );
				$thumb_attributes = wp_get_attachment_image_src( $image_id, $thumb_size );
				if($image_attributes)
					$return .= '<img src="' . $image_attributes[0] . '" data-thumb="' . $thumb_attributes[0] . '" />';
			}
		}
		$return .= '</div><!--jma-nivo--></div>';	
	
	}
	return $return;
}

function jma_nivo($input = array() ){

$defaults = array(

'class' => '',

'acf_field' => 'gallery',

'image_size' => 'tb_grid',

'thumb_size' => 'tb_thumb',

'post_id' => '',

'image_ids' => '',

);

foreach($defaults as $var => $default){

$args[$var] = isset($input[$var]) && $input[$var]? $input[$var]: $default;

}

extract($args);

if(!$post_id){

global $post;

$post_id = $post->ID;

}

$return = '';

if($image_ids || $acf_field){

$return = '<div class="jma-port-slider">';

$return .= '<div class="jma_nivo ' . $class . ' metaslider metaslider-nivo ml-slider" style="overflow: hidden">';

if($image_ids)

$image_ids = explode(',', $image_ids);

else

$image_ids = get_field($acf_field, $post_id, false);

if($image_ids){

foreach($image_ids as $image_id){

$image_attributes = wp_get_attachment_image_src( $image_id, $image_size );

$thumb_attributes = wp_get_attachment_image_src( $image_id, $thumb_size );

if($image_attributes)

$return .= '<img src="' . $image_attributes[0] . '" data-thumb="' . $thumb_attributes[0] . '" />';

}

$return .= '</div></div>';

}

return $return;

}

then this for shortcode (notice you can add the params to the shortcode directly). image ids will over-write gallery id and show the images directly:


function nivo_slider($atts){
	ob_start();    
	$x = '';
	extract( shortcode_atts( array(
		'class' => '',
		'acf_field' => 'gallery',
		'image_size' => 'tb_grid',
		'thumb_size' => 'tb_thumb',
		'post_id' => '',
		'image_ids' => '',
		), $atts ) );
	echo jma_nivo(array(
		'class'=> $class,
		'acf_field'=> $acf_field,
		'image_size'=> $image_size,
		'thumb_size' => $thumb_size,
		'post_id'=> $post_id,
		'image_ids' => $image_ids,
		));
	$x = ob_get_contents();
	ob_end_clean();
	return str_replace("\r\n", '', $x);
}
add_shortcode('nivo_slider','nivo_slider');

function nivo_slider($atts){

ob_start();

$x = '';

extract( shortcode_atts( array(

'class' => '',

'acf_field' => 'gallery',

'image_size' => 'tb_grid',

'thumb_size' => 'tb_thumb',

'post_id' => '',

'image_ids' => '',

), $atts ) );

echo jma_nivo(array(

'class'=> $class,

'acf_field'=> $acf_field,

'image_size'=> $image_size,

'thumb_size' => $thumb_size,

'post_id'=> $post_id,

'image_ids' => $image_ids,

));

$x = ob_get_contents();

ob_end_clean();

return str_replace("\r\n", '', $x);

}

add_shortcode('nivo_slider','nivo_slider');

or this to add to content:


function jma_nivo_slider_content($content){
	$new = jma_nivo(array('class'=> 'new'));
	return  $content  . $new;
}

function jma_site_filters_hooks(){
	if(is_singular('portfolio_item') ){
		add_filter('the_content', 'jma_nivo_slider_content');
	}
}
add_action('template_redirect', 'jma_site_filters_hooks');

function jma_nivo_slider_content($content){

$new = jma_nivo(array('class'=> 'new'));

return $content . $new;

}

function jma_site_filters_hooks(){

if(is_singular('portfolio_item') ){

add_filter('the_content', 'jma_nivo_slider_content');

}

add_action('template_redirect', 'jma_site_filters_hooks');

and this to add the files for nivo slider (http://www.jqueryscript.net/slider/nivo-slider.html)


function jma_nivo_files() {
	    wp_enqueue_style( 'include_nivo_css', plugins_url('/nivo-slider.css', __FILE__) );
	    wp_enqueue_script( 'include_nivo_js', plugins_url('/jquery.nivo.slider.js', __FILE__), array( 'jquery' ) );
	    wp_enqueue_script( 'jma_nivo_js', plugins_url('/jma_meta_js.js', __FILE__), array( 'jquery', 'include_nivo_js' ) );
}
add_action( 'wp_enqueue_scripts', 'jma_nivo_files' );

function jma_nivo_files() {

wp_enqueue_style( 'include_nivo_css', plugins_url('/nivo-slider.css', __FILE__) );

wp_enqueue_script( 'include_nivo_js', plugins_url('/jquery.nivo.slider.js', __FILE__), array( 'jquery' ) );

wp_enqueue_script( 'jma_nivo_js', plugins_url('/jma_meta_js.js', __FILE__), array( 'jquery', 'include_nivo_js' ) );

}

add_action( 'wp_enqueue_scripts', 'jma_nivo_files' );

and […]