{"id":2473,"date":"2013-02-22T15:27:16","date_gmt":"2013-02-22T15:27:16","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2013\/02\/22\/325-create-shortcode\/"},"modified":"2021-08-16T23:21:17","modified_gmt":"2021-08-17T03:21:17","slug":"how-to-create-your-own-shortcodes-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/","title":{"rendered":"How to create your own shortcodes in WordPress"},"content":{"rendered":"

What is a WordPress Shortcode?<\/h2>\n

A shortcode is a code specific to WordPress designed to allow you to insert longer pieces of text or code by using a tag. It is basically a shortcut to writing code or terms that you use over and over. WordPress has a few default shortcodes such as [youtube] so you can embed a YouTube video without having to place all the code inside, or [googleapps], allowing you to embed a ment from Google Apps. Some even work with your basic WordPress data, such as [archives], which displays an archive list of your blog posts. But the nice thing is, you can create your own shortcodes to use within your active theme.<\/p>\n

How to create your own shortcode<\/h2>\n

In order to save time, you can create simple shortcodes to embed terms or chunks of text you use often. Perhaps you type your home URL often within your posts. You can create the shortcode [home] to insert your domain\u2019s url in the body of a page or post. Adding a shortcode is done by modifying the functions.php file for each theme you want to use the shortcode with. Follow along below as we guide you on how to create your own shortcodes in WordPress.<\/p>\n

    \n
  1. Log into your WordPress<\/a> admin dashboard.<\/li>\n
  2. Look to the left hand sidebar and click on the Appearance<\/strong> option.<\/li>\n
  3. Under the Appearance<\/em> options, select the Editor<\/strong>. This will open up the theme editing section.<\/li>\n
  4. \"theme-editor\"<\/a>\n
    <\/div>\n

    Now that you are in the theme editor, look to the right hand menu and find the Theme Functions<\/strong> option. Click on that to open up the functions.php<\/strong> file in the edit area.<\/p><\/li>\n

  5. From within the functions.php<\/em> editor, scroll down to the bottom of the file. This is where you will add the code for your shortcode. The shortcode will be made with two parts. The first part is the function and the second part is the \u2018hook\u2019 that calls the function to insert your code. Below is a sample of the function that will generate your URL code. Shortcode functions like this are very simple so you should have no problem with them.function homeURL() {
    \n\u00a0\u00a0\u00a0 return 'https:\/\/wordpress.inmotiontesting.com\/';
    \n}<\/code>
    \nAn important point to remember is the naming of your function. You want it to be unique. In this case, we named it \u2018homeURL\u2019<\/strong>. The actual URL you want to print out is in the return statement. In our example, we are going to print out https:\/\/wordpress.inmotiontesting.com<\/em>. Of course, you will enter your own URL in that spot.<\/li>\n
  6. \"code\"<\/a>\n
    <\/div>\n

    Next, we will create the hook code to call that code when we enter our shortcode. The code below demonstrates the proper code:<\/p>\n

    add_shortcode('home', 'homeURL');<\/code>
    \nThe two pieces of code in quotes are where you will enter your specific code for your custom shortcode. The first parameter is for the name of the shortcode. In our example the name is \u2018home<\/strong>\u2018 and will be entered in the post or page as [home]<\/strong>. As long as it is unique, you can name the shortcode anything you want. The second parameter is the name of the function you created in the last step, \u2018homeURL<\/strong>\u2018. This tells WordPress to use that function whenever it runs across the [home]<\/strong> shortcode.<\/p><\/li>\n

  7. Click the Update File<\/strong> button found underneath the editor to save the changes and activate the shortcode.<\/li>\n
  8. Now, all you need to do when working with a post in View Mode is to use \u201c[home]<\/strong>\u201d whenever you want to use your URL. Below is a screenshot of the editor in Vew Mode<\/em> showing the code and the post displaying the output.
    \n\n\n\n\n
    Editor<\/th>\nOutput<\/th>\n<\/tr>\n
    \"shortcode<\/a>\n
    <\/div>\n<\/td>\n
    		\"shortcode<\/a>\n
    <\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    What is a WordPress Shortcode? A shortcode is a code specific to WordPress designed to allow you to insert longer pieces of text or code by using a tag. It is basically a shortcut to writing code or terms that you use over and over. WordPress has a few default shortcodes such as [youtube] so Read More ><\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4325,56],"tags":[],"class_list":["post-2473","post","type-post","status-publish","format-standard","hentry","category-wordpress-hosting","category-wordpress"],"acf":[],"yoast_head":"\nHow to create your own shortcodes in WordPress | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Want to learn to create basic shortcodes in WordPress? Check out this tutorial to find out.\" \/>\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\/how-to-create-your-own-shortcodes-in-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create your own shortcodes in WordPress | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Want to learn to create basic shortcodes in WordPress? Check out this tutorial to find out.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/\" \/>\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=\"2013-02-22T15:27:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T03:21:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_wordpress_create-shortcode_theme-editor.png\" \/>\n<meta name=\"author\" content=\"Scott Mitchell\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Scott Mitchell\" \/>\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\/how-to-create-your-own-shortcodes-in-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/\"},\"author\":{\"name\":\"Scott Mitchell\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed\"},\"headline\":\"How to create your own shortcodes in WordPress\",\"datePublished\":\"2013-02-22T15:27:16+00:00\",\"dateModified\":\"2021-08-17T03:21:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/\"},\"wordCount\":605,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_wordpress_create-shortcode_theme-editor.png\",\"articleSection\":[\"WordPress Hosting\",\"WordPress Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/\",\"name\":\"How to create your own shortcodes in WordPress | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_wordpress_create-shortcode_theme-editor.png\",\"datePublished\":\"2013-02-22T15:27:16+00:00\",\"dateModified\":\"2021-08-17T03:21:17+00:00\",\"description\":\"Want to learn to create basic shortcodes in WordPress? Check out this tutorial to find out.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_wordpress_create-shortcode_theme-editor.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_wordpress_create-shortcode_theme-editor.png\",\"width\":1058,\"height\":608,\"caption\":\"theme-editor\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to create your own shortcodes in WordPress\"}]},{\"@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\/d850efb28ef3573db7d24b0d8fa9eaed\",\"name\":\"Scott Mitchell\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create your own shortcodes in WordPress | InMotion Hosting","description":"Want to learn to create basic shortcodes in WordPress? Check out this tutorial to find out.","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\/how-to-create-your-own-shortcodes-in-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How to create your own shortcodes in WordPress | InMotion Hosting","og_description":"Want to learn to create basic shortcodes in WordPress? Check out this tutorial to find out.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2013-02-22T15:27:16+00:00","article_modified_time":"2021-08-17T03:21:17+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_wordpress_create-shortcode_theme-editor.png","type":"","width":"","height":""}],"author":"Scott Mitchell","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Scott Mitchell","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/"},"author":{"name":"Scott Mitchell","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed"},"headline":"How to create your own shortcodes in WordPress","datePublished":"2013-02-22T15:27:16+00:00","dateModified":"2021-08-17T03:21:17+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/"},"wordCount":605,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_wordpress_create-shortcode_theme-editor.png","articleSection":["WordPress Hosting","WordPress Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/","name":"How to create your own shortcodes in WordPress | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_wordpress_create-shortcode_theme-editor.png","datePublished":"2013-02-22T15:27:16+00:00","dateModified":"2021-08-17T03:21:17+00:00","description":"Want to learn to create basic shortcodes in WordPress? Check out this tutorial to find out.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_wordpress_create-shortcode_theme-editor.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/02\/edu_wordpress_create-shortcode_theme-editor.png","width":1058,"height":608,"caption":"theme-editor"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-create-your-own-shortcodes-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to create your own shortcodes in WordPress"}]},{"@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\/d850efb28ef3573db7d24b0d8fa9eaed","name":"Scott Mitchell","url":"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2473","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=2473"}],"version-history":[{"count":4,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2473\/revisions"}],"predecessor-version":[{"id":84928,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2473\/revisions\/84928"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=2473"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=2473"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=2473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}