制作自定义页面(用一个例子解释目标)

时间:2018-03-29 作者:mg1075

不久前,我在这里发布了一个问题,What are the options for running custom css and javascript files on a page?

这个问题由来已久,也许还不够具体到我的想法和我希望实现的目标。

解释我希望做什么的最好方法是从现有Wordpress网站上举一个例子:http://flowingdata.com/

现在,flowingdata博客可以包含几种类型的博客帖子。有时,一篇博客文章将是另一个网站有趣可视化的简单屏幕截图以及内容描述。

以下是一篇“普通”帖子:

当你检查这些“普通”帖子的来源时,你可以看到人们期望在普通wordpress博客帖子中看到的所有与wordpress相关的包袱。

然后可以有一种不同的、更专业化的博客帖子(?)/第(?)/第(?)页,经常可以在博客的“项目”部分找到。(重要提示:并非每个“项目”帖子都有相同的自定义格式;例如,一些“项目”帖子保留了博客的主要导航元素,而一些“项目”帖子消除了博客的主要导航。)

自定义“项目”帖子:

关于“自定义”帖子的独特之处在于,大部分wordpress包袱都被移除了,但似乎还保留了一些内容,并且包含了与作者创建的交互式可视化相关的自定义javascript文件。这就好像作者正在尽可能多地移除wordpress的包袱,在其中留下一些片段,这样页面仍然感觉像整个网站的一部分,然后包括自定义CSS和JS文件,让作者完全控制这个特定页面上的可视化。因此,可视化帖子几乎就像一个独立的页面,尽管它仍然是博客的一部分。

所以我的问题是:if you were creating a Wordpress blog using an existing theme, what is the best, easiest, and most maintainable way to make custom pages similar to the ones one finds in the flowingdata blog?

2 个回复
SO网友:Mat

http://flowingdata.com/2018/03/26/altair-for-visualization-in-python/ - 这是WordPress

https://flowingdata.com/projects/2018/occ-age/ - 这不是WordPress

/projects/ 只是WordPress安装中的一个子文件夹,它只是显示一个自定义HTML页面。

SO网友:Kirasiris

为什么你说项目页面已经移除了大部分WordPress的包袱?我看了一下,在源代码上只能看到wp链接等;甚至发布的帖子也会显示WordPress目录中的图像。。。。也许我不理解你的问题,但我确信项目页面不是一个静态的html页面。我强烈建议您查看WordPress codex文档,他们可能有一个“操作方法”来完成您想要的内容。

结束

相关推荐

属性[data-type]的值必须包含在双引号中-自定义html小部件错误

我正在尝试使用JavaScript打字机效果,WordPress向我抛出以下错误(属性[数据类型]的值必须在双引号中。)将html添加到自定义html小部件时。我正在处理代码CodePen. 但是,当我将数据类型更改为双引号,将其中的数据更改为单引号时,代码将停止工作。有什么建议/我遗漏了什么吗?提前感谢。