wordpress相册gallery的几种不同调用方式

常规方式调用

if ( $gallery = get_post_gallery( get_the_ID() ) ) :
  echo $gallery;
endif;

调用循环中的所有图片并可以自字义样式

if ( $gallery = get_post_gallery( get_the_ID(), false ) ) :
  foreach ( $gallery['src'] AS $src ) {
    echo '<img src="' . $src . '" class="my-custom-class" alt="Gallery image" />';
  }
endif;

调用相册的ID

if ( $gallery = get_post_gallery( get_the_ID(), false ) ) :
  $image_ids = explode( ',', $gallery['ids'] );
  print_r( $image_ids );
endif;

带描述的相册调用

if ( $gallery = get_post_gallery( get_the_ID(), false ) ) :
  foreach ( $gallery['src'] as $key => $src ) {
    echo '<img src="' . $src . '" alt="' . $gallery['caption'][ $key ] . '" />';
  }
endif;

显示相册图片总数

if ( $gallery = get_post_gallery( get_the_ID(), false ) ) :
  $total_images = count( $gallery['src'] );
  echo 'Total Images: ' . $total_images;
endif;

原文

https://www.zhanyes.com/code/6054.html

相关推荐
EterNity_TiMe_10 分钟前
【论文复现】农作物病害分类(Web端实现)
前端·人工智能·python·机器学习·分类·数据挖掘
余生H30 分钟前
深入理解HTML页面加载解析和渲染过程(一)
前端·html·渲染
吴敬悦1 小时前
领导:按规范提交代码conventionalcommit
前端·程序员·前端工程化
ganlanA1 小时前
uniapp+vue 前端防多次点击表单,防误触多次请求方法。
前端·vue.js·uni-app
卓大胖_1 小时前
Next.js 新手容易犯的错误 _ 性能优化与安全实践(6)
前端·javascript·安全
m0_748246351 小时前
Spring Web MVC:功能端点(Functional Endpoints)
前端·spring·mvc
SomeB1oody1 小时前
【Rust自学】6.4. 简单的控制流-if let
开发语言·前端·rust
云只上1 小时前
前端项目 node_modules依赖报错解决记录
前端·npm·node.js
程序员_三木1 小时前
在 Vue3 项目中安装和配置 Three.js
前端·javascript·vue.js·webgl·three.js
lxw18449125141 小时前
vue 基础学习
前端·vue.js·学习