首页 视频课程 主题开发课程第04章、常用函数 WordPress主题插件开发中图片相关函数

WordPress主题插件开发中图片相关函数

2023-06-11 / 1089阅

在WordPress主题和插件开发中,经常要涉及到图片处理和显示。下面提供一些常见的图片相关函数以及示例代码。

1. 获取图片URL

可以使用get_the_post_thumbnail_url()函数获取当前文章的缩略图URL。该函数接受一个参数$post_id,表示文章的ID。

<?php if ( has_post_thumbnail() ) : ?>
    <img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="" />
<?php endif; ?> 

如果要获取其他尺寸的图片URL,可以使用wp_get_attachment_image_src()函数。该函数接受一个参数$attachment_id,表示图片附件的ID。

<?php
$attachment_id = get_post_thumbnail_id();
$image_url = wp_get_attachment_image_src( $attachment_id, 'large' );
?>
<img src="<?php echo $image_url[0]; ?>" alt="" /> 

2. 图片裁剪

可以使用add_image_size()函数在WordPress中定义新的图片尺寸。该函数接受三个参数:尺寸名称、宽度和高度。

add_image_size( 'custom-size', 800, 600 ); 

然后,在模板中使用the_post_thumbnail()函数时,指定新的尺寸名称即可。

<?php the_post_thumbnail( 'custom-size' ); ?> 

3. 图片上传

可以使用WordPress提供的wp_handle_upload()函数来上传图片。该函数接受一个参数$file,表示上传的文件。上传成功后,函数会返回一个数组,包含上传后文件的信息。

if ( ! empty( $_FILES ) ) {
    $uploaded_file = $_FILES['file'];

    $upload_overrides = array( 'test_form' => false );
    $movefile = wp_handle_upload( $uploaded_file, $upload_overrides );

    if ( $movefile && ! isset( $movefile['error'] ) ) {
        echo "File is valid, and was successfully uploaded.n";
        var_dump( $movefile );
    } else {
        echo "Possible file upload attack!n";
        var_dump( $movefile );
    }
} 

4. 图片缩略图

可以使用wp_get_attachment_image()函数来获取附件的缩略图。该函数接受一个参数$attachment_id,表示图片附件的ID。

<?php echo wp_get_attachment_image( $attachment_id, 'thumbnail' ); ?> 

5. 图片链接

可以使用wp_get_attachment_link()函数来获取附件的链接和缩略图。该函数接受两个参数:图片附件的ID和链接文本。如果要显示附件的标题,可以使用get_the_title()函数。

<?php
$attachment_id = get_post_thumbnail_id();
$attachment_link = wp_get_attachment_link( $attachment_id, 'thumbnail', true );
echo str_replace( '<a', '<a aria-describedby="caption-' . $attachment_id . '" data-caption="' . get_the_title( $attachment_id ) . '"', $attachment_link );
?> 

阅读文章或者观看视频过程中有任何问题,请下方留言或者联系我Q248758228

大家谈论
    我的见解
    目录