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

相关推荐
BillKu23 分钟前
Vue3应用执行流程详解
前端·javascript·vue.js
Codebee38 分钟前
OneCode 移动套件多平台适配详细报告
前端·人工智能
你知唔知咩系timing啊41 分钟前
🎙️ 站在巨人肩膀上:基于 SenseVoice.cpp 的前端语音识别实践
前端
一位搞嵌入式的 genius41 分钟前
前端开发核心技术与工具全解析:从构建工具到实时通信
前端·笔记
littleplayer43 分钟前
Redux 中›ABC三个页面是如何通信的?
前端
安卓开发者44 分钟前
鸿蒙NEXT的Web组件网络安全与隐私保护实践
前端·web安全·harmonyos
程序员NEO1 小时前
3分钟搞定Vue组件库
前端
程序员NEO1 小时前
WebStorm代码一键美化
前端
前端农民工ws1 小时前
Vue 框架的 markdown 渲染组件,针对 AI 的 markdown 流式传输场景
前端·javascript·vue.js·ai
昔人'1 小时前
css 高度从 0 到 auto 的动画效果 `interpolate-size: allow-keywords`
前端·css