<?php
add_action( 'admin_head', function() { ?>
<style>
#tie-slider-items .widget-content {
background:#fff;
padding: 10px;
position:relative;
}
#tie-slider-items .widget-content label {
line-height: 25px;
display:block;
padding:7px 0;
}
#tie-slider-items .widget-content label span {
padding-right: 5px;
width:95px;
display:inline-block;
}
#tie-slider-items .widget-content textarea{
width:482px;
height:50px;
}
#tie-slider-items li{
-webkit-box-shadow: 0 1px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 1px rgba(0,0,0,.05);
box-shadow: 0 1px rgba(0, 0, 0, .05);
}
#tie-slider-items .slider-img{
display: inline;
float: right;
margin: 0;
margin-right: 5px;
margin-top: 8px;
overflow: hidden;
width: 80px;
height: 80px;
border: 2px solid rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85);
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85);
-webkit-border-radius: 75px;
-moz-border-radius: 75px;
border-radius: 75px;
z-index: 999;
}
#tie-slider-items img { height:150px; width:150px; margin:-40px;}
#tie-slider-items .del-cat { bottom:10px; top:auto;}
</style>
<?php
} );
add_action('init', 'tie_slider_register');
function tie_slider_register() {
$labels = array(
'name' => __( 'Custom Sliders', 'tie' ),
'singular_name' => __( 'Slider', 'tie' ),
'add_new_item' => __( 'Add New Slider', 'tie' ),
);
$args = array(
'labels' => $labels,
'public' => false,
'show_ui' => true,
'menu_icon' => 'dashicons-slides',
'can_export' => true,
'exclude_from_search' => true,
'capability_type' => 'post',
'hierarchical' => false,
'menu_position' => 6,
'rewrite' => array('slug' => 'slider'),
'supports' => array('title')
);
register_post_type( 'tie_slider' , $args );
}
add_action("admin_init", "tie_slider_init");
function tie_slider_init(){
add_meta_box("tie_slider_slides", "Slides", "tie_slider_slides", "tie_slider", "normal", "high");
}
function tie_slider_slides(){
global $post;
$slider = '';
$custom = get_post_custom($post->ID);
if( !empty($custom["custom_slider"][0]) )
$slider = unserialize( $custom["custom_slider"][0] );
wp_enqueue_media();
?>
<script>
jQuery(document).ready(function() {
jQuery(function() {
jQuery( "#tie-slider-items" ).sortable({placeholder: "ui-state-highlight"});
});
/* Uploading files */
var tie_uploader;
jQuery(document).on( 'click', '#upload_add_slide' , function(event){
event.preventDefault();
tie_uploader = wp.media.frames.tie_uploader = wp.media({
title: '<?php _e( 'Insert Images | Hold CTRL to Multi Select .', 'tie' ) ?>',
library: {
type: 'image'
},
button: {
text: 'Select',
},
multiple: true
});
tie_uploader.on( 'select', function() {
var selection = tie_uploader.state().get('selection');
selection.map( function( attachment ) {
attachment = attachment.toJSON();
jQuery('#tie-slider-items').append('<li id="listItem_'+ nextCell +'" class="ui-state-default"><div class="widget-content option-item"><div class="slider-img"><img src="'+attachment.url+'" alt=""></div><label for="custom_slider['+ nextCell +'][title]"><span><?php _e( 'Slide Title:', 'tie' ) ?></span><input id="custom_slider['+ nextCell +'][title]" name="custom_slider['+ nextCell +'][title]" value="" type="text" /></label><label for="custom_slider['+ nextCell +'][link]"><span><?php _e( 'Slide Link:', 'tie' ) ?></span><input id="custom_slider['+ nextCell +'][link]" name="custom_slider['+ nextCell +'][link]" value="" type="text" /></label><label for="custom_slider['+ nextCell +'][caption]"><span class="slide-caption"><?php _e( 'Slide Caption:', 'tie' ) ?></span><textarea name="custom_slider['+ nextCell +'][caption]" id="custom_slider['+ nextCell +'][caption]"></textarea></label><input id="custom_slider['+ nextCell +'][id]" name="custom_slider['+ nextCell +'][id]" value="'+attachment.id+'" type="hidden" /><a class="del-cat"></a></div></li>');
nextCell ++ ;
});
});
tie_uploader.open();
});
});
</script>
<input id="upload_add_slide" type="button" class="button button-large button-primary builder_active" value="<?php _e( 'Add New Slide', 'tie' ) ?>">
<ul id="tie-slider-items">
<?php
$i=0;
if( !empty( $slider ) ){
foreach( $slider as $slide ):
$i++; ?>
<li id="listItem_<?php echo $i ?>" class="ui-state-default">
<div class="widget-content option-item">
<div class="slider-img"><?php echo wp_get_attachment_image( $slide['id'] , 'thumbnail' ); ?></div>
<label for="custom_slider[<?php echo $i ?>][title]"><span><?php _e( 'Slide Title:', 'tie' ) ?> </span><input id="custom_slider[<?php echo $i ?>][title]" name="custom_slider[<?php echo $i ?>][title]" value="<?php echo stripslashes( $slide['title'] ) ?>" type="text" /></label>
<label for="custom_slider[<?php echo $i ?>][link]"><span><?php _e( 'Slide Link:', 'tie' ) ?></span><input id="custom_slider[<?php echo $i ?>][link]" name="custom_slider[<?php echo $i ?>][link]" value="<?php echo stripslashes( $slide['link'] ) ?>" type="text" /></label>
<label for="custom_slider[<?php echo $i ?>][caption]"><span class="slide-caption"><?php _e( 'Slide Caption:', 'tie' ) ?></span><textarea name="custom_slider[<?php echo $i ?>][caption]" id="custom_slider[<?php echo $i ?>][caption]"><?php echo stripslashes($slide['caption']) ; ?></textarea></label>
<input id="custom_slider[<?php echo $i ?>][id]" name="custom_slider[<?php echo $i ?>][id]" value="<?php echo $slide['id'] ?>" type="hidden" />
<a class="del-cat"></a>
</div>
</li>
<?php endforeach;
}else{
echo '<p>'. __( 'Use the button above to add slides.', 'tie' ).'</p>';
}?>
</ul>
<script> var nextCell = <?php echo $i+1 ?> ;</script>
<?php
}
add_action('save_post', 'tie_save_slide');
function tie_save_slide(){
global $post;
if( !empty( $_POST['custom_slider'] ) && $_POST['custom_slider'] != "" ){
update_post_meta($post->ID, 'custom_slider' , $_POST['custom_slider']);
}
else{
if( isset($post->ID) )
delete_post_meta($post->ID, 'custom_slider' );
}
}
add_filter("manage_edit-tie_slider_columns", "tie_slider_edit_columns");
function tie_slider_edit_columns($columns){
$columns = array(
"cb" => "<input type=\"checkbox\" />",
"title" => __( 'Title', 'tie' ),
"slides" => __( 'Number of slides', 'tie' ),
"id" => __( 'ID', 'tie' ),
"date" => __( 'Date', 'tie' ),
);
return $columns;
}
add_action("manage_tie_slider_posts_custom_column", "tie_slider_custom_columns",10,2);
function tie_slider_custom_columns($column,$post_id){
global $post;
$original_post = $post;
switch ($column) {
case "slides":
$custom_slider_args = array( 'post_type' => 'tie_slider', 'p' => $post->ID, 'no_found_rows' => 1 );
$custom_slider = new WP_Query( $custom_slider_args );
while ( $custom_slider->have_posts() ) {
$number =0;
$custom_slider->the_post();
$custom = get_post_custom($post->ID);
if( !empty($custom["custom_slider"][0])){
$slider = unserialize( $custom["custom_slider"][0] );
echo $number = count($slider);
}
else echo 0;
}
$post = $original_post;
wp_reset_query();
break;
case "id":
echo $post_id;
break;
}
}
?>
用法
<?php
$custom_slider_args = array( 'post_type' => 'tie_slider','p' => 31 );
$custom_slider = new WP_Query( $custom_slider_args );
if ($custom_slider->have_posts()) {
// code...
while ( $custom_slider->have_posts() ) {
$number =0;
$custom_slider->the_post();
$custom = get_post_custom($post->ID);
if( !empty($custom["custom_slider"][0])){
$slider = unserialize( $custom["custom_slider"][0] );
foreach ($slider as $slide) {
// code...
$slide_img = wp_get_attachment_image_url( $slide['id'],'full' ); ?>
<div class="swiper-slide d-lg-block"> <a href="<?php echo $slide['link'] ?>" target="_blank"><img src="<?php echo $slide_img; ?>" alt="<?php echo $slide['title'] ?>" width="100%"></a> </div>
<?php
}
}
}
wp_reset_postdata();
} else {
echo 'no slides found';
}
WP开发教程 WordPress导师在线教程
