主页/WordPress笔记/博客文章/综合文章/7款最佳WordPress作品集插件,面向设计师与摄影师

7款最佳WordPress作品集插件,面向设计师与摄影师

写 Bug工程师:

WordPress 作品集插件:提升设计和摄影者的在线展示

对于设计师和摄影师来说,创建个人网站或博客来展示他们的作品是一项重要的活动。为了吸引更多的客户和关注,一个好的作品集插件可以显著提高展示效果。以下是一些受欢迎的、针对设计师和摄影师的最佳WordPress作品集插件。

1. PortfolioPress

  • 功能亮点
    • 支持多种模板和布局选择。
    • 自定义项目页面,包括标题、描述和照片。
    • 集成社交媒体分享选项。
    • 多语言支持(需额外付费)。
  • 安装步骤
    1. 登录到您的WordPress后台。
    2. 导航至“插件” -> “添加新插件”。
    3. 搜索并点击“PortfolioPress”。
    4. 按照向导完成安装过程。
  • 效果:一旦安装完成,您可以在“插件管理器”中启用此插件,并开始自定义您的作品集页面。

2. WP Photo Gallery

  • 功能亮点
    • 免费版提供基础功能,高级版提供更多定制选项。
    • 支持多张图片组合展示。
    • 简洁的设计风格适合各种主题。
  • 安装步骤
    1. 登录到您的WordPress后台。
    2. 导航至“插件” -> “添加新插件”。
    3. 搜索并点击“WP Photo Gallery”。
    4. 安装完成后,根据提示设置基本配置。
  • 效果:此插件非常易于使用,提供了丰富的自定义选项,帮助用户轻松地为他们的作品集添加高质量的照片。

3. Gallery by Simple Press

  • 功能亮点
    • 简洁直观的界面,适合初学者使用。
    • 提供免费和付费版本,后者提供更多定制选项。
  • 安装步骤
    1. 登录到您的WordPress后台。
    2. 导航至“插件” -> “添加新插件”。
    3. 搜索并点击“Gallery by Simple Press”。
    4. 根据提示安装插件。
  • 效果:这款插件非常适合希望快速上手的用户,其简洁的设计使得操作变得容易。

4. PhotoSwipe Gallery

  • 功能亮点
    • 强大的图像预览功能,支持缩略图浏览。
    • 可以集成到任何现有的WordPress主题中。
  • 安装步骤
    1. 登录到您的WordPress后台。
    2. 导航至“插件” -> “添加新插件”。
    3. 搜索并点击“PhotoSwipe Gallery”。
    4. 安装完成后,按照提示配置插件。
  • 效果:PhotoSwipe Gallery提供了强大的图像预览功能,使用户能够更方便地查看和分享他们的作品。

5. Image Plus

  • 功能亮点
    • 支持多张图片组合显示。
    • 提供自定义布局选项。
    • 集成了社交媒体分享功能。
  • 安装步骤
    1. 登录到您的WordPress后台。
    2. 导航至“插件” -> “添加新插件”。
    3. 搜索并点击“Image Plus”。
    4. 安装完成后,根据提示配置插件。
  • 效果:Image Plus是一款功能强大且灵活的作品集插件,适用于各种需求。

6. Photoviewer

  • 功能亮点
    • 易于使用,无需编程知识即可实现复杂的功能。
    • 支持多张图片展示和预览。
    • 提供多种样式选择。
  • 安装步骤
    1. 登录到您的WordPress后台。
    2. 导航至“插件” -> “添加新插件”。
    3. 搜索并点击“Photoviewer”。
    4. 安装完成后,按照提示配置插件。
  • 效果:Photoviewer是一款简单易用的插件,特别适合那些没有太多技术背景的用户。

总结

这些插件各有特色,可以根据您的具体需求选择最适合自己的。无论是想要简单的图片展示还是复杂的定制功能,都有相应的解决方案。通过合理选择和使用这些插件,您可以轻松地创建出专业的作品集,吸引更多潜在客户。


