页面内的特定菜单,在同一链接下加载不同的内容,而无需重新加载

时间:2018-06-07 作者:Beauregard Lionett

我正在为一个非政府组织开发一个网站,他们需要它尽可能方便用户,因为它是为65岁以上的人量身定做的。所以这里的挑战似乎有点大。我只是有太多的问题要问怎么做。

他们需要一个页面,里面有一个菜单(选项卡),每个选项卡下有不同的内容,这个菜单是针对该页面的(它不会显示在网站的任何其他部分,只是在这个页面上),所有这些都在同一个链接下,因为他们需要这个易于找到的内容组合。

I drew something to try to convey how this is. 大多数情况下,我只是想确保我朝着正确的方向前进,而不会失去更好的方法。

我的问题:

如何在这些选项卡下添加特定的预加载内容

1 个回复
SO网友:Slam

您要查找的内容听起来很像选项卡式内容模式,只有前端解决方案允许您在一篇文章中输入所有内容,但用户单击不同的选项卡以显示内容的不同部分。

您可以使用CSS和Javascript手工制作类似的内容。但我更喜欢使用Foundation 6作为框架来开发我的网站。它提供了许多预构建的解决方案,包括tabbed content. 使用像Foundation这样的框架,我可以在post编辑器中简单地向html添加一些类。

您的主题可能已经包含一个框架(引导、基础等),该框架具有选项卡的预构建类。如果没有,您可能需要编写自己的CSS和JS来创建选项卡,或者选择plugin that adds CSS and JS that lets you add tabs.

如果只有几个页面有这种选项卡式内容,那么只需在内容编辑器的文本视图中创建正确的HTML和类结构就可以了。

但是,对于编辑器来说,这很容易被破坏,因此如果您需要有很多带有选项卡的页面,或者如果您的选项卡式页面经常被编辑,那么这不是一个好的解决方案。在这种情况下,您可能需要设置某种高级自定义字段解决方案,为每个选项卡创建表单,然后编写一个自定义模板,将这些ACF字段包装到正确的HTML和类结构中。在ACF中,您可能会使用一个字段组和一组字段名称,如tab1\\u title、tab1\\u content、tab2\\u title等。

要创建编辑器和作者可以在编辑后页面上使用的表单,您需要创建自定义字段。最常用的方法是使用高级自定义字段插件,该插件非常容易启动,并且有一个很棒的文档站点。ACF允许您创建字段并指定允许字段输入的Posteta框的类型。

ACF还有关于如何在模板中显示这些字段的大量文档。您需要能够编辑一些PHP,并基本上使用ACF字段中的内容创建HTML选项卡结构。具体细节将取决于引导程序的表单要求和您为自定义字段指定的名称。

其中一个选项卡插件可能具有基于表单的选项卡内容条目;我没有用过,也不知道。

结束

相关推荐

Admin Theme customization

我遵循wordpress codex网站上关于通过插件创建管理主题的说明。我激活了插件,但我的样式表没有包含在<head>.. 这是我的代码:add_action( \'admin_init\', \'kd_plugin_admin_init\' ); add_action( \'admin_menu\', \'kd_plugin_admin_menu\' ); function kd_plugin_admin_init() { /* Register