如果你想创建一个电子学习网站，没有比WordPress和LearnDash LMS插件．
然而，即使使用LearnDash，你也需要注意各种元素包括和不包括在你的网站。
有一些元素是任何电子学习网站都不能缺少的。如果他们是，那么你可能不会从你的网站得到最大的好处。
这些元素是什么?这正是我们在这里要告诉你的。让我们开始吧!
1.面包屑导航
如果你的e-Learning网站是你的第一个网站，那么很有可能你还没有听说过面包屑导航。
从本质上讲，面包屑导航向用户显示了他们在你的网站上的路径。
例如，如果有人正在浏览您网站上的特定类别的任何特定页面。页面上的面包屑会显示如下内容:
首页> Category >页面标题
你可能在其他网站上见过它，但不知道它的名字。这张图片显示了网页上的面包屑导航
在您的电子学习站点中使用面包屑有很多好处。首先，它们可以帮助访问者轻松地浏览整个网站。
例如，如果他们登陆你网站上的任何课程页面，他们可以通过点击breadcrumb中的类别名称轻松浏览与该类别相关的更多课程。其次，谷歌很喜欢他们。谷歌爬虫和其他搜索引擎机器人可以很容易地弄清楚你的网站是如何更详细地结构的。
此外，有时它们也包含在搜索结果中，从而使你的网站在搜索结果页面上的排名更好。显然，当您在SERPS上的位置更好时，您更有可能被点击和阅读!
2.简单的演示导入
演示导入功能允许您通过导入演示站点的内容来快速启动站点。这意味着你不需要弄清楚什么去哪里以及如何设置页面。
如果你不知道演示网站，这里有一个简短的介绍:这些网站是由主题和插件开发者设置的，向你展示了正确设置后的主题/插件体验。看看LearnDash演示网站为例。
现在回到重点——当一个主题的演示内容出现在你的WordPress仪表板上时，你可以很容易地用你自己的内容替换它，并在一天内使用你的e-Learning网站(如果你的内容已经准备好了)。
因此，在选择主题时，您应该确保主题中包含此功能，使其成为站点的一部分。
3.儿童主题支持
想象一个场景，你已经运行了一个成功的电子学习网站。你也想修改你的网站的风格和设计，使它看起来更好，新鲜和独特的竞争对手。
但是，你不希望因为网站的代码和功能的强大优化而改变网站的主题——你只需要在设计上做一些修改。如何才能在不浪费大量时间和精力的情况下实现这一目标呢?
答案就在于儿童主题支持。如果您不知道，Child主题是继承了另一个主题的代码和功能的主题，但是您可以修改它的设计，使其具有新的外观。
这样一来，主题的核心功能就会像父主题一样强大，同时它的设计也会变成你想要的样子。为了方便地创建子主题，站点必须包含对其创建的支持。
好消息是WordPress平台和LearnDash都支持这一功能，所以如果您为您的电子学习站点选择了这些功能，您就不必担心这一点。
4.简化移动导航
任何网站的导航就像它的主干。如果这部分很糟糕，用户就无法获得良好的体验。因为现在大多数用户都是在移动设备上浏览网页，所以你应该从移动优先的角度来优化体验。
幸运的是，设计一个在手机和电脑上都能运行良好的网站导航并不困难。你所需要做的就是遵循以下几个简单的步骤:
- 保持简短和简单:首先，菜单上不要包括太多的项目。手机屏幕的尺寸很小，在这些屏幕尺寸下，一行最多只能装3-4个项目。
如果包含的内容超过这个数，菜单就会出现多行，这看起来一点都不好。即使你需要包含很多页面，试着将它们组织成3-4个类别或子页面。
通过以这种方式组织它们，您可以使用下拉菜单在移动屏幕上正确地显示它们。你也可以尝试在图标的帮助下在顶部显示3个主菜单选项，并将其他菜单项隐藏在汉堡包菜单后面，如下图所示:
- 首先包括最重要的页面:在创建菜单时，确保最重要的页面出现在最前面，最不重要的页面出现在最后。如果你需要一些下拉菜单，这个顺序特别重要。
- 使用易于理解的语言:菜单上的菜应该用显而易见的文字来写。每个人都应该从菜单项本身了解页面的内容。因此，你应该避免那些需要思考才能被理解的单词/术语。
- 注意颜色和字体:菜单项的文本应该用与菜单背景颜色对比的颜色书写。此外，文本应该写在易于阅读的字体，不需要放大。
- 包括搜索栏:搜索栏也是网站导航工具的一部分。所以把它包含在正确的位置，靠近导航栏。这将帮助人们找到他们无法通过主菜单找到的页面。
5.定制和品牌
如果你没有定制你的电子学习网站，使它看起来不同和专业，你正在犯一个非常昂贵的错误，甚至不知道它。
一个网站的风格和品牌比任何其他因素都更重要，决定了它是如何被访问者理解的，所以你应该从一个有经验的品牌标识设计师为你的网站设计一个专业的标志。
另外，让你的网站设计与你的品牌形象完美匹配。不要试图自己做——你可能犯的最大的错误是自己做你的e-Learning网站的品牌!
这些事情最好留给有经验的专业人士去做。
6.干净的设计和布局
我们在前一节简要地讨论了站点的设计部分。但这一点值得详细说明，特别是如果您没有为您的站点建立自定义主题。
当您选择预先设计的主题来设置您的e-Learning站点时，请确保它有多个布局选项。一般来说，网格布局最适合于电子学习网站，因为它有助于在每个页面上以非常整洁和干净的方式显示多个课程。
这是一个网站的例子LearnDash课程网格布局看起来像:
网格的工作效果最好，因为在这种布局中，其他的设计元素在网格结构的工作开始之前就被解决了。因此，无论需要对主设计做什么改变，任何网页设计师都可以在稍后不费多大力气地完成。
除此之外，网格布局在整个网站上的工作也更加一致。
7.页面预紧器
最后，页面预加载器对您的电子学习站点也很重要。预加载器——或者简单的加载器，就像他们所知道的那样——是一种很小的动画，它在你的网站上加载任何东西之前就加载了，并在你的网站的其他元素被加载之前保持着你的访问者。
虽然它们不会加速网站的加载过程，但会让用户感觉如此;从而防止他们点击可怕的“关闭标签”按钮。
预加载器有各种各样的样式，从简单的动画到更复杂的。在你的网站上添加一个预加载器很简单，任何设计师都可以在一些CSS修改的帮助下做到这一点。
然而，如果你的电子学习网站是基于WordPress的，那么这里有一组说明，你可以按照这些说明添加一个预加载器到你的网站:
- 首先，安装和激活WP智能预紧器插件在您的网站;
- 现在访问设置> WP智能预加载器配置预加载器动画;
- 现在您需要选择一些东西。第一个是preloader样式——这个插件中包含了很多样式，可以从Select preloader菜单中选择。
- 在那之后，还有一个选择“只在网页上显示”．如果你选中了它的复选框，你的预加载器只会在有人打开你的网站主页时出现。如果不选中，预加载器就会出现在网站的每个页面上。
- 下一个选择是“显示Loader的持续时间”．这个列允许您选择加载程序持续显示的时间持续时间。默认值是1500毫秒(大约1.5秒)，这意味着如果你让它为空，加载器会在它开始淡出之前显示1.5秒。您还可以通过输入一个值来设置淡出所需的时间' Loader to Fade '盒子。
一旦你配置了所有这些设置，不要忘记点击保存更改按钮。现在你可以通过在手机和电脑上加载你的网站来检查它是如何工作的。
结束
在我们结束之前，我们想给你一个额外的提示:特别注意你的电子学习网站的主题。
没有合适的主题，即使你的网站拥有上述所有元素，你可能仍然无法挖掘其真正的潜力。一个好的主题应该包含或促进上述所有功能。市场上有很多这样的主题，包括eLumine他的例子我们已经在上面提到过。
现在让我们来总结一下。
上面提到的7件事在任何现代电子学习网站中都是必不可少的。你也可以不使用它们，但用户体验不会是最好的。所以，试着把他们都包括在你的网站上，并在评论区分享你的经验。
还有，如果你知道的话其他元素必须包括在任何电子学习网站，然后让我们知道。你的经验可能对我们的许多读者和你的网站管理员很有价值!