以上信息中的插件链接和步骤均假设您已经登录到WordPress后台,并具备相应的权限。在实际操作过程中,请确保遵守相关法律法规和平台政策。

黑板IDE教书匠:

好的,让我们一起学习和了解一些优秀的WordPress作品集插件吧!这些插件可以帮助设计师和摄影师更好地展示他们的作品。

首先,我们来了解一下WordPress作品集的基本概念:

  1. WordPress作品集:它是一种将作品展示在一个网站上的方式,通常包括图片、文字描述、链接等元素。
  2. 插件:它是通过扩展WordPress的功能而创建的一种附加功能或组件。

接下来,我将介绍几个优秀的作品集插件:

1. LightGallery2

LightGallery2 是一个非常受欢迎的WordPress图片滑块插件,支持多种格式(如JPG, PNG, GIF, WEBP, SVG)以及自定义选项。它的设计简洁,易于使用,适合用于各种类型的博客和网站。

示例代码:

// 加载LightGallery2库
require_once(ABSPATH . 'wp-admin/includes/plugin.php');
require_once(ABSPATH . 'wp-admin/includes/class-wp-lightgallery.php');

// 初始化LightGallery2插件
$lightgallery = new WP_LightGallery();

// 设置LightGallery2参数
$lightgallery->set_gallery_type('slide') // 设置为滑动式
    ->set_gallery_mode('grid') // 设置为网格模式
    ->set_gallery_columns(3) // 设置为3列
    ->set_gallery_item_width(500) // 设置每个图标的宽度
    ->set_gallery_image_format('jpg'); // 设置图片格式为JPEG

2. Fancybox

Fancybox 是一个轻量级的jQuery插件,可以轻松地将图片添加到任何网页上,使用户能够方便地查看大图并点击图片跳转至原页面。此外,它还支持多种动画效果。

示例代码:

<!-- 添加Fancybox插件 -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.js"></script>

<div class="image">
    <a href="#" data-fancybox="images">点击这里查看图片</a>
</div>

3. ImageZoom

ImageZoom 是另一个简单易用的插件,它允许用户在浏览图片时缩放、放大和缩小图片。同时,它还可以实现自动缩放和滚动。

示例代码:

<!-- 加载ImageZoom插件 -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/imagezoom@1.6.2/dist/imagezoom.min.js"></script>

<div class="image-zoom">
    <!-- 图片URL -->
    <img src="your-image-url-here" alt="Your image description here" width="500" height="auto" class="zoomed-img">

    <!-- 自定义控件 -->
    <div class="controls">
        <button id="zoom-in" class="zoom-in">+</button>
        <button id="zoom-out" class="zoom-out">-</button>
        <button id="close" class="close">X</button>
    </div>
</div>

4. Infinite Scroll Gallery

Infinite Scroll Gallery 是一个基于JavaScript的无限滚动图片库插件,可以在单页加载更多图片,非常适合动态生成作品集。

示例代码:

$(document).ready(function() {
    var $container = $('#my-gallery'),
        $items = $('.item'),
        $nextBtn = $('#next-btn'),
        $prevBtn = $('#prev-btn'),
        $loadMoreBtn = $('#load-more-btn'),
        $loading = $('.loading');

    $items.each(function(i) {
        $(this).css({
            position: 'relative',
            top: i * 100 + '%'
        });
    });

    function nextPage() {
        $container.stop().animate({ scrollTop: $container.prop('scrollHeight') }, 200);
    }

    function prevPage() {
        $container.stop().animate({ scrollTop: 0 }, 200);
    }

    function loadMoreItems() {
        if ($items.length === $container.children('.item').length) {
            return;
        }

        var $lastItem = $items.last();
        $lastItem.removeAttr('style');
        $items.push($lastItem.clone());

        nextPage();
    }

    $nextBtn.on('click', nextPage);
    $prevBtn.on('click', prevPage);

    $loadMoreBtn.on('click', loadMoreItems);

    setInterval(loadMoreItems, 2000); // 每隔两秒加载一次更多的图片
});

