当前位置: 首页 > 知识库问答 >
问题:

WordPress条件滑块(高级自定义字段)

戚俊健
2023-03-14

完整的新手到PHP,但在拼凑不坏。我已经开始使用WordPress的高级自定义字段,这非常有帮助。

我已经得到了将库字段转换为jQuery滑块的代码(你在后端插入图像,它循环并创建滑块)。然而,我希望它只加载静态图像,如果只有一个图像输入。在伪代码中:

如果字段包含多个图像,则循环使用滑块代码,否则(如果只有一个图像)只需将一个图像包装在img标记中。

当前生成滑块的实时代码:

<?php

/* Create the Markup for a slider */

$images = get_field('hero_image_gallery');

if( $images ): ?>
    <div id="slider" class="flexslider">
        <ul class="slides">
            <?php foreach( $images as $image ): ?>
                <li>
                    <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
                    <p class="flex-caption"><?php echo $image['caption']; ?></p>
                </li>
            <?php endforeach; ?>
        </ul>
    </div>
<?php endif; 

?>

有什么想法吗?起初,我想我会计算$images,但我不确定其中是否包含画廊中的图像数量。

编辑:刚刚抛出开始的hero_image_gallery:

阵列(2)

目前有2个图像在那里,如果我添加第三个,我得到数组(3)。

编辑2:完全转储下面的英雄图片库。我不得不编辑掉一些细节,因为我作为新手只能发布一个URL。

数组(2){[0]=

共有1个答案

蔡弘扬
2023-03-14

我想你可能已经回答了你自己的问题!如果您当前有2个图像,并且当您查看返回的数组并返回2个结果时,若要检查您是否只有1个图像,请执行以下操作:

if( count($images) == 1 )

编辑:添加了完整的代码

<?php

/* Create the Markup for a slider */

$images = get_field('hero_image_gallery');

if( $images && count($images) == 1 ) { ?>
   <!-- there is only 1 image -->
<?php } else if ( $images && count($images) > 1 ) { ?>
    <!-- there is more than 1 image -->
    <div id="slider" class="flexslider">
        <ul class="slides">
            <?php foreach( $images as $image ): ?>
                <li>
                    <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
                    <p class="flex-caption"><?php echo $image['caption']; ?></p>
                </li>
            <?php endforeach; ?>
        </ul>
    </div>
<?php } ?>
 类似资料:
  • 所以我在一个以FoundationPress为主题的wordpress站点上工作,最近我将ACF升级到了Pro版本,允许repeater字段。所以我试着让客户用中继器添加新的社交媒体帐户。 http://imgur.com/ft58spd http://imgur.com/mydpawl 上面您可以看到中继器是如何在后端设置的。 header.php: 没有任何东西输出到HTML中。 如果我遗漏了

  • 我结合了一个滑块和中继器字段。在中继器下,我有2个子字段。一个叫“形象”,另一个叫“标题” 这个滑块有一个叫做“Selected-Item”的类,当图像被选中时会动态地出现。(当这个类在图像上时,图像会改变它的大小)。 我如何定义当类“select-item”在某个图像上时,图像的同一行也会出现“title”? 这是显示图像的代码: JS-在图像中添加类“select-item”的“carouse

  • 我在修改我安装的WordPress流行帖子插件时遇到了一些问题。 它可以选择从自定义字段获取缩略图,我已将其输入为“image_facebook”。但是缩略图没有显示。 在检查代码时,我发现imgsrc有post id而不是返回图像URL。 我已经把问题缩小到我安装的另一个插件http://wordpress.org/plugins/advanced-custom-fields/ 当它处于活动状态

  • 我想自定义滑块显示的数据。例如,与其显示一个数字,不如说是“前缀”数字“后缀”,而且这个值应该始终可见。 在类VSlider我找到了方法。我怀疑这是配置滑块显示的值的地方。我尝试用相同的包结构在我自己的项目中复制这个类,我还重新编译了小部件集,但是视图中没有显示这些更改。我刚开始为Vaadin创建客户端代码,所以可能有一些我不理解的地方。 问题: 你对我如何实现我的目标有什么建议吗? 您知道为什么

  • 我是WordPress的新手,我们有一个表格,人们可以填写该表格以将帖子提交到我们的网站上。 我们使用高级自定义字段插件来填写我们需要的所有必要信息。我们有一个领域是故事描述。 我想让story_description使用所有摘录过滤器(长度等),并将其保存在wp_posts表中的post_EXCEPT下。 我该如何将自定义长度保存在表中,而另一个保存在定义的摘录中?我对所有的过滤器和动作都不熟悉

  • 我创建了一个名为“albums”的自定义帖子类型。我有5个自定义字段在我的每个职位。3个文本字段、1个图像字段和1个文件上载字段。我在我的模板页面中得到了3个正确的文本值。但我无法获取图像和文件上传字段的url部分。这是我的密码: 这是我当前的输出 布谷鸟-1 鸟类 布谷鸟 662668245306_027; a56fe50_b.,图像/jpeg,http://localhost/YIB/word