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

相关推荐
GISer_Jing13 分钟前
AI驱动营销增长:7大核心场景与前端实现
前端·javascript·人工智能
T___T24 分钟前
Vue 3 做 todos , ref 能看懂,computed 终于也懂了
前端·javascript·面试
bug总结26 分钟前
vue+A*算法+canvas解决自动寻路方案
前端·vue.js·算法
cindershade26 分钟前
JavaScript 事件循环机制详解及项目中的应用
前端·javascript
王霸天27 分钟前
🚀 告别“变形”与“留白”:前端可视化大屏适配的终极方案(附源码)
前端·javascript
LYFlied32 分钟前
Vue版本演进:Vue3、Vue2.7与Vue2全面对比
前端·javascript·vue.js
PieroPC34 分钟前
Nicegui 组件放在页面中间
前端·后端
Airene39 分钟前
Vite 8 发布 beta 版本了,升级体验一下 Rolldown
前端·vite
冰暮流星41 分钟前
css3如何引入外部字体
前端·css·css3
ByteCraze1 小时前
从零到一:构建一个实时语音翻译应用(Vue3 + Web Speech API)
前端·开源·github