PHP ts_get_animation_class函数代码示例

function ts_livicon_func($atts, $content = null)
{
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', 'style' => '', 'livicon' => '', 'icon_animation' => '', 'event' => '', 'loop' => 'no', 'shadow' => 'no', 'color' => '', 'hover_color' => '', 'size' => '', 'title' => ''), $atts));
    $html = null;
    $attr = 'class="livicon ' . ts_get_animation_class($animation);
    if ($shadow == 1) {
        $attr .= ' shadowed2';
    }
    $attr .= '"';
    $attr .= 'data-n="' . esc_attr($livicon) . '" ';
    $attr .= 'data-s="' . esc_attr($size) . '" ';
    $attr .= 'data-op="0" data-c="' . esc_attr($color) . '" ';
    $attr .= 'data-hc="' . esc_attr($hover_color) . '" ';
    $attr .= 'title="' . esc_attr($title) . '" ';
    $attr .= ts_get_animation_data_class($animation_delay, $animation_iteration) . ' ';
    if ($icon_animation == 'no') {
        $attr .= 'data-a="0" ';
    }
    if ($event == 'click') {
        $attr .= 'data-et="click" ';
    }
    if ($loop == 'yes') {
        $attr .= 'data-l="1" ';
    } else {
        if (intval($loop) > 1) {
            $attr .= 'data-i="' . esc_attr(intval($loop)) . '" ';
        }
    }
    $html = '<div ' . $attr . '></div>';
    if ($style == 'outlined') {
        $html = '<div class="icon liviconslist-item">' . $html . '</div>';
    }
    return $html;
}

function ts_text_func($atts)
{
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', 'pfont' => '12px', 'content' => ''), $atts));
    $style = '';
    $style = 'style="font-size:' . esc_attr($pfont) . '"';
    return '<div ' . ts_get_animation_class($animation, true) . ' ' . ts_get_animation_data_class($animation_delay, $animation_iteration) . ' ' . $style . ' >' . $content . '</div>';
}

function ts_skills_circular_func($atts, $content = null)
{
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', 'title' => 'Honesty', 'percent' => '75', 'animation' => '', 'color' => ''), $atts));
    $output = " \n\t\t<div class='progress-circular bottom-padding bottom-padding-mini " . ts_get_animation_class($animation) . "' " . ts_get_animation_data_class($animation_delay, $animation_iteration) . ">\n            <input type='text' class='knob' value='0' rel='" . esc_attr($percent) . "' data-linecap='round' data-width='200' data-bgcolor='#f2f2f2' data-fgcolor='" . esc_attr($color) . "' data-thickness='.15' data-readonly='true' disabled=''>\n            <p class='white'>{$title}</p>\n        </div>";
    wp_enqueue_script('knob');
    return $output;
}

function ts_button_outlined_func($atts, $content = null)
{
    $oArgs = ThemeArguments::getInstance('ts_button_outlined_func');
    $button_id = (int) $oArgs->get('button_id') + 1;
    $oArgs->set('button_id', $button_id);
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', "icon" => '', "color" => '', "hover_color" => '', "background_color" => '', "background_hover_color" => '', "size" => '', "url" => '', 'target' => '_self', 'align' => ''), $atts));
    $button_class = 'button btn btn-border ' . $size;
    if (empty($url)) {
        $url = '#';
    }
    $button_styles = '';
    $button_data = '';
    if (!empty($color)) {
        $button_styles .= "color:{$color}; border-color: {$color};";
        $button_data .= 'data-color="' . esc_attr($color) . '"';
    }
    if (!empty($hover_color)) {
        $button_data .= 'data-hover-color="' . esc_attr($hover_color) . '"';
    }
    if (!empty($background_color)) {
        $button_styles .= "background-color:{$background_color};";
        $button_data .= 'data-background-color="' . esc_attr($background_color) . '"';
    }
    if (!empty($background_hover_color)) {
        $button_data .= 'data-background-hover-color="' . esc_attr($background_hover_color) . '"';
    }
    $icon_html = '';
    if ($icon && $icon != 'no') {
        $icon_html = '<i class="icons ' . esc_attr($icon) . '"></i>';
    }
    return '<div class="xbtn ' . sanitize_html_classes($align) . '"><a id="button-' . esc_attr($button_id) . '" ' . esc_attr($button_data) . ' class="' . esc_attr($button_class) . ' ' . ts_get_animation_class($animation) . '" ' . ts_get_animation_data_class($animation_delay, $animation_iteration) . ' href="' . esc_url($url) . '" target="' . esc_attr($target) . '" style="' . $button_styles . '">' . $icon_html . $content . '</a></div>';
}

