A while back I posted a question here, What are the options for running custom css and javascript files on a page?

The question is old and perhaps not specific enough to what I have in mind and what I hope to accomplish.

The best way to explain what I hope to do is by giving an example from an existing Wordpress site: http://flowingdata.com/

Now, the flowingdata blog can includes a couple of types of blog posts. Sometimes, a blog post will be a simple screenshot of another website's interesting visualization along with a description of the contents.

Here is a "normal" post:

When you examine the source for these "normal" posts, you can see all the wordpress-related baggage one expects to see in a normal wordpress blog post.

And then there can be a different, more specialized type of blog post(?) / article(?) / page(?), found often in the "Projects" section of the blog. (Important: not every "Project" post has the same custom format; e.g., some "Project" posts retain the blog's main navigation elements, and some "Project" posts eliminate the blog's main navigation.)

Custom "Project" post:

What is unique about the "custom" post is most of the wordpress baggage is removed, yet a few pieces seem to remain, and there are custom javascript files included that pertain to the interactive visualization the author created. It's as if the author is removing as much as possible of the wordpress baggage, leaving a few pieces in there so the page still feels like part of the overall site, and then including custom CSS and JS files to give the author complete control of the visualization on this specific page. So the visualization post is almost like a stand-alone page, even though it is still part of the blog.

So my question is: 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?


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

https://flowingdata.com/projects/2018/occ-age/ - This isn't WordPress

/projects/ is just a subfolder within the WordPress installation and it's simply displaying a custom HTML page.

| improve this answer | |

Why did you say that the projects page has removed most of the WordPress baggage? I looked at it and all I could see on the source code was wp-links etc; even the published posts display images from the WordPress directory as well.... so maybe I didn't understand your question but I'm sure the projects page is just not a static html page. I highly reccomend you to check the WordPress codex documentation, they probably have a "how-to" to accomplish what you're looking for.

| improve this answer | |
  • The projects page is not a WordPress page - it's static HTML... The only images that are displayed are from the WordPress installation are the header and footer logos... Just because 2 images are being loaded from the WordPress site and there are text links that point back to the WordPress site, doesn't make it a WordPress site. I suggest you take a more careful look at the pages source code... – Mat Mar 29 '18 at 22:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.