File "layout-9.php"

Full Path: /home/londdqdw/public_html/06/wp-content/plugins/nd-shortcodes/shortcodes/custom/post-grid/layout/layout-9.php
File size: 13.22 KB
MIME-type: text/x-php
Charset: utf-8

<?php


wp_enqueue_script('masonry');

$nd_options_script = '
jQuery(document).ready(function() {

      //START masonry
      jQuery(function ($) {
        
        //Masonry
		var $nd_options_masonry_content = $(".nd_options_masonry_content").imagesLoaded( function() {
		  // init Masonry after all images have loaded
		  $nd_options_masonry_content.masonry({
		    itemSelector: ".nd_options_masonry_item"
		  });
		});


      });
      //END masonry

    });

';
wp_add_inline_script('nd_options_post_grid_plugin',$nd_options_script);


$str .= '';


$str .= '<!--START MASONRY--><div class="nd_options_section nd_options_masonry_content '.$nd_options_class.' ">';

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

	//basic info
	$nd_options_id = get_the_ID(); 
	$nd_options_title = get_the_title();
	$nd_options_excerpt = get_the_excerpt();
	$nd_options_permalink = get_permalink( $nd_options_id );


	//metabox color
	$nd_options_meta_box_page_color = get_post_meta( $nd_options_id, 'nd_options_meta_box_post_color', true );
	if ( $nd_options_meta_box_page_color == '' ) { $nd_options_meta_box_page_color = '#000'; }


	//START POST FORMATS
	if ( has_post_format('quote') ) {

		$nd_options_meta_box_post_quote = get_post_meta( $nd_options_id, 'nd_options_meta_box_post_quote', true );
		if ( $nd_options_meta_box_post_quote == '' ) { $nd_options_meta_box_post_quote = __('Insert Quote','nd-shortcodes'); }
		$nd_options_meta_box_post_quote_author = get_post_meta( $nd_options_id, 'nd_options_meta_box_post_quote_author', true );
		if ( $nd_options_meta_box_post_quote_author == '' ) { $nd_options_meta_box_post_quote_author = __('Insert Author','nd-shortcodes'); }

	 	$str .= '

	 		<div class=" '.$nd_options_width.' nd_options_padding_15 nd_options_box_sizing_border_box nd_options_masonry_item nd_options_width_100_percentage_responsive">

	 			<div style="background-color: '.$nd_options_meta_box_page_color.';" class="nd_options_section nd_options_text_align_center nd_options_padding_50 nd_options_box_sizing_border_box">
	 				
	 				<h2 class="nd_options_color_white nd_options_line_height_35">
	 					<a class="nd_options_color_white nd_options_first_font" href="'.$nd_options_permalink.'">
	 						'.$nd_options_meta_box_post_quote.'
	 					</a>
	 				</h2>

	 				<div class="nd_options_section nd_options_height_0"></div>
	 				<div class="nd_options_section nd_options_text_align_center"><span class="nd_options_display_inline_block nd_options_bg_white nd_options_width_30 nd_options_height_1"></span></div>
	 				<div class="nd_options_section nd_options_height_10"></div>

	 				<div class="nd_options_display_inline_block">
                        <div class="nd_options_display_table nd_options_float_left">
                            <img alt="" class="nd_options_margin_right_10 nd_options_display_table_cell nd_options_vertical_align_middle" width="20" height="20" src="'.esc_url(plugins_url('icons/icon-quote-white.svg', __FILE__ )).'">
                            <p class="nd_options_color_white nd_options_display_table_cell nd_options_vertical_align_middle nd_options_letter_spacing_3 nd_options_font_weight_lighter nd_options_font_size_11 nd_options_text_transform_uppercase">
                            	'.$nd_options_meta_box_post_quote_author.'	
                            </p>
                        </div>
                    </div>



	 			</div>

	 		</div>

	 	';

	}elseif ( has_post_format('link') ){


		$nd_options_meta_box_post_link_title = get_post_meta( $nd_options_id, 'nd_options_meta_box_post_link_title', true );
		if ( $nd_options_meta_box_post_link_title == '' ) { $nd_options_meta_box_post_link_title = 'www.nicdark.com'; }
		$nd_options_meta_box_post_link_url = get_post_meta( $nd_options_id, 'nd_options_meta_box_post_link_url', true );
		if ( $nd_options_meta_box_post_link_url == '' ) { $nd_options_meta_box_post_link_url = 'http://www.nicdark.com'; }

		$str .= '


			<div class=" '.$nd_options_width.' nd_options_padding_15 nd_options_box_sizing_border_box nd_options_masonry_item nd_options_width_100_percentage_responsive">

	 			<div style="background-color: '.$nd_options_meta_box_page_color.';" class="nd_options_section nd_options_text_align_center nd_options_padding_50 nd_options_box_sizing_border_box">
	 				
	 				<div class="nd_options_display_inline_block">
	                    <img alt="" class="nd_options_margin_right_10" width="20" height="20" src="'.esc_url(plugins_url('icons/icon-link-2-white.svg', __FILE__ )).'">
	                    <h2 class="nd_options_color_white nd_options_line_height_35 nd_options_display_inline_block">
	                    	<span class="nd_options_padding_botttom_5">
	                    		<a class="nd_options_color_white nd_options_first_font nd_options_letter_spacing_3 nd_options_font_weight_lighter" href="'.$nd_options_meta_box_post_link_url.'">
	                    			'.$nd_options_meta_box_post_link_title.'
	                    		</a>
	                    	</span>
	                    </h2>
	                </div>

	 			</div>

	 		</div>


		';

	}elseif ( has_post_format('image') ){


		//categories
		$nd_options_post_categories = get_the_category($nd_options_id);
		foreach ( $nd_options_post_categories as $nd_options_post_category ) {
			$nd_options_post_categories_list = '';
		    $nd_options_post_categories_list .= $nd_options_post_category->name.' ';
		}

		//image for standard post
		$nd_options_image_id = get_post_thumbnail_id( $nd_options_id );
		$nd_options_image_attributes = wp_get_attachment_image_src( $nd_options_image_id, 'large' );
		if ( $nd_options_image_attributes[0] == '' ) { $nd_options_output_image = ''; }else{
		  $nd_options_output_image = '


		  	<div class="nd_options_section nd_options_position_relative">
		        <a href="'.$nd_options_permalink.'"><img alt="" class="nd_options_section" src="'.$nd_options_image_attributes[0].'"></a>
		        
		        
		        <div class="nd_options_bg_greydark_alpha_gradient_3 nd_options_position_absolute nd_options_left_0 nd_options_height_100_percentage nd_options_width_100_percentage nd_options_padding_30 nd_options_box_sizing_border_box">
				    <div class="nd_options_position_absolute nd_options_bottom_30">

				    	<h5 class="nd_options_margin_0_important nd_options_padding_0 nd_options_second_font nd_options_color_white nd_options_font_size_12 nd_options_text_transform_uppercase nd_options_letter_spacing_3 nd_options_font_weight_lighter">'.$nd_options_post_categories_list.'</h5>

			            <div class="nd_options_section nd_options_height_15"></div>
		 				<div class="nd_options_section nd_options_line_height_0"><span class="nd_options_display_inline_block nd_options_float_left nd_options_bg_white nd_options_width_30 nd_options_height_1"></span></div>
		 				<div class="nd_options_section nd_options_height_15"></div>

				        <h2 class="nd_options_color_white">
				        	<a class="nd_options_color_white nd_options_first_font" href="'.$nd_options_permalink.'">
				        		'.$nd_options_title.'
				        	</a>
				        </h2>

				        <div class="nd_options_section nd_options_height_20"></div> 
				        
				        <a class="nd_options_color_white nd_options_display_table_cell nd_options_vertical_align_middle nd_options_letter_spacing_3 nd_options_font_weight_lighter nd_options_font_size_11 nd_options_text_transform_uppercase" href="'.$nd_options_permalink.'">
				        	<span class="nd_options_float_left">'.__('READ MORE','nd-shortcodes').'</span>
				        	<img alt="" class="nd_options_float_left nd_options_margin_left_5 nd_options_margin_top_1" width="10" src="'.esc_url(plugins_url('icons/icon-arrow-right-white.svg', __FILE__ )).'">
				        </a>

				    </div>

				</div>


		    </div>

		  	';
		}
		


		$str .= '

			<div class=" '.$nd_options_width.' nd_options_padding_15 nd_options_box_sizing_border_box nd_options_masonry_item nd_options_width_100_percentage_responsive">
			    

		        <div class="nd_options_section nd_options_position_relative">
		            
		            '.$nd_options_output_image.'

		        </div>

			    
			</div>

		';

	}elseif ( has_post_format('video') OR has_post_format('audio') OR has_post_format('gallery') ){

		//categories
		$nd_options_post_categories = get_the_category($nd_options_id);
		foreach ( $nd_options_post_categories as $nd_options_post_category ) {
			$nd_options_post_categories_list = '';
		    $nd_options_post_categories_list .= $nd_options_post_category->name.' ';
		}

		$nd_options_meta_box_post_media_code = get_post_meta( $nd_options_id, 'nd_options_meta_box_post_media_code', true );

		$str .= '


			<div class=" '.$nd_options_width.' nd_options_padding_15 nd_options_box_sizing_border_box nd_options_masonry_item nd_options_width_100_percentage_responsive">
			    <div class="nd_options_section nd_options_border_1_solid_grey">

			        <div class="nd_options_section ">
			            
			            '.do_shortcode($nd_options_meta_box_post_media_code).'

			        </div>

			        <div class="nd_options_section nd_options_padding_30 nd_options_box_sizing_border_box">
			            <h5 class="nd_options_margin_0_important nd_options_padding_0 nd_options_second_font nd_options_color_greydark nd_options_font_size_12 nd_options_text_transform_uppercase nd_options_letter_spacing_3 nd_options_font_weight_lighter">'.$nd_options_post_categories_list.'</h5>

			            <div class="nd_options_section nd_options_height_15"></div>
		 				<div class="nd_options_section nd_options_line_height_0"><span class="nd_options_display_inline_block nd_options_float_left nd_options_bg_greydark nd_options_width_30 nd_options_height_1"></span></div>
		 				<div class="nd_options_section nd_options_height_15"></div>

			            <h2 class="nd_options_margin_0_important nd_options_padding_0 ">'.$nd_options_title.'</h2>
			            <div class="nd_options_section nd_options_height_20"></div>
			            <p class="nd_options_margin_0_important nd_options_padding_0">'.$nd_options_excerpt.'</p>
			            <div class="nd_options_section nd_options_height_20"></div>
			            <a style="border: 2px solid '.$nd_options_meta_box_page_color.'; color:'.$nd_options_meta_box_page_color.';" class="nd_options_display_inline_block nd_options_line_height_11 nd_options_text_align_center nd_options_box_sizing_border_box nd_options_font_size_11 nd_options_font_weight_bold nd_options_second_font nd_options_padding_15_30  " href="'.$nd_options_permalink.'">'.__('READ MORE','nd-shortcodes').'</a>

			        </div>

			    </div>
			</div>


		';

	}else{


		//categories
		$nd_options_post_categories = get_the_category($nd_options_id);
		foreach ( $nd_options_post_categories as $nd_options_post_category ) {
			$nd_options_post_categories_list = '';
		    $nd_options_post_categories_list .= $nd_options_post_category->name.' ';
		}


		//image for standard post
		$nd_options_image_id = get_post_thumbnail_id( $nd_options_id );
		$nd_options_image_attributes = wp_get_attachment_image_src( $nd_options_image_id, 'large' );
		if ( $nd_options_image_attributes[0] == '' ) { $nd_options_output_image = ''; }else{
		  $nd_options_output_image = '


		  	<div class="nd_options_section nd_options_position_relative">
		        <a href="'.$nd_options_permalink.'"><img alt="" class="nd_options_section" src="'.$nd_options_image_attributes[0].'"></a>
		    </div>

		  	';
		}


		$str .= '


	    <div class=" '.$nd_options_width.' nd_options_padding_15 nd_options_box_sizing_border_box nd_options_masonry_item nd_options_width_100_percentage_responsive">
		    <div class="nd_options_section nd_options_border_1_solid_grey nd_options_bg_white">

		        <div class="nd_options_section nd_options_position_relative">
		            
		            '.$nd_options_output_image.'

		        </div>

		        <div class="nd_options_section nd_options_padding_30 nd_options_box_sizing_border_box">
		            <h5 class="nd_options_margin_0_important nd_options_padding_0 nd_options_second_font nd_options_color_greydark nd_options_font_size_12 nd_options_text_transform_uppercase nd_options_letter_spacing_3 nd_options_font_weight_lighter">'.$nd_options_post_categories_list.'</h5>

		            <div class="nd_options_section nd_options_height_15"></div>
	 				<div class="nd_options_section nd_options_line_height_0"><span class="nd_options_display_inline_block nd_options_float_left nd_options_bg_greydark nd_options_width_30 nd_options_height_1"></span></div>
	 				<div class="nd_options_section nd_options_height_15"></div>

		            <h2 class="nd_options_margin_0_important nd_options_padding_0 ">'.$nd_options_title.'</h2>
		            <div class="nd_options_section nd_options_height_20"></div>
		            <p class="nd_options_margin_0_important nd_options_padding_0">'.$nd_options_excerpt.'</p>
		            <div class="nd_options_section nd_options_height_20"></div>
		            <a style="border: 2px solid '.$nd_options_meta_box_page_color.'; color:'.$nd_options_meta_box_page_color.';" class="nd_options_display_inline_block nd_options_line_height_11 nd_options_text_align_center nd_options_box_sizing_border_box nd_options_font_size_11 nd_options_font_weight_bold nd_options_second_font nd_options_padding_15_30  " href="'.$nd_options_permalink.'">'.__('READ MORE','nd-shortcodes').'</a>

		        </div>

		    </div>
		</div>


	  ';

	}
	//END POST FORMATS




endwhile;


$str .= '</div><!--CLOSE MASONRY-->';