function ts_container_func($atts)
{
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', 'content_box' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore libero autem tempora cumque officiis sapiente maxime sit facere assumenda quisquam amet consequatur ad delectus accusantium quia saepe quas repellendus optio distinctio nobis consequuntur culpa eligendi quibusdam nesciunt maiores alias ex.', 'style' => '1', 'icon' => '', 'icon_color' => ''), $atts));
    $class_wrapper = null;
    switch ($style) {
        case '1':
            $classes = 'content-block bottom-padding frame';
            break;
        case '2':
            $classes = 'content-block bottom-padding frame border-radius';
            break;
        case '3':
            $classes = 'content-block bottom-padding frame-shadow-lifted';
            break;
        case '4':
            $classes = 'content-block bottom-padding frame frame-shadow-lifted';
            break;
        case '5':
            $classes = 'content-block bottom-padding frame-shadow-lifted bg';
            break;
        case '6':
            $classes = 'content-block bottom-padding frame-shadow-raised text-center';
            break;
        case '7':
            $classes = 'content-block bottom-padding frame frame-shadow-curved';
            break;
        case '8':
            $classes = 'content-block bottom-padding frame frame-shadow-lifted';
            break;
        case '9':
            $classes = 'content-block bottom-padding frame frame-shadow-curved border-radius';
            break;
        case '10':
            $classes = 'bottom-padding frame-shadow-lifted bg';
            break;
        case '11':
            $class_wrapper = 'rotated-box';
            $classes = 'content-block bottom-padding frame frame-shadow-lifted';
            break;
        case '12':
            $class_wrapper = 'rotated-right-box';
            $classes = 'content-block bottom-padding frame frame-shadow-curved border-radius';
            break;
        case '13':
            $classes = 'content-block text-center frame-shadow bottom-padding';
            break;
        default:
            $classes = 'bottom-padding frame-shadow-lifted bg';
            break;
    }
    $icon_html = '';
    if (!empty($icon)) {
        $icon_html = '<span class="icon bg circle icon-60 pull-left"><i class="' . sanitize_html_class($icon) . '" ' . (!empty($icon_color) ? 'style="color: ' . esc_attr($icon_color) . '"' : '') . '></i></span>';
    }
    $output = "\n\t\t<div class='" . sanitize_html_classes($classes) . " " . ts_get_animation_class($animation) . "' " . ts_get_animation_data_class($animation_delay, $animation_iteration) . ">\n\t\t\t{$icon_html}\n\t\t\t<span class='lead'>{$content_box}</span>\n\t\t</div>";
    if (!empty($class_wrapper)) {
        return "<div class='" . sanitize_html_classes($class_wrapper) . "'>{$output}</div>";
    }
    return $output;
}

