nf / slider
NF主题的滑块
README
这是我们主题https://github.com/hieu-pv/nf-theme的扩展工具包
安装前
步骤 1: 安装 Nf-Theme-Option 包
安装
步骤 1: 通过 Composer 安装
composer require nf/slider-for-nftheme
步骤 2: 添加服务提供者
打开
config/app.php
并注册所需的服务提供者。
'providers' => [ // .... Others providers \NF\Slider\SliderServiceProvider::class ],
步骤 3: 注册您的选项方案
您可以将选项方案添加到
functions.php
所有支持的类型都可以在这里找到
use NF\Slider\Abstracts\Size; use NF\Slider\Abstracts\SliderType; use NF\Slider\Facades\SliderManager; SliderManager::add([ 'name' => 'Slider Homepage', 'type' => SliderType::SLICK, 'style' => 'style-1', 'size' => Size::SIZE_3X1, 'fields' => [ [ 'label' => 'Slider', 'name' => 'slider', 'type' => Input::GALLERY, 'description' => 'Gallery with meta field, for now we support text and textarea on meta field.', ], ], 'options' => [ 'slidesToShow' => 1, 'slidesToScroll' => 1, 'autoplay' => true, 'pauseOnHover' => true, 'infinite' => true, 'dots' => true, ], ]);
步骤 4: 添加短代码
自动创建一个短代码名称
nf-slider
,其中name
是必须的属性
[nf-slider name="{slider name}"]
示例
[nf-slider name="Banner homepage"]
步骤 5: 在需要的地方插入短代码
非常简单
do_shortcode("[nf-slider name='Banner homepage']")
最后一步
{提示} 喝茶放松!