diff --git a/.eleventy.js b/.eleventy.js
index c3f1e0ec..056a7c35 100644
--- a/.eleventy.js
+++ b/.eleventy.js
@@ -1,12 +1,15 @@
 const cagovBuildSystem = require("@cagov/11ty-build-system");
 const linkedom = require("linkedom");
 const pluginRss = require("@11ty/eleventy-plugin-rss");
+const eleventyNavigationPlugin = require("@11ty/eleventy-navigation");
 const fs = require('fs');
 
 module.exports = function (eleventyConfig) {
   eleventyConfig.htmlTemplateEngine = "njk";
   const wordpressImagePath = "img/wordpress";
 
+  eleventyConfig.addPlugin(pluginRss);
+  eleventyConfig.addPlugin(eleventyNavigationPlugin);
   eleventyConfig.addPlugin(cagovBuildSystem, {
     processors: {
       sass: {
@@ -65,8 +68,6 @@ module.exports = function (eleventyConfig) {
       .reverse();
   });
 
-  eleventyConfig.addPlugin(pluginRss);
-
   eleventyConfig.addFilter("dateformat", function (dateString) {
     const d = new Date(dateString);
     return `${d.getMonth() + 1}/${d.getDate()}/${d.getFullYear()}`;
diff --git a/package-lock.json b/package-lock.json
index 43a0fd51..fc578e5c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "license": "ISC",
       "dependencies": {
         "@11ty/eleventy": "^2.0.1",
+        "@11ty/eleventy-navigation": "^0.3.5",
         "@11ty/eleventy-plugin-rss": "^1.1.2",
         "@cagov/11ty-build-system": "^1.0.0-beta.3",
         "@cagov/ds-accordion": "^2.0.0",
@@ -173,6 +174,18 @@
         }
       }
     },
+    "node_modules/@11ty/eleventy-navigation": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@11ty/eleventy-navigation/-/eleventy-navigation-0.3.5.tgz",
+      "integrity": "sha512-4aKW5aIQDFed8xs1G1pWcEiFPcDSwZtA4IH1eERtoJ+Xy+/fsoe0pzbDmw84bHZ9ACny5jblENhfZhcCxklqQw==",
+      "dependencies": {
+        "dependency-graph": "^0.11.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/11ty"
+      }
+    },
     "node_modules/@11ty/eleventy-plugin-rss": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@11ty/eleventy-plugin-rss/-/eleventy-plugin-rss-1.1.2.tgz",
diff --git a/package.json b/package.json
index 99fc7319..08bcf3e2 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,7 @@
   },
   "dependencies": {
     "@11ty/eleventy": "^2.0.1",
+    "@11ty/eleventy-navigation": "^0.3.5",
     "@11ty/eleventy-plugin-rss": "^1.1.2",
     "@cagov/11ty-build-system": "^1.0.0-beta.3",
     "@cagov/ds-accordion": "^2.0.0",
diff --git a/pages/_data/fileids.js b/pages/_data/fileids.js
deleted file mode 100644
index f7504a26..00000000
--- a/pages/_data/fileids.js
+++ /dev/null
@@ -1,16 +0,0 @@
-const fs = require("fs");
-
-module.exports = function () {
-  return new Promise((resolve, reject) => {
-    let idObject = {};
-    fs.readdir("./pages/wordpress-pages/", (err, files) => {
-      files.forEach((file) => {
-        if (file.indexOf(".json") > -1) {
-          let fileData = JSON.parse(fs.readFileSync("./pages/wordpress-pages/" + file, "utf8"));
-          idObject[fileData.data.id] = fileData.data.title
-        }
-      });
-      resolve(idObject);
-    });
-  });
-};
\ No newline at end of file
diff --git a/pages/_includes/breadcrumb.njk b/pages/_includes/breadcrumb.njk
new file mode 100644
index 00000000..7d7b29ae
--- /dev/null
+++ b/pages/_includes/breadcrumb.njk
@@ -0,0 +1,17 @@
+{% macro breadcrumb(articleId, articleTitle, collections) %}
+<div class="breadcrumb" aria-label="Breadcrumb" role="region">
+  <a class="crumb" href="https://ca.gov" title="CA.gov">CA.gov</a>
+  
+  <span class="crumb separator">/</span>
+  <a class="crumb" href="/" title="Office of Data and Innovation">Office of Data and Innovation</a>
+
+  {% set crumbs = collections.all | eleventyNavigationBreadcrumb(articleId) %}
+  {%- for crumb in crumbs %}
+    <span class="crumb separator">/</span>
+    <span class="crumb">{{ crumb.title | safe }}</span>
+  {%- endfor %}
+  
+  <span class="crumb separator">/</span>
+  <span class="crumb current">{{ articleTitle | safe }}</span>
+</div>
+{% endmacro %}
\ No newline at end of file
diff --git a/pages/_includes/content.njk b/pages/_includes/content.njk
index 6a961fc0..bec7ccc3 100644
--- a/pages/_includes/content.njk
+++ b/pages/_includes/content.njk
@@ -1,19 +1,10 @@
 {% extends "base-layout.njk" %}
+{% from "breadcrumb.njk" import breadcrumb %}
 
 {% block content %}
   <div id="page-container" class="with-sidebar has-sidebar-left page-container-ds">
     <div class="main-content-ds single-column">
-      <div class="breadcrumb" aria-label="Breadcrumb" role="region">
-        <a class="crumb" href="https://ca.gov" title="CA.gov">CA.gov</a>
-        <span class="crumb separator">/</span>
-        <a class="crumb" href="/" title="Office of Data and Innovation">Office of Data and Innovation</a>
-        {% if parentid %}
-          <span class="crumb separator">/</span>
-          <span class="crumb">{{ fileids[parentid] | safe }}</span>
-        {% endif %}
-        <span class="crumb separator">/</span>
-        <span class="crumb current">{{ title | safe }}</span>
-      </div>
+      {{ breadcrumb(id, title, collections) }}
       <div class="ds-content-layout">
         <aside>
           <div class="sidebar-container everylayout" style="z-index: 1;">
diff --git a/pages/_includes/single-column-conditional.njk b/pages/_includes/single-column-conditional.njk
index 73677729..f26e57eb 100644
--- a/pages/_includes/single-column-conditional.njk
+++ b/pages/_includes/single-column-conditional.njk
@@ -1,18 +1,9 @@
 {% extends "base-layout.njk" %}
+{% from "breadcrumb.njk" import breadcrumb %}
 
 {% block content %}
   <div id="page-container" class="page-container-ds">
-    <div class="breadcrumb" aria-label="Breadcrumb" role="region">
-      <a class="crumb" href="https://ca.gov" title="CA.gov">CA.gov</a>
-      <span class="crumb separator">/</span>
-      <a class="crumb" href="/" title="Office of Data and Innovation">Office of Data and Innovation</a>
-      {% if parentid %}
-        <span class="crumb separator">/</span>
-        <span class="crumb">{{ fileids[parentid] | safe }}</span>
-      {% endif %}
-      <span class="crumb separator">/</span>
-      <span class="crumb current">{{ title | safe }}</span>
-    </div>
+    {{ breadcrumb(id, title, collections) }}
     <main id="body-content">
       {% if previewimage %}
         <img src="/{{ previewimage }}" class="mb-2" alt="" />
diff --git a/pages/_includes/single-column.njk b/pages/_includes/single-column.njk
index 1a0bfb87..776e1627 100644
--- a/pages/_includes/single-column.njk
+++ b/pages/_includes/single-column.njk
@@ -1,18 +1,9 @@
 {% extends "base-layout.njk" %}
+{% from "breadcrumb.njk" import breadcrumb %}
 
 {% block content %}
   <div id="page-container" class="page-container-ds">
-    <div class="breadcrumb" aria-label="Breadcrumb" role="region">
-      <a class="crumb" href="https://ca.gov" title="CA.gov">CA.gov</a>
-      <span class="crumb separator">/</span>
-      <a class="crumb" href="/" title="Office of Data and Innovation">Office of Data and Innovation</a>
-      {% if parentid %}
-        <span class="crumb separator">/</span>
-        <span class="crumb">{{ fileids[parentid] | safe }}</span>
-      {% endif %}
-      <span class="crumb separator">/</span>
-      <span class="crumb current">{{ title | safe }}</span>
-    </div>
+    {{ breadcrumb(id, title, collections) }}
     <main id="body-content">
       <div class="single-column">
         {% if previewimage %}
diff --git a/pages/wordpress-pages/wordpress-pages.11tydata.js b/pages/wordpress-pages/wordpress-pages.11tydata.js
index 8f2c4e5a..ec55505b 100644
--- a/pages/wordpress-pages/wordpress-pages.11tydata.js
+++ b/pages/wordpress-pages/wordpress-pages.11tydata.js
@@ -1,28 +1,33 @@
-function cleanUrl(url) {
-  if (url && url.includes(".pantheonsite.io/"))
-    return url.split(".pantheonsite.io/")[1] || "/";
-  return url;
-}
-
 module.exports = {
   eleventyComputed: {
-    permalink: article => cleanUrl(article.data.wordpress_url),
     title: article => article.data.title,
+    publishdate: article => article.data.date.split("T")[0],
+    date: article => article.data.date,
+    id: article => article.data.id,
+    tags: article => article.data.tags,
+    meta: article => article.data.excerpt,
+    description: article => article.data.excerpt,
+    permalink: article => { 
+      const url = article.data.wordpress_url;
+      if (url && url.includes(".pantheonsite.io/"))
+        return url.split(".pantheonsite.io/")[1] || "/";
+      return url;
+    },
     layout: article => {
-      if(article.data.tags.includes('layout-no-sidebar'))
+      if (article.data.tags.includes('layout-no-sidebar'))
         return 'single-column';
       if(article.page.url == "/")
         return "landing";
       if (!article.data.layout)
         return "content";
-
       return article.data.template;
     },
-    publishdate: article => article.data.date.split("T")[0],
-    date: article => article.data.date,
-    parentid: article => article.data.parent,
-    tags: article => article.data.tags,
-    meta: article => article.data.excerpt,
-    description: article => article.data.excerpt,
+    eleventyNavigation: article => {
+      const key = article.data.id;
+      const title = article.data.title;
+      const wpParent = article.data.parent;
+      const parent = wpParent != 0 ? wpParent : undefined;
+      return { key, title, parent };
+    }
   }
 }
\ No newline at end of file