dss-web/dss-link-grid-provider

Hogan 内容网格的链接列表提供者

安装: 0

依赖项: 0

建议: 0

安全性: 0

星标: 0

关注者: 14

分支: 0

开放性问题: 0

类型:wordpress-plugin

1.0.3 2020-12-10 12:01 UTC

This package is not auto-updated.

Last update: 2024-09-26 01:55:50 UTC


README

生成的 HTML 代码

<div id="module-0" class="hogan-module hogan-module-content_grid hogan-module-0">
    <div class="hogan-module-inner">
        <div class="hogan-content-grid">
            <div class="hogan-grid-inner">
                <div class="hogan-content-grid-item hogan-grid-item-type-linklist">
                    <figure class=""><img width="300" height="125"
                        src="http://dev.local/wp-content/uploads/2/2020/03/img.jpg"
                        class="attachment-medium size-medium" alt=""
                        srcset="http://dev.local/wp-content/uploads/2/2020/03/img.jpg 300w, http://dev.local/wp-content/uploads/2/2020/03/porto-1024x427.jpg 1024w, http://dev.local/wp-content/uploads/2/2020/03/porto-768x320.jpg 768w, http://dev.local/wp-content/uploads/2/2020/03/porto-1536x640.jpg 1536w, http://dev.local/wp-content/uploads/2/2020/03/porto-1130x471.jpg 1130w, http://dev.local/wp-content/uploads/2/2020/03/porto-400x167.jpg 400w, http://dev.local/wp-content/uploads/2/2020/03/porto-800x333.jpg 800w, http://dev.local/wp-content/uploads/2/2020/03/porto.jpg 1920w"
                        sizes="(max-width: 300px) 100vw, 300px" />
                    </figure>
                    <h2 class="hogan-heading">Test</h2>
                    <ul>
                        <li><a href="http://dev.local/test1/">Test 1</a></li>
                        <li><a href="http://dev.local/test2/">Test 2</a></li>
                        <li><a href="http://dev.local/test3/">Test 3</a></li>
                    </ul>
                </div>
                <div class="hogan-content-grid-item hogan-grid-item-type-linklist">
                    <figure class=""><img width="300" height="125"
                        src="http://dev.local/wp-content/uploads/2/2020/03/img.jpg"
                        class="attachment-medium size-medium" alt=""
                        srcset="http://dev.local/wp-content/uploads/2/2020/03/img.jpg 300w, http://dev.local/wp-content/uploads/2/2020/03/porto-1024x427.jpg 1024w, http://dev.local/wp-content/uploads/2/2020/03/porto-768x320.jpg 768w, http://dev.local/wp-content/uploads/2/2020/03/porto-1536x640.jpg 1536w, http://dev.local/wp-content/uploads/2/2020/03/porto-1130x471.jpg 1130w, http://dev.local/wp-content/uploads/2/2020/03/porto-400x167.jpg 400w, http://dev.local/wp-content/uploads/2/2020/03/porto-800x333.jpg 800w, http://dev.local/wp-content/uploads/2/2020/03/porto.jpg 1920w"
                        sizes="(max-width: 300px) 100vw, 300px" />
                    </figure>
                    <h2 class="hogan-heading">Hello</h2>
                    <ul>
                        <li><a href="http://dev.local/hello/">Hello World</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

钩子

  • hogan/module/content_grid/linklist/image_size/constraints
  • hogan/module/image/image_size/preview_size,默认是 thumbnail
  • hogan/module/image/image_size/library,默认是 all
  • hogan/module/content_grid/linklist/image/args,与 wp_get_attachment_image 的参数相同,默认是
     [
     	'size' => 'medium',
     	'icon' => false,
     	'attr' => [],
     ]
  • hogan/module/content_grid/linklist/image/figure_classes,默认是 []
  • hogan/module/content_grid/linklist/label/enabled,默认是 false