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

相关推荐
攀登的牵牛花几秒前
2.1w Star 的 pretext 火在哪?
前端·github
散步去海边9 分钟前
Pretext 初识——零 DOM 测量的文本布局引擎
前端
xw-busy-code11 分钟前
npm 包管理笔记整理
前端·笔记·npm
踩着两条虫23 分钟前
AI驱动的Vue3应用开发平台 深入探究(十六):扩展与定制之自定义组件与设计器面板
前端·vue.js·人工智能·开源·ai编程
棋鬼王29 分钟前
Cesium(十) 动态修改白模颜色、白模渐变色、白模光圈特效、白模动态扫描光效、白模着色器
前端·javascript·vue.js·智慧城市·数字孪生·cesium
酉鬼女又兒32 分钟前
零基础快速入门前端蓝桥杯Web备考:BOM与定时器核心知识点详解(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·职场和发展·蓝桥杯
ThridTianFuStreet小貂蝉33 分钟前
面试题1:请系统讲讲 Vue2 与 Vue3 的核心差异(响应式、API 设计、性能与编译器)。
前端·javascript·vue.js
俊劫38 分钟前
AI Harness - 2026 AI 工程新范式
前端·openai·ai编程
前端付豪1 小时前
Prompt Playground(实现提示词工作台)
前端·人工智能·后端
竹林8181 小时前
在NFT项目中集成IPFS:从Pinata上传到前端展示的完整实战与踩坑
前端·javascript