在ACF照片库插件中向图像添加自定义CSS类时出现问题

时间:2017-05-17 作者:Marek

我正在使用ACF照片库插件(添加图像库选项的ACF插件)。我正在尝试添加为特定图像提供自己的CSS类的选项,所有这些都是通过教程->https://wordpress.org/plugins/navz-photo-gallery/ (用法,添加额外字段),但不幸的是,由于某种原因,CSS类没有出现在代码中。我将注释代码粘贴到下面(没有太多)。我哪里出错了?

/// I put this to functions.php, in edition in particular image window appears with css class field
<?php
function my_extra_gallery_fields( $args, $attachment_id, $field ){
    $args[\'class\'] = array(\'type\' => \'text\', \'label\' => \'Kolor produktu\', \'name\' => \'class\', \'value\' => get_field($field . \'_class\', $attachment_id) );  /// I think the problem may be here
    return $args;
}
add_filter( \'acf_photo_gallery_image_fields\', \'my_extra_gallery_fields\', 10, 3 );
?>
/// I put this code to single-portfolio.php
<?php
    $images = acf_photo_gallery(\'gallery_images\', $post->ID); /// gallery_images to slug pola galeria w ACF
    if( count($images) ):
        foreach($images as $image):
            $full_image_url= $image[\'full_image_url\'];
            $class = get_field(\'gallery_images_class\', $id);
    endforeach; endif;
?>  
/// This code displays image, CSS class should appers, but it doesn\'t
<?php foreach($images as $image) { ?>
     <img src="<?php echo $image[\'full_image_url\']; ?>" class="<?php echo $class; ?>" >
<?php } ?>

1 个回复
最合适的回答,由SO网友:xvilo 整理而成

请在您想要收藏库的位置尝试以下代码:

<?php
$images = acf_photo_gallery(\'gallery_images\', $post->ID); /// gallery_images to slug pola galeria w ACF
if( count($images) ):
    foreach($images as $image):
        $full_image_url= $image[\'full_image_url\'];
        $class = get_field(\'gallery_images_class\', $id);
        echo \'<img src="\'.$image[\'full_image_url\'].\'" class="\'.$class.\'" >\';
endforeach; endif;
?> 
请尝试检查“$id”是否为您提供了图像/帖子id(不确定此处需要什么)。

编辑:请检查是否$id$class 是正确的。可以使用以下代码执行此操作:

<?php
$images = acf_photo_gallery(\'gallery_images\', $post->ID); /// gallery_images to slug pola galeria w ACF
if( count($images) ):
    foreach($images as $image):
        $full_image_url= $image[\'full_image_url\'];
        $class = get_field(\'gallery_images_class\', $image[\'id\']);
        echo \'<img src="\'.$image[\'full_image_url\'].\'" class="\'.$class.\'" >\';
endforeach; endif;
?> 
foreach中的“$image”可能有ID。请尝试使用该ID。

结束

相关推荐

自定义用户角色wordPress-授予来宾对edit.php的访问权限,而无需插入/更新/删除

我正在一个网站上工作,我想向客户展示产品的演示版本。为此,他们可以使用来宾帐户登录,我创建了以下角色add_role(\'guest\', __(\'Guest\'), array( \'read\' => true ) ); 当我以来宾身份登录时,我会被重定向到并看到概览页/管理员。php?page=my\\u overview,所以这确实有效,但当来宾单击此overview中的任何项目时,我会收到一条消息,说:您

在ACF照片库插件中向图像添加自定义CSS类时出现问题 - 小码农CODE - 行之有效找到问题解决它

在ACF照片库插件中向图像添加自定义CSS类时出现问题

时间:2017-05-17 作者:Marek

我正在使用ACF照片库插件(添加图像库选项的ACF插件)。我正在尝试添加为特定图像提供自己的CSS类的选项,所有这些都是通过教程->https://wordpress.org/plugins/navz-photo-gallery/ (用法,添加额外字段),但不幸的是,由于某种原因,CSS类没有出现在代码中。我将注释代码粘贴到下面(没有太多)。我哪里出错了?

/// I put this to functions.php, in edition in particular image window appears with css class field
<?php
function my_extra_gallery_fields( $args, $attachment_id, $field ){
    $args[\'class\'] = array(\'type\' => \'text\', \'label\' => \'Kolor produktu\', \'name\' => \'class\', \'value\' => get_field($field . \'_class\', $attachment_id) );  /// I think the problem may be here
    return $args;
}
add_filter( \'acf_photo_gallery_image_fields\', \'my_extra_gallery_fields\', 10, 3 );
?>
/// I put this code to single-portfolio.php
<?php
    $images = acf_photo_gallery(\'gallery_images\', $post->ID); /// gallery_images to slug pola galeria w ACF
    if( count($images) ):
        foreach($images as $image):
            $full_image_url= $image[\'full_image_url\'];
            $class = get_field(\'gallery_images_class\', $id);
    endforeach; endif;
?>  
/// This code displays image, CSS class should appers, but it doesn\'t
<?php foreach($images as $image) { ?>
     <img src="<?php echo $image[\'full_image_url\']; ?>" class="<?php echo $class; ?>" >
<?php } ?>

1 个回复
最合适的回答,由SO网友:xvilo 整理而成

请在您想要收藏库的位置尝试以下代码:

<?php
$images = acf_photo_gallery(\'gallery_images\', $post->ID); /// gallery_images to slug pola galeria w ACF
if( count($images) ):
    foreach($images as $image):
        $full_image_url= $image[\'full_image_url\'];
        $class = get_field(\'gallery_images_class\', $id);
        echo \'<img src="\'.$image[\'full_image_url\'].\'" class="\'.$class.\'" >\';
endforeach; endif;
?> 
请尝试检查“$id”是否为您提供了图像/帖子id(不确定此处需要什么)。

编辑:请检查是否$id$class 是正确的。可以使用以下代码执行此操作:

<?php
$images = acf_photo_gallery(\'gallery_images\', $post->ID); /// gallery_images to slug pola galeria w ACF
if( count($images) ):
    foreach($images as $image):
        $full_image_url= $image[\'full_image_url\'];
        $class = get_field(\'gallery_images_class\', $image[\'id\']);
        echo \'<img src="\'.$image[\'full_image_url\'].\'" class="\'.$class.\'" >\';
endforeach; endif;
?> 
foreach中的“$image”可能有ID。请尝试使用该ID。

相关推荐

如何将.css文件应用于虚拟页面?

如果使用以下插件在保持主题完整的情况下创建虚拟页面wp-virtual-page-tutorial, 怎么可能。css文件是否应用于此虚拟页面?如何使用将虚拟页名称用作条件的if语句来实现这一点?任何帮助都将不胜感激。以下是创建虚拟页面的代码:Class VPTutorial { function __construct() { register_activation_hook( __FILE__, array( $this, \'activate\' ) );&#