联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > WordPress插件 > 正文

手风琴积木精简版最好的WordPress常用插件下载博客插件模块

作者:98wpeu发布时间:2024-02-29分类:WordPress插件浏览:583


导读:手风琴积木安装AccordionBlockLite向块编辑器插入器添加了一个可访问且响应迅速的可折叠块,可以将其添加到显示列表项中,这些列表项可以展开和折叠以显示和隐藏其关联的...
手风琴积木安装

Accordion Block Lite向块编辑器插入器添加了一个可访问且响应迅速的可折叠块,可以将其添加到显示列表项中,这些列表项可以展开和折叠以显示和隐藏其关联的内容部分。

非常适合浓缩长篇或复杂的内容,如常见问题(FAQ)。对于减少页面滚动也很有用。

要素可访问响应用于添加折叠项设置的插入器按钮块对齐文本对齐文本格式页眉元素页眉图标[专业]页眉图标位置[专业]样式颜色文本背景链接页眉文本[专业]标题文本悬停[专业]标题文本处于活动状态[专业]标题图标[专业]标题图标悬停[专业]标题图标处于活动状态[专业]页眉背景[专业]标题背景悬停[专业]标题背景处于活动状态[专业]面板文字[专业]面板背景[专业]字体系列字体大小外观行高字母间距文本装饰字母大小写尺寸填充边框项目填充[专业]项目边距[专业]页眉图标宽度[专业]页眉填充[专业]页眉边距[专业]面板填充[专业]面板边距[专业]边框项目边框[专业]项目边框半径[专业]页眉边框[专业]页眉边框悬停[专业]标题边框处于活动状态[专业]页眉边框半径[专业]面板边框[专业]面板边框半径[专业]变体[专业]线条[专业]积木[专业]演示

Https://troytempleman.com/wordpress/blocks/accordion-block/

超文本标记语言

Accordion Block Lite将输出一个具有以下HTML结构的Accordion块:

<ul class="wp-block-tt-accordion ">    <li class="wp-block-tt-accordion-item wp-block-tt-accordion-item-1">        <p class="wp-block-tt-accordion-item-header">            <button class="wp-block-tt-accordion-item-header-button" id="wp-block-tt-accordion-item-header-button-9515cb6e-8464-424b-a277-3102bd5202cf" type="button" aria-expanded="false" aria-controls="wp-block-tt-accordion-item-panel-9515cb6e-8464-424b-a277-3102bd5202cf">                <span class="wp-block-tt-accordion-item-header-button-text">Title</span>                <span class="wp-block-tt-accordion-item-header-button-icon-arrow" aria-hidden="true">                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24" aria-hidden="true" focusable="false">                        <polyline points="4.711,8 12,15.289 19.289,8" stroke="black" stroke-width="2" fill="none"></polyline>                    </svg>                </span>            </button>        </p>        <div class="wp-block-tt-accordion-item-panel" id="wp-block-tt-accordion-item-panel-9515cb6e-8464-424b-a277-3102bd5202cf" role="region" aria-labelledby="wp-block-tt-accordion-item-header-button-9515cb6e-8464-424b-a277-3102bd5202cf" hidden="">            <p>Panel</p>        </div>    </li></ul>

如果你需要手风琴区块精简版的帮助,请在[]https://wordpress.org/support/plugin/accordion-block-lite)论坛上提交工单。

捐赠

如果你喜欢手风琴街区精简版,并想支持它-S未来的发展,请我喝杯咖啡怎么样?

贡献

如果您想为Accordion Block Lite的开发做出贡献,请访问GitHub上的资源库。

许可证

Accordion Block Lite是在GNU通用公共许可证版本2(GPLv2)下发布的。

要求WordPress 6.0或更高版本PHP 7.4或更高版本MySQL 5.7或更高版本或MariaDB 10.3或更高版本。信用W3C手风琴(具有显示/隐藏功能的部分)辅助功能可折叠部分我最喜欢的辅助功能手风琴图案JavaScript和辅助功能:辅助功能创建使用InnerBlock组件的手风琴块屏幕截图从块插入器添加的手风琴块。手风琴方块变奏曲[专业]手风琴块设置侧栏。[专业]折叠面板块设置侧栏[专业]手风琴块在前端。块

这个插件提供了两个块。

Accordion显示垂直列表项的块,可展开和折叠以显示和隐藏其关联的内容部分。Accordion Item显示列表项的块,可展开和折叠以显示和隐藏其关联的内容部分。安装

Accordion Block Lite可通过以下四种方式之一进行安装:

自动

要使用内置插件安装程序进行安装:

登录到您的WordPress站点:域名:.com/wp-admin,在哪里Domain.com是您的WordPress站点的域。在仪表板页面上,在左侧菜单中,单击插件.在插件页面上,请单击添加新插件.在添加插件页面上,在搜索插件-字段,类型手风琴积木精品.在搜索结果,定位手风琴积木精品,请点击立即安装激活.上传