function ts_portfolio_item_func($atts, $content = null)
{
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', 'id' => 0), $atts));
    global $post;
    $html = '';
    $new_post = null;
    if (!empty($id)) {
        $new_post = get_post($id);
    }
    if ($new_post) {
        $post = $new_post;
        setup_postdata($post);
        $image = '';
        $slider = '';
        $portfolio_slider = ts_get_post_opt('portfolio_slider');
        if (is_array($portfolio_slider) && count($portfolio_slider) > 0) {
            foreach ($portfolio_slider as $slide) {
                if (!empty($slide['image'])) {
                    $image = theme_thumb($slide['image'], 370, 270, 'c');
                }
                $slider .= ' 
					<div class="col-sm-12 col-md-12">
					  <img src="' . esc_url($image) . '" alt="" title="">
					</div>';
            }
        }
        if (!empty($slider)) {
            $gallery = '
				<div class="carousel-box load" data-carousel-pagination="true" data-carousel-nav="false" data-carousel-one="true">
					<div class="row">
						<div class="carousel">' . $slider . '</div>
					</div>
					<div class="clearfix"></div>
					<div class="pagination switches"></div>
				</div>';
        } else {
            $gallery = '<img src="' . esc_url(get_xv_thumbnail(370, 270)) . '" class="single-image" />';
        }
        $html = '
			<div class="work-single row ' . ts_get_animation_class($animation) . '" ' . ts_get_animation_data_class($animation_delay, $animation_iteration) . '>
				<div class="images-box col-sm-5 col-md-4">
					' . $gallery . '
				</div>

				<div class="work-description col-sm-7 col-md-8">
				  <h3 class="title">' . get_the_title() . '</h3>
				  <div class="type">' . xv_get_field('client') . '</div>

				  <div>
					' . apply_filters('the_content', get_the_content()) . '
					<div class="tags"><b>' . __('Categories', 'progressive') . ': </b>' . strip_tags(get_the_term_list($post->ID, 'portfolio_category', '', ', ')) . '</div>
				  </div>
				</div>
				<div class="clearfix"></div>
			  </div>';
        wp_reset_postdata();
    }
    return $html;
}

function ts_container_func($atts)
{
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', 'content_box' => '', 'style' => '1'), $atts));
    ob_start();
    $output = "\n\t\t<div class='content-block bottom-padding frame-shadow-lifted bg " . ts_get_animation_class($animation) . "' " . ts_get_animation_data_class($animation_delay, $animation_iteration) . ">\n\t\t\t<span class='lead'>" . wp_kses_post($content_box) . "</span>\n\t\t</div>";
    ob_end_clean();
    return $output;
}

function ts_sitemap_func($atts)
{
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', 'sitemap' => ''), $atts));
    $html = '';
    ob_start();
    ?>
	<ul class="sitemap <?php 
    echo ts_get_animation_class($animation);
    ?>
" <?php 
    echo ts_get_animation_data_class($animation_delay, $animation_iteration);
    ?>
>
	<?php 
    switch ($sitemap) {
        case 'pages':
            wp_list_pages("title_li=");
            break;
        case 'posts':
            $archive_query = new WP_Query('showposts=1000&cat=-8');
            while ($archive_query->have_posts()) {
                $archive_query->the_post();
                ?>
					<li>
						<a href="<?php 
                echo esc_url(get_the_permalink());
                ?>
" rel="bookmark" title="<?php 
                echo esc_attr(get_the_title());
                ?>
"><?php 
                the_title();
                ?>
</a>

					</li>
				<?php 
            }
            break;
        case 'categories':
            wp_list_categories('sort_column=name&optioncount=1&hierarchical=0&feed=RSS');
            break;
        case 'archives':
            wp_get_archives('type=monthly&show_post_count=true');
            break;
        default:
            wp_list_pages("title_li=");
            break;
    }
    ?>
	</ul>
	<?php 
    $output = ob_get_contents();
    ob_end_clean();
    return $output;
}

