php – 如何在某个div中插入图库的每个图像? WordPress的
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了php – 如何在某个div中插入图库的每个图像? WordPress的,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2833字,纯文字阅读大概需要5分钟。
内容图文
我正在尝试reproduce this Masonry来展示一个画廊.我为此创建了一个CPT. “CPT – 画廊”.
首先,我想到创建一个自定义帖子类型来一起发布所有图像.
我的CPT:
—>>>标题<<<< ---
—>>>图像默认 – 缩略图<<< ---
—>>>强效<<<<
—>>>图像<<< —
—>>>图像<<< —
…
前三个部分(标题,图像默认和内容)是基础.准备好了.
之后,我考虑使用自定义元数据并添加每个图像URL.但是,通过URL添加URL并不是直观的,对于用户来说,无论是新手还是高级,都可以为用户提供更多功能.此外,金额会有所不同,图片可以是1,可能是5可能是10等等.
我看到有一个plugin for WordPress,但插件不是全宽,当我将插件的CSS设置为全宽时,Mansory在视口大小调整中获得了几个错误.
注意到插件和代码的功能,我在每篇文章中看到,插件使用自己的WordPress编辑器库.它采用生成的短代码(在the_content();内部)并在Mansory类中显示图像.
我正在尝试这样做,但没有成功.
无论如何,我想做什么?
– >抓住WordPress图库的短代码并在我的砌体的div中显示每个图像< -
逻辑示例:
画廊的简码:
我拍摄每张图片并在循环中显示.
实际例子:
在这里,我用砌体的div执行循环.
<?php
$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();
?>
<div class="item">
<figure style="margin: 0px !important" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
<a href="<?php IMAGE 1 OF GALLERY WP; ?>" itemprop="contentUrl" data-size="1800x1200" data-index="0">
<img src="<?php IMAGE 1 OF GALLERY WP; ?>" class="image" itemprop="thumbnail" alt="">
</a>
</figure>
</div>
随着循环将出现在库中的所有图像.
<div class="item">
<figure style="margin: 0px !important" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
<a href="<?php IMAGE 2 OF GALLERY WP; ?>" itemprop="contentUrl" data-size="1800x1200" data-index="0">
<img src="<?php IMAGE 2 OF GALLERY WP; ?>" class="image" itemprop="thumbnail" alt="">
</a>
</figure>
</div>
<div class="item">
<figure style="margin: 0px !important" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
<a href="<?php IMAGE 3 OF GALLERY WP; ?>" itemprop="contentUrl" data-size="1800x1200" data-index="0">
<img src="<?php IMAGE 3 OF GALLERY WP; ?>" class="image" itemprop="thumbnail" alt="">
</a>
</figure>
</div>
and so on.....
我怎么能这样做?
解决方法:
你快到了.您只需要获取并循环浏览图库图像.这样的事情对你有用.
参考这里:https://codex.wordpress.org/Function_Reference/get_post_gallery_images
<?php
global $post;
$gallery = get_post_gallery_images( $post );
foreach( $gallery as $image_url ) {
?>
<div class="item">
<figure style="margin: 0px !important" itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
<a href="<?php echo $image_url ?>" itemprop="contentUrl" data-size="1800x1200" data-index="0">
<img src="<?php echo $image_url ?>" class="image" itemprop="thumbnail" alt="">
</a>
</figure>
</div>
<?php
}
?>
内容总结
以上是互联网集市为您收集整理的php – 如何在某个div中插入图库的每个图像? WordPress的全部内容,希望文章能够帮你解决php – 如何在某个div中插入图库的每个图像? WordPress的所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。