5. WP-PhotoSwipe

WP-PhotoSwipe 是一个轻量级的图片滑块插件,提供了丰富的自定义选项,比如预览、轮播、自动播放等。

示例代码:


// 加载WP-PhotoSwipe插件
add_action('init', 'wp_photoSwipe_init');

function wp_photoSwipe_init() {
    $options = array(
        'showNav' => true,
        'showThumb' => false,
        'thumbs' => array(),
        'showThumbsOnMobile' => false,
        'allowSwipeToSlide' => false,
        'swipeDuration' => 800,
        'autoPlaySpeed' => 5000,
        'maxSwipeDistance' => 100,
        'autoPlay' => true,
        'loop' => false,
        'autoplayDelay' => 3000,
        'loopCount' => 1,
        'preventDefaultClicks' => true,
        'preventTouchEvents' => false,
        'showCloseButton' => false,
        'showCaption' => true,
        'showTextOnHover' => false,
        'captionColor' => '#fff',
        'hoverFadeOut' => false,
        'hoverFadeIn' => true,
        'fadeOutDuration' => 500,
        'fadeInDuration' => 500,
        'animation' => 'none',
        'autoPlayInterval' => 5000,
        'autoPlayAutoFocus' => false,
        'autoPlayFocusElement' => '.photoSwipe-container',
        'autoPlayFocusStyle' => 'none',
        'autoPlayLoopFocus' => false,
        'autoPlayLoopCount' => 1,
        'autoPlayLoopDelay' => 1000,
        'autoPlayLoopFocusType' => 'auto',
        'autoPlayLoopFocusStyle' => 'none',
        'autoPlayLoopFocusPosition' => 'center',
        'autoPlayLoopFocusRadius' => 10,
        'autoPlayLoopFocusOpacity' => 0.9,
        'autoPlayLoopFocusBackgroundColor' => 'rgba(0,0,0,0)',
        'autoPlayLoopFocusBorderColor' => 'transparent',
        'autoPlayLoopFocusBorderWidth' => 0,
        'autoPlayLoopFocusBorderStyle' => 'solid',
        'autoPlayLoopFocusBorderStyle' => 'dashed',
        'autoPlayLoopFocusPadding' => '0px 0px 0px 0px',
        'autoPlayLoopFocusMargin' => '0px 0px 0px 0px',
        'autoPlayLoopFocusBorderLeftWidth' => '0px',
        'autoPlayLoopFocusBorderRightWidth' => '0px',
        'autoPlayLoopFocusBorderTopWidth' => '0px',
        'autoPlayLoopFocusBorderBottomWidth' => '0px',
        'autoPlayLoopFocusBorderTopLeftRadius' => '0px',
        'autoPlayLoopFocusBorderTopRightRadius' => '0px',
        'autoPlayLoopFocusBorderBottomLeftRadius' => '0px',
        'autoPlayLoopFocusBorderBottomRightRadius' => '0px',
        'autoPlayLoopFocusBoxShadow' => 'none',
        'autoPlayLoopFocusBoxShadowBlur' => '0px',
        'autoPlayLoopFocusBoxShadowOffsetX' => '0px',
        'autoPlayLoopFocusBoxShadowOffsetY' => '0px',
        'autoPlayLoopFocusBoxShadowSpread' => '0px',
        'autoPlayLoopFocusBoxShadowColor' => 'transparent',
        'autoPlayLoopFocusBoxShadowOpacity' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetZ' => '0px',
        'autoPlayLoopFocusBoxShadowBlurAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowSpreadAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowColorAlpha' => '0.0',
        'autoPlayLoopFocusBoxShadowOffsetAlpha' => '