{"id":50079,"date":"2019-11-21T17:51:00","date_gmt":"2019-11-21T22:51:00","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=50079"},"modified":"2023-06-13T16:27:27","modified_gmt":"2023-06-13T20:27:27","slug":"insert-code-into-your-wordpress-theme","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/","title":{"rendered":"Insert Code into your WordPress Theme"},"content":{"rendered":"

This guide will assume you have some experience with HTML, CSS, and\/or JavaScript<\/a>. If you don\u2019t have that you have to at least know what you want to add code-wise to your WordPress Theme<\/a>.<\/p>\n\n\n\n

Before adding any code<\/a>, you must decide how important this code is. Perhaps you just want to modify the CSS of your theme to show orange text instead of black text. This is a pretty simple change and should only take you a couple of moments to do.<\/p>\n\n\n\n

If you just update the standard CSS file that comes with your WordPress theme, the next time the theme is updated your CSS change to give you orange text instead of black may go away. This is because your updates were replaced by the new version of the theme.<\/p>\n\n\n\n

Warning:<\/strong> We recommend that you first create a WordPress Child Theme<\/a> based on your current theme. Otherwise, your changes will be overwritten when a theme is updated by its developer. Alternatively, you can make permanent changes using the Appearance > Customize section.<\/p>\n\n\n\n

Working in the WordPress Theme Editor<\/h2>\n\n\n\n
    \n
  1. Login to your WordPress dashboard<\/a>.<\/li>\n\n\n\n
  2. From the menu on the left, select Appearance<\/strong> and then Theme Editor<\/strong>.\"\"\n<\/li>\n\n\n\n
  3. The first time you click on Theme Editor<\/strong>, you will see this box advising that you create a child theme instead of modifying the code in the parent theme. Click on I understand<\/strong> to proceed.\"Confirm<\/li>\n\n\n\n
  4. When you get to the editor you will see something like the screenshot below. In the top left corner, you will see the name of the file that you are editing. The main window of the editor displays the code you are editing with line numbers. The files that make up the theme are listed in the column at right. Click on the file that you wish to edit.\"Edit<\/li>\n\n\n\n
  5. Once you are done with your edits on each file, click on the Update File<\/strong> button to save the changes to the server.<\/li>\n\n\n\n
  6. If your changes do not go into effect right away, you may need to clear your browser cache<\/a> or server cache. The following articles may be of assistance:
    \u2022     Clearing WordPress Cache<\/a>
    \u2022     NGINX Cache Management<\/a><\/li>\n<\/ol>\n\n\n\n

    Need faster performance without wasting time on configuration? Check out our NGINX-powered WordPress Hosting<\/a> today!<\/p>\n\n\n

    Learn more about the power of WordPress Themes<\/a> and how they can simplify your website building and maintenance.<\/p>\n","protected":false},"excerpt":{"rendered":"

    This guide will assume you have some experience with HTML, CSS, and\/or JavaScript. If you don\u2019t have that you have to at least know what you want to add code-wise to your WordPress Theme. Before adding any code, you must decide how important this code is. Perhaps you just want to modify the CSS of Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4380],"tags":[],"class_list":["post-50079","post","type-post","status-publish","format-standard","hentry","category-themes"],"acf":[],"yoast_head":"\nLearn how to insert code to a WordPress Theme | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Learn how to insert code into your WordPress theme. While it's recommended that you create a child theme, you can still edit the files for your WordPress theme if needed.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learn how to insert code to a WordPress Theme | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Learn how to insert code into your WordPress theme. While it's recommended that you create a child theme, you can still edit the files for your WordPress theme if needed.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-21T22:51:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-13T20:27:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/12\/wp-2.png\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"Insert Code into your WordPress Theme\",\"datePublished\":\"2019-11-21T22:51:00+00:00\",\"dateModified\":\"2023-06-13T20:27:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/\"},\"wordCount\":383,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/12\/wp-2.png\",\"articleSection\":[\"Themes\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/\",\"name\":\"Learn how to insert code to a WordPress Theme | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/12\/wp-2.png\",\"datePublished\":\"2019-11-21T22:51:00+00:00\",\"dateModified\":\"2023-06-13T20:27:27+00:00\",\"description\":\"Learn how to insert code into your WordPress theme. While it's recommended that you create a child theme, you can still edit the files for your WordPress theme if needed.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/12\/wp-2.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/12\/wp-2.png\",\"width\":161,\"height\":294},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Insert Code into your WordPress Theme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Learn how to insert code to a WordPress Theme | InMotion Hosting","description":"Learn how to insert code into your WordPress theme. While it's recommended that you create a child theme, you can still edit the files for your WordPress theme if needed.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/","og_locale":"en_US","og_type":"article","og_title":"Learn how to insert code to a WordPress Theme | InMotion Hosting","og_description":"Learn how to insert code into your WordPress theme. While it's recommended that you create a child theme, you can still edit the files for your WordPress theme if needed.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2019-11-21T22:51:00+00:00","article_modified_time":"2023-06-13T20:27:27+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/12\/wp-2.png","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"Insert Code into your WordPress Theme","datePublished":"2019-11-21T22:51:00+00:00","dateModified":"2023-06-13T20:27:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/"},"wordCount":383,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/12\/wp-2.png","articleSection":["Themes"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/","name":"Learn how to insert code to a WordPress Theme | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/12\/wp-2.png","datePublished":"2019-11-21T22:51:00+00:00","dateModified":"2023-06-13T20:27:27+00:00","description":"Learn how to insert code into your WordPress theme. While it's recommended that you create a child theme, you can still edit the files for your WordPress theme if needed.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/12\/wp-2.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2019\/12\/wp-2.png","width":161,"height":294},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/insert-code-into-your-wordpress-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Insert Code into your WordPress Theme"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":4380,"name":"Themes","slug":"themes","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/themes\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/50079","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=50079"}],"version-history":[{"count":9,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/50079\/revisions"}],"predecessor-version":[{"id":105184,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/50079\/revisions\/105184"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=50079"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=50079"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=50079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}