WordPress如何为后台文章列表添加缩略图

目前很多 <span class=\”button-primary ts-ets-add\” data-id=\”%s\”>%s</button>\’, esc_attr( $id ), $this->change_str );
echo sprintf( \’ <button type=\”button\” class=\”button-secondary ts-ets-remove\” data-id=\”%s\”>%s</button>\’, esc_attr( $id ), $this->remove_str );
} else {
echo sprintf( \'<button type=\”button\” class=\”button-primary ts-ets-add\” data-id=\”%s\”>%s</button>\’, esc_attr( $id ), $this->add_new_str );
}

break;
}

}

/**
* AJAX保存更新缩略图
*/
public function update() {

// 检查是否所有需要的数据都设置与否
if( !isset( $_POST[\’nonce\’] ) || !isset( $_POST[\’post_id\’] ) || !isset( $_POST[\’thumb_id\’] ) ) {
wp_die();
}

//验证
if( !wp_verify_nonce( $_POST[\’nonce\’], \’ts_ets_nonce\’ ) ) {
wp_die();
}

$id = $_POST[\’post_id\’];
$thumb_id = $_POST[\’thumb_id\’];

set_post_thumbnail( $id, $thumb_id );

echo wp_get_attachment_image( $thumb_id, \’ts-ets-thumb\’ );
echo \'<br>\’;
echo sprintf( \'<button type=\”button\” class=\”button-primary ts-ets-add\” data-id=\”%s\”>%s</button>\’, esc_attr( $id ), $this->change_str );
echo sprintf( \’ <button type=\”button\” class=\”button-secondary ts-ets-remove\” data-id=\”%s\”>%s</button>\’, esc_attr( $id ), $this->remove_str );

wp_die();

}

/**
* AJAX回调后删除缩略图
*/
public function remove() {

// Check if all required data are set or not
if( !isset( $_POST[\’nonce\’] ) || !isset( $_POST[\’post_id\’] ) ) {
wp_die();
}

// Verify nonce
if( !wp_verify_nonce( $_POST[\’nonce\’], \’ts_ets_nonce\’ ) ) {
wp_die();
}

$id = $_POST[\’post_id\’];

delete_post_thumbnail( $id );

echo sprintf( \'<button type=\”button\” class=\”button-primary ts-ets-add\” data-id=\”%s\”>%s</button>\’, esc_attr( $id ), $this->add_new_str );

wp_die();

}

}
new doocii_Easy_Thumbnail_Switcher();

以下代码保存为 script.js，保存至 主题名/js 目录下：

(function($) {

\”use strict\”;

if( typeof ts_ets === \’undefined\’ ) {
window.ts_ets = {};
ts_ets.upload_frame = false;
}

$(document).on( \’click\’, \’button.ts-ets-remove\’, function() {

ts_ets.tmp_id = $(this).data(\’id\’);
ts_ets.tmp_parent = $(this).closest(\’td.ts-ets-option\’);

if( !confirm( ets_strings.confirm ) ) {
return;
}

$.ajax({
url: ajaxurl,
method: \”POST\”,
data: {
action: \’ts_ets_remove\’,
nonce: $(\’#ts_ets_nonce\’).val(),
post_id: ts_ets.tmp_id
},
success: function( data ) {
if( data != \’\’ ) {
ts_ets.tmp_parent.html( data );
}
}
});

});

$(document).ready(function() {

ts_ets.upload_frame = wp.media({
title: ets_strings.upload_title,
button: {
text: ets_strings.upload_add,
},
multiple: false
});

ts_ets.upload_frame.on( \’select\’, function() {

ts_ets.selection = ts_ets.upload_frame.state().get(\’selection\’);

ts_ets.selection.map( function( attachment ) {
if( attachment.id ) {
$.ajax({
url: ajaxurl,
method: \”POST\”,
data: {
action: \’ts_ets_update\’,
nonce: $(\’#ts_ets_nonce\’).val(),
post_id: ts_ets.tmp_id,
thumb_id: attachment.id
},
success: function( data ) {
if( data != \’\’ ) {
ts_ets.tmp_parent.html( data );
}
}
});
}
});

});

});

$(document).on( \’click\’, \’button.ts-ets-add\’, function(e) {

e.preventDefault();

ts_ets.tmp_id = $(this).data(\’id\’);
ts_ets.tmp_parent = $(this).closest(\’td.ts-ets-option\’);

if( ts_ets.upload_frame ) {
ts_ets.upload_frame.open();
}

});

})(jQuery);

方法二

这款是给大家一个更简单的版本，减少了上传与删除功能，只是一个显示调用功能，方便大小进行缩略图查看，因为更多的用户习惯是进入文章上传特色图片，很少人会通过后台列表就直接上传缩略图，所以今天给大家推荐一个更简单的方案。将下面的代码复制到当前 wordpress 主题的 functions.php 模板文件中，保存即可：

if ( !function_exists(\'fb_AddThumbColumn\') && function_exists(\'add_theme_support\') ) {
// for post and page
add_theme_support(\'post-thumbnails\', array( \'post\', \'page\' ) );
function fb_AddThumbColumn($cols) {
$cols[\'thumbnail\'] = __(\'Thumbnail\');
return $cols;
}
function fb_AddThumbValue($column_name, $post_id) {
$width = (int) 35;
$height = (int) 35;
if ( \'thumbnail\' == $column_name ) {
// thumbnail of WP 2.9
$thumbnail_id = get_post_meta( $post_id, \'_thumbnail_id\', true );
// image from gallery
$attachments = get_children( array(\'post_parent\' => $post_id, \'post_type\' => \'attachment\', \'post_mime_type\' => \'image\') );
if ($thumbnail_id)
$thumb = wp_get_attachment_image( $thumbnail_id, array($width, $height), true );
elseif ($attachments) {
foreach ( $attachments as $attachment_id => $attachment ) {
$thumb = wp_get_attachment_image( $attachment_id, array($width, $height), true );
}
}
if ( isset($thumb) && $thumb ) {
echo $thumb;
} else {
echo __(\'None\');
}
}
}
// for posts
add_filter( \'manage_posts_columns\', \'fb_AddThumbColumn\' );
add_action( \'manage_posts_custom_column\', \'fb_AddThumbValue\', 10, 2 );
// for pages
add_filter( \'manage_pages_columns\', \'fb_AddThumbColumn\' );
add_action( \'manage_pages_custom_column\', \'fb_AddThumbValue\', 10, 2 );
}


文章来自大资源网https://www.smareoweoum.cn转载请注明出处，并保留本链接，谢谢!