Watch me bumble my way through adding AJAX functionality to a WordPress theme. The idea is that any internal link on the site will load into the main content area without requiring a page refresh, including search. Not always the most practical idea in the world, but it’s kinda neat, and as I show in the video, I did find a nice real-world problem that it solved.<\/p>\n","protected":false},"excerpt":{"rendered":"
Watch me bumble my way through adding AJAX functionality to a WordPress theme. The idea is that any internal link on the site will load into the main content area without requiring a page refresh, including search. Not always the most practical idea in the world, but it’s kinda neat, and as I show in […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1283,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"video-single.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":20015,"url":"https:\/\/css-tricks.com\/lodge\/artists-website\/003-initial-client-communication\/","url_meta":{"origin":5708,"position":0},"title":"#003 – Initial Client Communication","date":"January 28, 2013","format":false,"excerpt":"In this screencast I talk about what the communication was like between me and Jeff when he first emailed me about wanting to redesign the site. The overall vibe from Jeff was \"It's time.\" It's time to redesign the site. There doesn't always have to have fancy business reasons for\u2026","rel":"","context":"With 3 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18488,"url":"https:\/\/css-tricks.com\/lodge\/v10\/078-moving-to-wordpress-creating-a-theme\/","url_meta":{"origin":5708,"position":1},"title":"#078: Moving to WordPress, Creating a Theme","date":"September 24, 2012","format":false,"excerpt":"We've already been working locally at a local domain (v10.whatup). Now it's time to get started moving into WordPress. We're going to keep working locally at a local domain, but we're going to start using the already working local install of CSS-Tricks I have (css-tricks.whatup). We start by just duplicating\u2026","rel":"","context":"With 10 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":376818,"url":"https:\/\/css-tricks.com\/glossary-of-terms-for-theme-json\/","url_meta":{"origin":5708,"position":2},"title":"Glossary of Terms for theme.json","date":"January 31, 2023","format":false,"excerpt":"To kick things off, let\u2019s begin by reviewing a few glossary terms that are important for understanding what the theme.json file is, how it is structured, and how to configure it. We\u2019ll cover examples as we go, but the main goal here is to get familiar with terms that we\u2019ll\u2026","rel":"","context":"In \"json\"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2023\/02\/guide-wordpress-block-theme-css.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":4316,"url":"https:\/\/css-tricks.com\/video-screencasts\/73-wordpress-theme\/","url_meta":{"origin":5708,"position":3},"title":"#73: Building a Website (3 of 3): WordPress Theme","date":"October 1, 2009","format":false,"excerpt":"In part 3 of this series, we take the HTML and CSS that we have already created for this design, and convert it into a WordPress theme. We start with a completely \"blank\" WordPress theme, then take different parts of the HTML and put them where they need to be\u2026","rel":"","context":"In "Article"","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":20047,"url":"https:\/\/css-tricks.com\/lodge\/artists-website\/008-giving-ourselves-a-fresh-start-with-a-clean-theme-part-1\/","url_meta":{"origin":5708,"position":4},"title":"#008 – Giving Ourselves a Fresh Start with a Clean Theme, Part 1","date":"January 30, 2013","format":false,"excerpt":"We're going to stop looking at the old site here soon. This is the last time! Our plan now that we have a proper local dev environment is to give ourselves a completely fresh start. We want to strip the WordPress theme down to bare bones nothing and build up\u2026","rel":"","context":"With 4 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":18523,"url":"https:\/\/css-tricks.com\/lodge\/v10\/84-moving-footer-into-wordpress\/","url_meta":{"origin":5708,"position":5},"title":"#84: Moving Footer into WordPress","date":"September 27, 2012","format":false,"excerpt":"We start out by fixing up some image file paths. I always make a distinction when using images inside a WordPress theme. Is this image part of this specific theme? Or would it make sense to use in any theme for this site? If it's for the specific theme, the\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/5708"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=5708"}],"version-history":[{"count":8,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/5708\/revisions"}],"predecessor-version":[{"id":337456,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/5708\/revisions\/337456"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/1283"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=5708"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=5708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}