nf/slider

NF主题的滑块

维护者

详细信息

github.com/nf-theme/slider

源代码

安装: 18

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 1

语言:CSS

2.0.0 2018-12-03 06:57 UTC

This package is auto-updated.

Last update: 2024-08-29 04:42:48 UTC


README

这是我们主题https://github.com/hieu-pv/nf-theme的扩展工具包

安装前

步骤 1: 安装 Nf-Theme-Option 包

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']")

最后一步

{提示} 喝茶放松!