{"id":89053,"date":"2025-02-01T12:27:49","date_gmt":"2025-02-01T18:27:49","guid":{"rendered":"https:\/\/wpengine.com\/?post_type=resource&#038;p=89053"},"modified":"2025-02-12T13:00:18","modified_gmt":"2025-02-12T19:00:18","slug":"wordpress-javascript","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-javascript\/","title":{"rendered":"Javascript With WordPress: How To Use It"},"content":{"rendered":"\n<p>As a WordPress user, you may have occasionally wished you could tweak your pages or posts beyond what your theme allows,&nbsp;<a href=\"https:\/\/torquemag.io\/2017\/03\/prevent-wordpress-plugin-breaking-site\/\" rel=\"noreferrer noopener\" target=\"_blank\">without breaking it<\/a>. Maybe you\u2019ve wanted to add an interactive element to your site, for example, but WordPress strips out your coding when you save your changes.<\/p>\n\n\n\n<p>Since adding code directly to a page or post is not exactly easy, this can be a frustrating barrier. However, there is a way to overcome it.&nbsp;<a href=\"https:\/\/www.techopedia.com\/definition\/3929\/javascript-js\" rel=\"noreferrer noopener\" target=\"_blank\">JavaScript<\/a>&nbsp;can be used within WordPress to add dynamic elements to pages and posts, or across your entire website.&nbsp;<\/p>\n\n\n\n<p>In this article we\u2019ll take a look at JavaScript, what it is, and how you can use it to enhance your WordPress digital experiences. We\u2019ll also check out several plugins that can help you implement JavaScript on your website. Gather up all your amazing website ideas, and let\u2019s get started!&nbsp;<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\">What is JavaScript?<\/h2>\n\n\n\n<p>JavaScript is&nbsp;<a href=\"https:\/\/torquemag.io\/2018\/06\/why-millions-of-developers-use-javascript-for-web-application-development\/\" rel=\"noreferrer noopener\" target=\"_blank\">one of the most popular<\/a>&nbsp;programming languages. It can add a layer of dynamic functionality to a website. While most sites\u2019 basic elements are put together with HTML and CSS, JavaScript brings a whole host of engaging options to the party. This could include anything from an interactive calculator to a real-time feed of information.<\/p>\n\n\n\n<p>One of the benefits of JavaScript is that it\u2019s typically deployed as&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/JavaScript\/First_steps\/What_is_JavaScript\" rel=\"noreferrer noopener\" target=\"_blank\">client-side programming<\/a>. This means the script is run from the visitor\u2019s browser as they view the page. Once HTML and CSS deploy and create the structure of the page, JavaScript can run on top of the other elements to achieve some dynamic goal.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What does JavaScript do?<\/h2>\n\n\n\n<p>So, we now know that JavaScript is primarily a client-side programming element that can alter a site\u2019s existing HTML and CSS. But what else can it do? There are several useful things you can use JavaScript for, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/JavaScript\/Building_blocks\/Events\" target=\"_blank\" rel=\"noreferrer noopener\">Executing events<\/a>\u00a0on a web page<\/li>\n\n\n\n<li><a href=\"https:\/\/www.w3schools.com\/js\/js_validation.asp\" target=\"_blank\" rel=\"noreferrer noopener\">Form validation<\/a>, where you need to store values inside variables<\/li>\n\n\n\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/JavaScript\/Client-side_web_APIs\/Third_party_APIs\" target=\"_blank\" rel=\"noreferrer noopener\">Third-party APIs<\/a>\u00a0that can be placed on pages or posts<\/li>\n<\/ul>\n\n\n\n<p>Since JavaScript is run by the user\u2019s browser, it can also gather data from that browser. This is essential when it comes to making fast and efficient websites that&nbsp;<a href=\"https:\/\/wpengine.com\/blog\/all-about-headless-a-fireside-chat-with-the-javascript-developers-of-wp-engine\/\" rel=\"noreferrer noopener\" target=\"_blank\">load images quickly<\/a>&nbsp;and respond well to mobile devices.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">When should you add JavaScript to WordPress?<\/h2>\n\n\n\n<p>Adding JavaScript comes in handy when you want to add an element to your WordPress page that would otherwise bog down your server when deployed. This can include complex features, such as audio or video players. If you use a lot of third-party applications, you might need to add a piece of JavaScript to your site to make them function.&nbsp;<\/p>\n\n\n\n<p>Since JavaScript is written into an HTML page, it\u2019s up to the user\u2019s browser to decide what to do with it. While JavaScript can be used on the server side, therefore, its real super power is in the client-side implementation.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.thoughtco.com\/why-javascript-2037560\" rel=\"noreferrer noopener\" target=\"_blank\">Some other opportunities<\/a>&nbsp;for JavaScript implementation include event-based actions. This is when you need something to happen on your site in response to a user\u2019s actions, such as mouse clicks or a window resize.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5 top JavaScript WordPress plugins<\/h2>\n\n\n\n<p>Now that we\u2019ve covered the basics of what this programming language has to offer, let\u2019s take a look at some WordPress JavaScript plugins that can help you deploy scripts safely on your website. Below, we\u2019ll review five plugins for WordPress that offer a variety of different options and features.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. WP Code<\/h3>\n\n\n\n<p>This WordPress plugin is self-described as the easiest way to add code to your WordPress site.&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/insert-headers-and-footers\/\" rel=\"noreferrer noopener\" target=\"_blank\">WP Code<\/a>&nbsp;is brought to you by WPBeginner, and can help you integrate third-party APIs from social media platforms and more. All this is possible without the need to edit your WordPress theme directly.&nbsp;<\/p>\n\n\n\n<p><strong>Key features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Provides a simple interface for one-stop header or footer script editing and insertion<\/li>\n\n\n\n<li>Enables you to choose between inserting JS code in the header or footer<\/li>\n\n\n\n<li>Lets you add Google Analytics to any theme<\/li>\n\n\n\n<li>Makes it possible to work with multiple kinds of code, including HTML, CSS, and JavaScript<\/li>\n<\/ul>\n\n\n\n<p><strong>Price:&nbsp;<\/strong>This is a free plugin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Simple Custom CSS and JS<\/h3>\n\n\n\n<p>The&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/custom-css-js\/\" rel=\"noreferrer noopener\" target=\"_blank\">Simple Custom CSS and JS<\/a>&nbsp;plugin is handy as a developer tool, and is most effective if upgraded to the pro version. It focuses primarily on appearance changes to your site. What\u2019s more, it enables you to add custom CSS and custom JavaScript without modifying your WordPress theme or plugin files. With the ability to apply code changes to specific pages or URLs, you can test elements before making them live.<\/p>\n\n\n\n<p><strong>Key features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Includes a text editor with syntax highlighting<\/li>\n\n\n\n<li>Lets you print your code out inline or in a separate file<\/li>\n\n\n\n<li>Enables code placement in the header or footer of the site<\/li>\n\n\n\n<li>Makes it possible to add as many codes as you want to the front-end or the admin sides<\/li>\n\n\n\n<li>Preserves your changes when you change your theme<\/li>\n<\/ul>\n\n\n\n<p><strong>Price:<\/strong>&nbsp;This plugin is a free option.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Scripts to Footer<\/h3>\n\n\n\n<p>This powerhouse WordPress plugin moves your important scripts to your site\u2019s footer. You may want to do this to reduce loading times, or clean up any bottlenecks to image loading if your theme runs a lot of scripts. It should be noted that that&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/scripts-to-footerphp\/\" rel=\"noreferrer noopener\" target=\"_blank\">Scripts to Footer<\/a>&nbsp;only works if you have plugins and a theme that uses&nbsp;<a href=\"https:\/\/codex.wordpress.org\/Plugin_API\/Action_Reference\/wp_enqueue_scripts\" rel=\"noreferrer noopener\" target=\"_blank\">wp_enqueue_scripts<\/a>&nbsp;correctly.<\/p>\n\n\n\n<p><strong>Key features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enables you to disable the plugin\u2019s features on specific pages and posts directly, via the post\/page edit screen metabox<\/li>\n\n\n\n<li>Lets you disable the plugin on specific archive pages via the settings page<\/li>\n\n\n\n<li>Makes it possible to choose which scripts to keep in the site\u2019s header<\/li>\n<\/ul>\n\n\n\n<p><strong>Price:<\/strong>&nbsp;This plugin is 100% free.<a href=\"https:\/\/wordpress.org\/plugins\/scripts-to-footerphp\/\" rel=\"noreferrer noopener\" target=\"_blank\">&nbsp;<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. CSS &amp; JavaScript Toolbox<\/h3>\n\n\n\n<p>Next up,&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/css-javascript-toolbox\/\" rel=\"noreferrer noopener\" target=\"_blank\">CSS &amp; JavaScript Toolbox<\/a>&nbsp;offers a dashboard option for managing all of your site\u2019s codes and snippets. A powerful tool for developers who want lots of control over their code, this toolbox enables you to create code blocks for use on your site. You can add and manage CSS, JavaScript, HTML, and PHP code that\u2019s unique to your code blocks, and add them just about anywhere.<\/p>\n\n\n\n<p><strong>Key features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Lets you add CSS, JavaScript, PHP, and HTML to pages, posts, custom post types, tags, categories, URLs, and more\u00a0<\/li>\n\n\n\n<li>Enables you to add front-end styles without modifying your theme files<\/li>\n\n\n\n<li>Eliminates the need for extraneous custom plugins or hacks to add functionality<\/li>\n\n\n\n<li>Helps you add third-party scripts for advertising and visitor tracking, or social media channels<\/li>\n\n\n\n<li>Makes it possible to avoid using FTP, and manage all code additions and changes within your dashboard<\/li>\n<\/ul>\n\n\n\n<p><strong>Price:<\/strong>&nbsp;You can try the free plugin, or pick up&nbsp;<a href=\"https:\/\/css-javascript-toolbox.com\/pricing\/\" rel=\"noreferrer noopener\" target=\"_blank\">a premium version for $29<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Scripts n Styles<\/h3>\n\n\n\n<p>Finally,&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/scripts-n-styles\/\" rel=\"noreferrer noopener\" target=\"_blank\">Scripts n Styles<\/a>&nbsp;enables you to add custom CSS and JavaScript directly into individual posts, pages, or any other&nbsp;<a href=\"https:\/\/developer.wordpress.org\/plugins\/post-types\/registering-custom-post-types\/\" rel=\"noreferrer noopener\" target=\"_blank\">registered custom post types<\/a>. In the JavaScript realm, this plugin also comes with some built-in security features. This is helpful if you have many hands working in your WordPress site.&nbsp;<\/p>\n\n\n\n<p><strong>Key features:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Lets you add classes to the body tag and post container<\/li>\n\n\n\n<li>Enables you to create scripts for the entire site through a global settings page<\/li>\n\n\n\n<li>Adds new classes to the TinyMCE formats drop-down menu, for direct styling of posts and pages<\/li>\n\n\n\n<li>Provides the option to restrict usage to specific user types<\/li>\n<\/ul>\n\n\n\n<p><strong>Price:&nbsp;<\/strong>There\u2019s no cost for using this plugin.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to add JavaScript to WordPress (in 2 steps)<\/h2>\n\n\n\n<p>One of the easiest ways to include JavaScript site-wide is to insert the code into your header or footer via a plugin. Let\u2019s take a look at how this works, using Insert Headers and Footers as an example.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Install and activate the plugin<\/h3>\n\n\n\n<p>The first step is to simply search for the plugin from your website\u2019s&nbsp;<em>Plugin<\/em>&nbsp;tab, and then&nbsp;<a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/step-by-step-guide-to-install-a-wordpress-plugin-for-beginners\/\" rel=\"noreferrer noopener\" target=\"_blank\">install it<\/a>.<\/p>\n\n\n\n<p>Once you have done that, you will see an&nbsp;<em>Activate<\/em>&nbsp;button. Your plugin is not fully functional until you complete the process by activating it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Insert JavaScript code into your header or footer<\/h3>\n\n\n\n<p>Once the plugin is activated, you\u2019ll find a new item under your&nbsp;<em>Settings<\/em>&nbsp;menu in your WordPress dashboard, labeled&nbsp;<em>Insert Headers and Footers<\/em>.<\/p>\n\n\n\n<p>This is where you can add all the scripts you want to run in either the header, the footer, or both. That includes tweaks to your theme, integration with third-party APIs, and CSS alterations.<\/p>\n\n\n\n<p>It\u2019s that simple! Don\u2019t forget to save your changes when you\u2019re done, and the plugin will automatically load your JavaScript code in the appropriate places.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Learn more developer tricks with WP Engine<\/h2>\n\n\n\n<p>Creating unique and&nbsp;<a href=\"https:\/\/torquemag.io\/2016\/07\/everything-need-know-about-javascript-wordpress\/\" rel=\"noreferrer noopener\" target=\"_blank\">custom changes to your WordPress site<\/a>&nbsp;with JavaScript can seem intimidating at first. Once you know how to successfully implement JavaScript, however, you\u2019ll have full control over your themes and integrations.&nbsp;<\/p>\n\n\n\n<p>As a WordPress website owner or developer,&nbsp;<a href=\"https:\/\/developer.wordpress.org\/\" rel=\"noreferrer noopener\" target=\"_blank\">quality resources<\/a>&nbsp;make all the difference in your work. At WP Engine, we have&nbsp;<a href=\"https:\/\/wpengine.com\/plans\/\" rel=\"noreferrer noopener\" target=\"_blank\">plans and solutions<\/a>&nbsp;for all budgets. We\u2019re here to bring you powerful&nbsp;<a href=\"https:\/\/wpengine.com\/wordpress-hosting\/\" rel=\"noreferrer noopener\" target=\"_blank\">hosting for WordPress<\/a>&nbsp;and help you take your sites to new limits!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As a WordPress user, you may have occasionally wished you could tweak your pages or posts beyond what your theme allows,&nbsp;without breaking it. Maybe you\u2019ve wanted to add an interactive element to your site, for example, but WordPress strips out your coding when you save your changes. Since adding code directly to a page or<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":1,"featured_media":148695,"template":"","resource-topic":[901],"resource-role":[895,896],"resource-type":[916],"class_list":["post-89053","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Javascript With WordPress: How To Use It<\/title>\n<meta name=\"description\" content=\"When it comes to sites built on WordPress, Javascript is a great way to add dynamic elements without slowing performance. Learn how!\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Guide To JavaScript for WordPress\" \/>\n<meta property=\"og:description\" content=\"When it comes to sites built on WordPress, Javascript is a great way to add dynamic elements without slowing performance. This quick guide explores the intersection of WordPress and Javascript.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-12T19:00:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/07\/js-wp-header.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"A Guide To JavaScript for WordPress\" \/>\n<meta name=\"twitter:description\" content=\"When it comes to sites built on WordPress, Javascript is a great way to add dynamic elements without slowing performance. This quick guide explores the intersection of WordPress and Javascript.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/07\/js-wp-header.png\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-javascript\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-javascript\/\",\"name\":\"Javascript With WordPress: How To Use It\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2025-02-01T18:27:49+00:00\",\"dateModified\":\"2025-02-12T19:00:18+00:00\",\"description\":\"When it comes to sites built on WordPress, Javascript is a great way to add dynamic elements without slowing performance. Learn how!\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-javascript\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Javascript With WordPress: How To Use It\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Javascript With WordPress: How To Use It","description":"When it comes to sites built on WordPress, Javascript is a great way to add dynamic elements without slowing performance. Learn how!","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"A Guide To JavaScript for WordPress","og_description":"When it comes to sites built on WordPress, Javascript is a great way to add dynamic elements without slowing performance. This quick guide explores the intersection of WordPress and Javascript.","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-javascript\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2025-02-12T19:00:18+00:00","og_image":[{"width":1100,"height":500,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/07\/js-wp-header.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"A Guide To JavaScript for WordPress","twitter_description":"When it comes to sites built on WordPress, Javascript is a great way to add dynamic elements without slowing performance. This quick guide explores the intersection of WordPress and Javascript.","twitter_image":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/07\/js-wp-header.png","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-javascript\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-javascript\/","name":"Javascript With WordPress: How To Use It","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2025-02-01T18:27:49+00:00","dateModified":"2025-02-12T19:00:18+00:00","description":"When it comes to sites built on WordPress, Javascript is a great way to add dynamic elements without slowing performance. Learn how!","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/wordpress-javascript\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/wordpress-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"Javascript With WordPress: How To Use It"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/07\/js-wp-grid.png","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Agency, Developer","topic":"<strong>Topics:<\/strong> WordPress","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/89053","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/148695"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=89053"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=89053"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=89053"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=89053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}