分页: 1 / 1

页面生成器

发表于 : 2024年 4月 22日 12:30
Jannah
页面生成器概述

TieLabs页面生成器,最简单、最强大的页面生成器,只需不到5分钟,您就可以用想象中的最小努力构建自己的主页。生成器使您能够添加内部有无限块的无限区域,也可以根据需要对区域和块进行重新排序。
file-mdWRLIko1m.jpg
file-mdWRLIko1m.jpg (81.19 KiB) 查看 7012 次
一、编辑器

在块编辑器中(Gutenberg)
file-DpsqutRUxP.png
file-DpsqutRUxP.png (307.18 KiB) 查看 7012 次
在经典编辑器中
file-yIx4Esf4El.jpg
file-yIx4Esf4El.jpg (19.09 KiB) 查看 7012 次
点击使用TieLabs Builder按钮,将页面从普通页面转换为我们的页面生成器。然后,您将准备好添加新的区域和块。

二、添加新区域
file-g7Sqp5Gi01.jpg
file-g7Sqp5Gi01.jpg (16.17 KiB) 查看 7011 次
单击 + 添加区域按钮添加您的第一个新区域。该区域窗口将显示如下所示:
file-zI7Jp7rwki.jpg
file-zI7Jp7rwki.jpg (59.55 KiB) 查看 7011 次
1.Section Title - 使用此选项,您可以为该部区域设置标题。
2.Section Width -选择内部内容是包含在网站宽度还是100%宽度。
3.Sidebar Settings - 选择分区布局,不带边栏、右侧边栏或左侧边栏。
4.Sticky Sidebar - 如果您想将此区域的侧边栏置于浮动模式,请选中此项。

区域标题
file-UJGvUJCxQB.jpg
file-UJGvUJCxQB.jpg (39.16 KiB) 查看 7010 次
1.Section Title - 字段中,您键入的内容将显示该区域的上面部分。
2.Title URL - 设置区域标题的 URL,如果没有,则将此字段留空。
3.Title Style - 从三种可用样式中进行选择。

区域背景
file-TqSNOgVWfo.jpg
file-TqSNOgVWfo.jpg (39 KiB) 查看 7009 次
1.Background Color - 设置区域背景颜色。
2.Background Image - 选择/上传图片作为背景图片到此区域
3.Background Video - Youtube、Vimeo 或本地视频 URL 视频, URL 将覆盖背景图像选项。
4.Parallax - 启用/禁用背景上的视差效果。
5.Parallax effect - 从可用的五种效果中选择一种,滚动、缩放、不透明度、滚动+不透明度或缩放+不透明度。

区域样式
file-Ng4dxqUoLc.jpg
file-Ng4dxqUoLc.jpg (32.53 KiB) 查看 7008 次
1.Dark Skin - 在深色皮肤中显示此区域内的所有块,而不是默认的浅色皮肤。
2.Custom Class - 如果需要更多自定义,请将自定义类设置在此区域。
3.Margin Top - 如果您想要该区域上方有更多空间。
4.Margin Bottom - 如果您想要该区域下方有更多空间。

要关闭窗口,请单击右上角的Done按钮。
file-Sgi7IyhBtX.jpg
file-Sgi7IyhBtX.jpg (30.82 KiB) 查看 7008 次
您可以编辑,删除或展开/折叠部分。

三、添加新区块
file-mII2E4E7H5.jpg
file-mII2E4E7H5.jpg (30.35 KiB) 查看 7007 次
完成区域设置后,区域主体将显示如上图所示,您会在其中找到Add Block按钮。单击Add Block按钮,块窗口显示如下:
file-K79phq6qDz.jpg
file-K79phq6qDz.jpg (91.54 KiB) 查看 7007 次
您可以从各种各样的新闻区块中选择您的区块。每个区块都更加专注于新闻网站的内容,所以你会发现这些区块可以满足你的所有需求。

区块选项
file-uyX3OB7N52.png
file-uyX3OB7N52.png (180.31 KiB) 查看 7005 次
1.选择所需的区块,区块下方的常规和高级选项基于所选区块的缩略图,以及基于选定区块的默认值。
2.Block Title-将显示在区块上方的标题,保留为空以隐藏它。
3.Block URL-如果您想要区块标题的自定义URL。
4.Categories-选择此区块中的新闻分类,它是多选的。
5.Tags-按标签而非分类显示新闻,此选项将覆盖分类选项。
6.Exclude Posts-输入文章ID或用逗号分隔的ID以排除它们。
7.Sort Order-根据可用的六个值之一对区块中的新闻进行排序:
最近的帖子
随机帖子
上次修改的帖子
评论最多的帖子
浏览量最高的帖子
最佳评论
8.Number of the posts to show-要显示的文章数
9.Offset-要偏移的文章数,如果您想在特定区块中显示特定分类中的一些文章,并用另一个区块显示其他文章,这非常有用。
10.Pagination-从可用的四个分页中选择一个。

区块高级选项
file-MtA8aBSlTK.png
file-MtA8aBSlTK.png (102.71 KiB) 查看 7002 次
1.Show the content Only-显示不带边框、填充和背景的区块。
2.Ajax Filters-在区块标题旁边显示分类/标签过滤器。
3.More Button-当您为标题设置URL时,您可能希望在标题旁边显示更多按钮,如果需要,请选中此项。如果URL字段为空,则不显示。
4.Color-区块主要有颜色、标题、悬停链接、更多按钮、加载图标等。
5.Post title length-字数或字符数,在Jannah选项面板中搜索Trim Text by以选择words或characters修剪。
6.Post Excerpt-显示/隐藏文章摘要。
7.Post Excerpt Length-单词或字符的数量,在Jannah选项面板中搜索Trim Text by以选择words或characters修剪。
8.Read More Button-显示/隐藏摘要下面的阅读更多按钮。
9.Dark Skin-深色皮肤的显示块。
10.Hide Thumbnails-显示/隐藏区块中的所有缩略图。
11.Post Meta-显示/隐藏文章元数据(日期、作者、浏览次数等)
12.Media icon overlay-在文章缩略图上显示/隐藏媒体(视频、音频和图像)图标。

四、重新排序区域和区块

您可以通过拖放每个区域和区块来重新排序它们,并且可以将一个块从一个区域移动到另一个区域。
file-2SLDZBtqrc.gif
file-2SLDZBtqrc.gif (1.33 MiB) 查看 7001 次
五、管理区域小工具

当区域的布局左侧或右侧为侧边栏时,侧边栏区域将显示在区域正文左右边,如下所示:
file-RDgxz78piw.jpg
file-RDgxz78piw.jpg (25.61 KiB) 查看 7001 次
单击Manage Widgets按钮,小工具窗口显示如下:
1000093557.jpg
1000093557.jpg (91.61 KiB) 查看 7001 次
您可以将小工具拖放到“区域小工具区域”。
如果要选取其中一个预定义的边栏,请执行以下操作:
file-Unn88R9cub.jpg
file-Unn88R9cub.jpg (19.83 KiB) 查看 7001 次
1.点击Predefined Sidebar。之后,所有小工具都将隐藏,并出现Choose Sidebar下拉列表
2.Choose Sidebar - 从预定义的侧边栏中选择侧边栏。

您可以从 Jannah > Theme Options > Sidebars > Add Custom Sidebar添加侧边栏。

六、设置您的主页
您可以通过两种方式将任何页面设置为网站的首页:

1.在页面生成器旁边的Jannah - Frontpage框打开即可。
file-biUkjJL11f.png
file-biUkjJL11f.png (46.63 KiB) 查看 6999 次
2.WordPress设置。