热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

php–如何在某个div中插入图库的每个图像?WordPress的

我正在尝试reproducethisMasonry来展示一个画廊.我为此创建了一个CPT.“CPT–画廊”.首先,我想到创建一个自定义帖子类型来一起发布所有图像.我的CPT:—&G

我正在尝试reproduce this Masonry来展示一个画廊.我为此创建了一个CPT. “CPT – 画廊”.

首先,我想到创建一个自定义帖子类型来一起发布所有图像.

我的CPT:

—>>>标题<<<<---
—>>>图像默认 – 缩略图<<<---
—>>>强效<<<<
—>>>图像<<< —
—>>>图像<<< —

前三个部分(标题,图像默认和内容)是基础.准备好了.

之后,我考虑使用自定义元数据并添加每个图像URL.但是,通过URL添加URL并不是直观的,对于用户来说,无论是新手还是高级,都可以为用户提供更多功能.此外,金额会有所不同,图片可以是1,可能是5可能是10等等.

我看到有一个plugin for WordPress,但插件不是全宽,当我将插件的CSS设置为全宽时,Mansory在视口大小调整中获得了几个错误.

注意到插件和代码的功能,我在每篇文章中看到,插件使用自己的WordPress编辑器库.它采用生成的短代码(在the_content();内部)并在Mansory类中显示图像.

我正在尝试这样做,但没有成功.

无论如何,我想做什么?

– >抓住WordPress图库的短代码并在我的砌体的div中显示每个图像<-
逻辑示例:
画廊的简码:

我拍摄每张图片并在循环中显示.

实际例子:

在这里,我用砌体的div执行循环.

$args = array( 'post_type' => 'gallery', 'showposts' => 1 );
$wp_query = new WP_Query($args);
if(have_posts()):
while ($wp_query -> have_posts()) : $wp_query -> the_post();
?>



" itemprop="contentUrl" data-size="1800x1200" data-index="0">




随着循环将出现在库中的所有图像.



" itemprop="contentUrl" data-size="1800x1200" data-index="0">






" itemprop="contentUrl" data-size="1800x1200" data-index="0">




and so on.....

我怎么能这样做?

解决方法:

你快到了.您只需要获取并循环浏览图库图像.这样的事情对你有用.
参考这里:https://codex.wordpress.org/Function_Reference/get_post_gallery_images

global $post;
$gallery = get_post_gallery_images( $post );
foreach( $gallery as $image_url ) {
?>



" itemprop="contentUrl" data-size="1800x1200" data-index="0">




}
?>


推荐阅读
  • AppFog 是一个基于 CloudFoundry 的多语言 PaaS(平台即服务)提供商,允许用户在其平台上轻松构建和部署 Web 应用程序。本文将通过详细的图文步骤,指导读者如何在 AppFog 免费云平台上成功部署 WordPress,帮助用户快速搭建个人博客或网站。 ... [详细]
  • Norton Partition Magic 中 PHP 函数 error_reporting(E_ALL ^ E_NOTICE) 的详细解析与应用
    在 Windows 环境下,通过具体示例分析了 `Norton Partition Magic` 中 `PHP` 函数 `error_reporting(E_ALL ^ E_NOTICE)` 的详细解析与应用。该函数用于控制错误报告级别,例如在从 PHP 4.3.0 升级到 4.3.1 后,程序出现多处错误的原因及解决方法。本文深入探讨了错误报告配置对程序稳定性的影响,并提供了实用的调试技巧。 ... [详细]
  • 手机上编写和运行PHP代码的最佳软件推荐 ... [详细]
  • 如何在LNMP环境中为WordPress博客安装SSL证书:从程序下载到完成配置
    在LNMP环境下为WordPress博客安装SSL证书的详细步骤,从软件下载到最终配置完成。本文将指导您如何在已设置好的VPS上通过WinSCP等工具上传WordPress程序,并顺利完成SSL证书的安装与配置,确保网站的安全性和数据传输的加密。 ... [详细]
  • 优化后的标题:WordPress 子菜单显示在主菜单项下方的布局调整方法
    在 WordPress 中,为了实现一个更加用户友好的导航菜单,我尝试了一种方法,使父级菜单项在全屏状态下始终可见,而当用户点击或悬停在父级菜单项上时,子菜单会以下拉形式展开,从而提供清晰且直观的导航体验。这种方法不仅提升了网站的可访问性,还增强了用户体验。 ... [详细]
  • css怎样让字体倾斜
    web前端|css教程cssweb前端-css教程党建网源码,vscode显示图片大小,ubuntu黑屏唤醒,tomcat首页出不来,华为爬虫网站,php上传文件改名,宁波seo优 ... [详细]
  • php 格式化数字的时候注意数字的范围【PHP】
    后端开发|php教程php,数字格式化后端开发-php教程构造sql语句是比起来收银系统源码php,vscode必装的插件,pd安装ubuntu,tomcat4安装,wordpre ... [详细]
  • 搬瓦工vps搭建wordpress博客需要什么配置?
    首先第一步,登录PhpMyadmin创建数据库搬瓦工设置。PS:如果你添加虚拟主机的时候创建了数据库了,这部可以跳过,直接到第二步。在浏览器地址栏输入你VPS的 ... [详细]
  • 2017-09-07前端日报精选JavaScriptEventLoop机制详解与Vue.js中实践应用Redux基础与实践如何用js获取虚拟键盘高度?( ... [详细]
  • WordPress网站使用链接提交工具时,为何会推送无效的URL?
    使用链接提交工具却推送了不存在的url?院长最近又收到工程师反馈,工程师查看反馈中心站点问题,发现有站长通过链接提交工具推送的数据,是含中文url,对搜索并不友好,需要站长自查推送 ... [详细]
  • showdoc如何创建文件夹_新建外贸网站如何 安装wordpress ?
    本章主讲的是新建soho外贸网站如何安装wordpress的相关内容。前面几篇文章我们详细讲解了如何购买域名,如何购买主机服务,如何解析域名到主机等相关 ... [详细]
  • 网站秒开算什么,Google
    作为一家活在Web世界的公司,Google对提升网页性能一直是不遗余力。今天,为了让用户能够更快地浏览网页,Google联合8家科技公司以及近30家新闻机构一起发布了一个名为移动页 ... [详细]
  • 本文由编程笔记#小编为大家整理,主要介绍了sql通过数据库重置WordPress密码相关的知识,希望对你有一定的参考价值。 ... [详细]
  • 听说wordPress可以快速建站,因为没用过,所以有一些疑问想请教大家。首先我并不想把wordPress建得网站放到网上去,我就想要那个网站的源码,然后它只要能在我电脑上的wa ... [详细]
  • WordPress免费商城主题 Rife Free
    WordPress免费商城主题RifeFree是一个很棒的WordPress主题,它有7个现成的示例布局,特别适合作为摄影作品集网站。它同样也很适合用作业务网站和博客网站,此外由于 ... [详细]
author-avatar
众大文化_724
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有