要使用.zip文件进行安装,请执行以下操作:

登录到您的WordPress站点:域名:.com/wp-admin,在哪里Domain.com是您的WordPress站点的域。在仪表板页面上,在左侧菜单中,单击插件.在插件页面上,请单击添加新插件.在添加插件页面上,请单击上传插件.点击选择文件,找到.Zip文件并点击打开。单击立即安装.在从上传的文件安装插件页面上,请单击激活.手册

要使用SFTP客户端安装,请执行以下操作:

如果你有一个.Zip文件,使用WinZip或存档实用程序等存档软件解压。在SFTP客户端如WinSCP或FileZilla,连接到服务器上的WordPress站点目录。在解压缩的文件,复制手风琴-积木-轻便文件夹并粘贴到您的服务器上,在您站点的WP-内容/插件文件夹。登录到您的WordPress站点域名:.com/wp-admin,在哪里Domain.com是您的WordPress站点的域。在仪表板页面上,在左侧菜单中,单击插件.在插件佩奇,找到手风琴积木精品并点击激活.主题

要在主题中安装而不是插件,请执行以下操作:

如果你有一个.Zip文件,用WinZip或存档实用程序等存档软件解压。解压缩的文件,复制手风琴-积木-轻便文件夹并粘贴到站点的主题文件夹中,例如Wp-content/themes/your-theme/inc/accordion-block-lite/,在哪里您的主题是您的主题文件夹。在代码编辑器如Visual Studio Code或Notepad++,打开您的主题-SFunctions.php文件。在您的Functions.php文件中,添加步骤2中的路径,如需要GET_STYLESET_DIRECTORY()。–/inc/accordion-block-lite/accordion-block-lite.php–;保存并关闭您的Functions.php常见问题解答:什么是手风琴?

Accordion是一种常见的UI/UX模式,可以帮助减少或压缩呈现给用户的信息量。

它是一组垂直堆叠的交互式标题,每个标题都包含一个标题、内容片段或缩略图,表示一段内容。标题用作控件,使用户能够显示或隐藏其关联的内容部分。手风琴通常用于在单个页面上呈现多个部分内容时减少滚动的需要。

这个词源于手风琴,在手风琴中,风箱的部分可以通过向外拉来展开。

要了解更多信息,请参阅折叠(具有显示/隐藏功能的部分)。

如何安装Accordion Block Lite?

请看安装一节。

如何添加手风琴块?登录到您的WordPress站点域名:.com/wp-admin,在哪里Domain.com是您的WordPress站点的域。在仪表板页面上,在左侧菜单中,单击帖子书页.在帖子书页页面上,请单击添加新项,搜索和/或单击所需的帖子或页面标题。在块编辑器,或者:单击块插入器+顶部工具栏中的图标单击块插入器+空块右侧的图标,或单击块插入器+块之间的图标在块插入器弹出模式窗口中,搜索和/或单击手风琴要添加手风琴区块。如何编辑手风琴区块?登录到您的WordPress站点域名:.com/wp-admin,在哪里Domain.com是您的WordPress站点的域。在仪表板页面上,在左侧菜单中,单击帖子书页.在帖子书页页面中,搜索和/或单击所需的帖子或页面标题。在块编辑器,请单击所需的手风琴块。要编辑整个手风琴块:在上面的块工具栏中,单击手风琴图标,选择所需位置、块对齐、文本格式和/或其他选项。在设置侧栏中的制表符:在设置选项卡中,选择所需的标题元素标题图标和/或页眉图标位置设置。在样式选项卡中,选择所需的颜色版式尺寸和/或边境线设置。要编辑手风琴项目在手风琴块内:单击所需的手风琴项目要编辑的标题和/或面板。在上面的块工具栏中,选择所需的位置、文本对齐方式、文本格式和/或其他选项。在设置侧栏中的选项卡中,选择所需的颜色版式尺寸和/或进阶设置。要添加一个手风琴项目,请单击+按钮。如何设置开发环境?在本地服务器(如Local、Docker、MamP或XAMPP)上安装WordPress。要在本地站点上安装Accordion Block Lite,请参阅安装如果尚未在本地安装node.js,请转到https://nodejs.org/进行安装。在命令行界面(CLI)例如命令提示符或终端,导航到手风琴-积木-轻便文件夹。例如,CD localhost/your-site/wp-content/plugins/accordion-block-lite.要安装项目依赖项,请键入NPM安装.在手风琴-积木-轻便文件夹中,编辑所需的一个或多个文件。要创建或更新产品建房目录,键入NPM运行版本。对于其他命令,请键入NPM运行

没有关于这个插件的评论。

标签:物品扩展列表显示分段


WordPress插件排行
最近发表
网站分类
标签列表