function ts_banner_carousel_func($atts, $content = null)
{
    global $post;
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_delay_item' => '', 'animation_iteration' => '', 'carousel_style' => '', 'full_width_lines' => '', 'category' => '', 'limit' => 10), $atts));
    // Reset and setup variables
    $output = '';
    $temp_title = '';
    $temp_link = '';
    $carousel_classes = '';
    if ($carousel_style == 'mini') {
        $width = 127;
        $height = 79;
        $carousel_classes = 'banner-set-mini banner-set-no-pagination';
    } else {
        $width = 253;
        $height = 158;
    }
    if ($full_width_lines == 'enabled') {
        $carousel_classes .= ' banner-border-shop';
    }
    $output .= "<div class='banner-set load " . sanitize_html_classes($carousel_classes) . "'>\n            <div class='container'>\n              <div class='banners'>";
    $args = array('post_type' => 'banner', 'posts_per_page' => $limit);
    if (!empty($category)) {
        $args['tax_query'] = array(array('taxonomy' => 'banner-cat', 'field' => 'id', 'terms' => $category));
    }
    $current_animation_delay = $animation_delay;
    query_posts($args);
    // the loop
    if (have_posts()) {
        while (have_posts()) {
            the_post();
            $temp_title = get_the_title($post->ID);
            $url = xv_get_field('url');
            $temp_link = '#';
            if ($url) {
                $temp_link = $url;
            }
            $excerpt = get_xv_excerpt(250);
            // output all findings - CUSTOMIZE TO YOUR LIKING
            $output .= "<a  class='banner " . ts_get_animation_class($animation) . "' href='" . esc_url($temp_link) . "' " . ts_get_animation_data_class($current_animation_delay, $animation_iteration) . ">";
            $thumb = get_xv_thumbnail($width, $height);
            $output .= '<img src="' . esc_url($thumb) . '" alt="' . the_title_attribute('echo=0') . '" />';
            $output .= "<h2 class='title'>{$temp_title}</h2>";
            if ($carousel_style != 'mini') {
                $output .= "<div class='description'>{$excerpt}</div>";
            }
            $output .= "</a>";
            $current_animation_delay += $animation_delay_item;
        }
    }
    wp_reset_query();
    $output .= "</div>\n                  <div class='clearfix'></div>\n                 </div>\n                  <div class='nav-box " . ts_get_animation_class($animation) . "' " . ts_get_animation_data_class($current_animation_delay, $animation_iteration) . ">\n                  <div class='container'>\n                    <a class='prev' href='#'><span class='icon-left'></span></a>\n                    <div class='pagination switches'></div>\n                    <a class='next' href='#'><span class='icon-right'></span></a>  \n                  </div>\n                  </div>\n                </div>\n                <div class='clearfix'></div>";
    return $output;
}

function ts_progressive_menu_func($atts, $content = null)
{
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', 'title' => '', 'nav_menu' => ''), $atts));
    $output = '';
    $output .= '<aside class="sidebar ' . ts_get_animation_class($animation, true) . '" ' . ts_get_animation_data_class($animation_delay, $animation_iteration) . '>';
    ob_start();
    $args = array();
    the_widget('WP_Progressive_Menu_Widget', $atts, $args);
    $output .= ob_get_clean();
    $output .= '</aside>';
    return $output;
}

function ts_modal_func($atts)
{
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', 'title' => '', 'message' => 'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.', 'button_text' => ''), $atts));
    ob_start();
    ?>

	<div <?php 
    echo ts_get_animation_class($animation, true);
    ?>
 <?php 
    echo ts_get_animation_data_class($animation_delay, $animation_iteration);
    ?>
>
		<div class="button-list">
			<button data-target="#modal-1" data-toggle="modal" class="btn push-top push-bottom btn-default">
				<?php 
    echo wp_kses_post($button_text);
    ?>
			</button>
		</div>
		<div class="modal fade" id="modal-1" tabindex="-1" role="dialog" aria-labelledby="modalLabel-1" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<a aria-hidden="true" data-dismiss="modal" class="close" href="#">&times;</a>
						<?php 
    if (!empty($title)) {
        echo '<div class="title-box"><h4 class="title">' . esc_html($title) . '</h4></div>';
    }
    ?>
					</div>
					<div class="modal-body">
						<?php 
    echo wp_kses_post($message);
    ?>
					</div>
					<div class="modal-footer">
						<button data-dismiss="modal" class="btn btn-default" type="button"><?php 
    _e('Close', 'progressive');
    ?>
</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<?php 
    $output = ob_get_contents();
    wp_enqueue_script('raphael');
    //  wp_enqueue_script( 'liviv', get_template_directory_uri() . '/js/livicons-1.3.min.js', array ('jquery'), null, true  );
    ob_end_clean();
    return $output;
}

function ts_another_call_to_action_func($atts, $content = null)
{
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', "btn1_text" => '', "btn2_text" => '', "btn1_url" => '', "btn2_url" => ''), $atts));
    $output = "<div class='content-block frame text-center bottom-padding " . ts_get_animation_class($animation) . "' " . ts_get_animation_data_class($animation_delay, $animation_iteration) . ">\n            <p class='lead'>{$content}</p>";
    if (!empty($btn1_text)) {
        $output .= "<a href='" . esc_url($btn1_url) . "' data-animation='bounceIn' class='btn btn-default appear-animation bounceIn appear-animation-visible'>{$btn1_text}</a>";
    }
    if (!empty($btn2_text)) {
        $output .= "<a href='" . esc_url($btn2_url) . "' data-animation='bounceIn' class='btn btn-default appear-animation bounceIn appear-animation-visible'>{$btn2_text}</a>";
    }
    $output .= "</div>";
    return $output;
}

/**
 * Visual Composer Eelement: Steps
 * 
 */
function ts_steps_func($atts, $content = null)
{
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', 'step' => '', 'style' => '', 'align' => ''), $atts));
    $align_class = '';
    return '
    	<div class="steps progress-steps ' . ts_get_animation_class($animation) . '" ' . ts_get_animation_data_class($animation_delay, $animation_iteration) . '>
		  <div class="step ' . sanitize_html_classes($style) . ' ' . sanitize_html_classes($align) . '">
			<div class="step-wrapper">
			  <div class="number">' . $step . '</div>
			  	' . do_shortcode($content) . '
			</div>
		  </div>
		</div>';
}

function ts_hr_func($atts, $content = null)
{
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', 'color' => '', 'style' => ''), $atts));
    $html = null;
    $divider_style = array();
    if (!empty($color)) {
        $divider_style[] = 'border-color:' . esc_attr($color);
    }
    $divider_style_html = null;
    if (is_array($divider_style)) {
        $divider_style_html = 'style="' . implode(';', $divider_style) . '"';
    }
    $html .= '<hr class="divider ' . sanitize_html_classes($style) . ' ' . ts_get_animation_class($animation) . '" ' . ts_get_animation_data_class($animation_delay, $animation_iteration) . ' ' . $divider_style_html . ' >';
    return $html;
}

/**
 * Visual Composer Eelement: Heading
 * 
 */
function ts_heading_func($atts, $content = null)
{
    extract(shortcode_atts(array('animation' => '', 'animation_delay' => '', 'animation_iteration' => '', 'color' => '', 'type' => 1, 'align' => '', 'style' => '', 'id' => ''), $atts));
    if (intval($type) < 1 || intval($type) > 6) {
        $type = 1;
    }
    if (!empty($color)) {
        $color = 'style="color:' . esc_attr($color) . '"';
    }
    $id_attr = '';
    if (!empty($id)) {
        $id_attr = 'id="' . esc_attr($id) . '"';
    }
    return "<div " . $id_attr . " class='" . sanitize_html_classes($style) . " " . sanitize_html_class($align) . " " . ts_get_animation_class($animation) . "' " . ts_get_animation_data_class($animation_delay, $animation_iteration) . "><h" . esc_attr($type) . " class='title' " . $color . ">" . do_shortcode($content) . "</h" . esc_attr($type) . "></div>";
}