{"id":3043,"date":"2019-05-31T13:15:45","date_gmt":"2019-05-31T17:15:45","guid":{"rendered":"https:\/\/med.virginia.edu\/web-support\/?page_id=3043"},"modified":"2025-03-13T16:24:45","modified_gmt":"2025-03-13T20:24:45","slug":"html_shortcodes","status":"publish","type":"page","link":"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/","title":{"rendered":"HTML & Shortcodes"},"content":{"rendered":"

\"\"Not everyone is a master coder, which is why we have created a page with the most common short codes and html codes that can help during the editing process.<\/p>\n

Think of these short codes as shortcuts\/hallways for web editors. To use these paths you must open the door with an open bracket\u00a0 [ <\/strong>and to complete the path you must close the door with a closed bracket ] <\/strong>. Codes love good manners, so if you leave the door open, the code won’t work, so make sure to shut all your open doors at the end of your codes.<\/p>\n

\n

Most Common Shortcodes and Their Uses<\/h3>\n

NOTE: To prevent these shortcodes from actually showing news and events on the page here, we’ve added an extra space after the opening [<\/strong> bracket, and before the last ending ]<\/strong> bracket. So, be sure to delete this extra space when using the code for your site.<\/em><\/p>\n

Homepage News Section<\/strong><\/h4>\n

Pulls in posts from your site\u2019s news section by category. Below is an example of the shortcode before adding your websites specifications. In the first “” block replace category name<\/strong>, with the\u00a0 name of the category you would like to select. Multiple categories can be added by inserting a comma<\/strong> in between the names. In the second “” block, input the number of articles that you’d like to be shown. You can choose a grid<\/strong> or a list<\/strong> view. As an example, here is the code that pulls in the news post on the Web Support site’s homepage<\/a>:<\/p>\n

[ uvasomposts cats=”migration-update, communications” num_items=”3″ display=”grid” ]<\/strong><\/p>\n

Homepage Events Section<\/strong><\/h4>\n

Pulls in events from your site\u2019s calendar. The number in the first “” block is the number of items you would like to be shown. You can choose a grid<\/strong> or a list<\/strong> view. Here is an example of the code that pulls in the training events listed on the Web Support site’s homepage<\/a>:<\/p>\n

[ uvasomevents num_items=”6″ display=”grid” ]<\/strong><\/p>\n

Homepage Health System Calendar Section<\/strong><\/h4>\n

Below is an example of the shortcode that pulls in events from the main Health System Calendar<\/a> (example from the Carter Immunology Center<\/a>). To display your department\/division’s events, go to the Health System Calendar<\/a>, and select “Generate RSS” from the upper right side of the page. Select your department, then “Generate RSS Link.” Copy this URL and replace the http info within the quotes “”.<\/p>\n

[ uvasomrss url=”http:\/\/www.healthsystem.virginia.edu\/events\/index.cfm?viewtype=rss&returnformat=hs&filterdepartment=77″ num_items=”6″ display=”grid” type=”event” ]<\/strong><\/p>\n

For more information, see Introduction to the HS Calendar<\/a>.<\/p>\n

Video Frame Sizing<\/strong><\/h4>\n

In most cases, videos we add to our sites are from either YouTube or Vimeo. The video is added to a page by selecting “Add Media” and then “Insert from URL.”\u00a0The video is automatically sized to fit the width of the space available.<\/p>\n

In case where you would like the video to be smaller<\/strong>, use the code below. Adjust the width and height percentages to get the size you want:<\/p>\n

[uvasom width=”50%” height=”25%” url=”YouTube\/Vimeo link” overflow=”hidden”]<\/strong><\/p>\n

\n

HTML Codes<\/h3>\n

\"guy<\/p>\n

When working in the WordPress visual page editor (the “Visual” tab), there are editing icons that enable you to bold and italicize text, create bulleted lists, add hyperlinks and the like. This is a quick way that WordPress injects HTML code into the page content behind the scenes (see “Text” tab).<\/p>\n

However, there are some cases\u2014like when creating captions for a Faculty\/Resident gallery view<\/a>\u2014where you will need to apply some basic HTML code to style the text:<\/p>\n

\u00a0\u00a0*\u00a0\u00a0 Bold<\/b>:\u00a0 <strong>word<\/strong><\/p>\n

\u00a0\u00a0*\u00a0 \u00a0Line Break<\/strong>:\u00a0 <br\/> (creates lines of spacing in between lines of text)<\/p>\n

\u00a0\u00a0*\u00a0 \u00a0Hyperlink<\/strong>:\u00a0 <a href=”websiteURL”>words<\/a><\/p>\n

\u00a0\u00a0*\u00a0\u00a0 Italics<\/strong>:\u00a0 <\/i><em>word<\/em><\/p>\n

\u00a0\u00a0*\u00a0 \u00a0Underline<\/strong>:\u00a0 <span style=”text-decoration: underline;”> word<\/span><\/p>\n

\n","protected":false},"excerpt":{"rendered":"

Not everyone is a master coder, which is why we have created a page with the most common short codes and html codes that can help during the editing process. Think of these short codes as shortcuts\/hallways for web editors. To use these paths you must open the door with an open bracket\u00a0 [ and […]<\/p>\n","protected":false},"author":1462,"featured_media":0,"parent":3183,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":"","_links_to":"","_links_to_target":""},"tags":[],"class_list":["post-3043","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\nHTML & Shortcodes - SOM Web Support<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML & Shortcodes - SOM Web Support\" \/>\n<meta property=\"og:description\" content=\"Not everyone is a master coder, which is why we have created a page with the most common short codes and html codes that can help during the editing process. Think of these short codes as shortcuts\/hallways for web editors. To use these paths you must open the door with an open bracket\u00a0 [ and […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/\" \/>\n<meta property=\"og:site_name\" content=\"SOM Web Support\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-13T20:24:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/med.virginia.edu\/web-support\/wp-content\/uploads\/sites\/344\/2019\/05\/Coding1_325x488.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"488\" \/>\n\t<meta property=\"og:image:height\" content=\"325\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/\",\"url\":\"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/\",\"name\":\"HTML & Shortcodes - SOM Web Support\",\"isPartOf\":{\"@id\":\"https:\/\/med.virginia.edu\/web-support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/med.virginia.edu\/web-support\/wp-content\/uploads\/sites\/344\/2019\/05\/Coding1_325x488-300x200.jpg\",\"datePublished\":\"2019-05-31T17:15:45+00:00\",\"dateModified\":\"2025-03-13T20:24:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/#primaryimage\",\"url\":\"https:\/\/med.virginia.edu\/web-support\/wp-content\/uploads\/sites\/344\/2019\/05\/Coding1_325x488.jpg\",\"contentUrl\":\"https:\/\/med.virginia.edu\/web-support\/wp-content\/uploads\/sites\/344\/2019\/05\/Coding1_325x488.jpg\",\"width\":488,\"height\":325,\"caption\":\"woman showing man how to fix code on his computer\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/med.virginia.edu\/web-support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress & Web Resources\",\"item\":\"https:\/\/med.virginia.edu\/web-support\/webresources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML & Shortcodes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/med.virginia.edu\/web-support\/#website\",\"url\":\"https:\/\/med.virginia.edu\/web-support\/\",\"name\":\"SOM Web Support\",\"description\":\"University of Virginia School of Medicine\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/med.virginia.edu\/web-support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML & Shortcodes - SOM Web Support","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"HTML & Shortcodes - SOM Web Support","og_description":"Not everyone is a master coder, which is why we have created a page with the most common short codes and html codes that can help during the editing process. Think of these short codes as shortcuts\/hallways for web editors. To use these paths you must open the door with an open bracket\u00a0 [ and […]","og_url":"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/","og_site_name":"SOM Web Support","article_modified_time":"2025-03-13T20:24:45+00:00","og_image":[{"width":488,"height":325,"url":"https:\/\/med.virginia.edu\/web-support\/wp-content\/uploads\/sites\/344\/2019\/05\/Coding1_325x488.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/","url":"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/","name":"HTML & Shortcodes - SOM Web Support","isPartOf":{"@id":"https:\/\/med.virginia.edu\/web-support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/#primaryimage"},"image":{"@id":"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/#primaryimage"},"thumbnailUrl":"https:\/\/med.virginia.edu\/web-support\/wp-content\/uploads\/sites\/344\/2019\/05\/Coding1_325x488-300x200.jpg","datePublished":"2019-05-31T17:15:45+00:00","dateModified":"2025-03-13T20:24:45+00:00","breadcrumb":{"@id":"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/#primaryimage","url":"https:\/\/med.virginia.edu\/web-support\/wp-content\/uploads\/sites\/344\/2019\/05\/Coding1_325x488.jpg","contentUrl":"https:\/\/med.virginia.edu\/web-support\/wp-content\/uploads\/sites\/344\/2019\/05\/Coding1_325x488.jpg","width":488,"height":325,"caption":"woman showing man how to fix code on his computer"},{"@type":"BreadcrumbList","@id":"https:\/\/med.virginia.edu\/web-support\/webresources\/html_shortcodes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/med.virginia.edu\/web-support\/"},{"@type":"ListItem","position":2,"name":"WordPress & Web Resources","item":"https:\/\/med.virginia.edu\/web-support\/webresources\/"},{"@type":"ListItem","position":3,"name":"HTML & Shortcodes"}]},{"@type":"WebSite","@id":"https:\/\/med.virginia.edu\/web-support\/#website","url":"https:\/\/med.virginia.edu\/web-support\/","name":"SOM Web Support","description":"University of Virginia School of Medicine","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/med.virginia.edu\/web-support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/med.virginia.edu\/web-support\/wp-json\/wp\/v2\/pages\/3043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/med.virginia.edu\/web-support\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/med.virginia.edu\/web-support\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/med.virginia.edu\/web-support\/wp-json\/wp\/v2\/users\/1462"}],"replies":[{"embeddable":true,"href":"https:\/\/med.virginia.edu\/web-support\/wp-json\/wp\/v2\/comments?post=3043"}],"version-history":[{"count":7,"href":"https:\/\/med.virginia.edu\/web-support\/wp-json\/wp\/v2\/pages\/3043\/revisions"}],"predecessor-version":[{"id":4700,"href":"https:\/\/med.virginia.edu\/web-support\/wp-json\/wp\/v2\/pages\/3043\/revisions\/4700"}],"up":[{"embeddable":true,"href":"https:\/\/med.virginia.edu\/web-support\/wp-json\/wp\/v2\/pages\/3183"}],"wp:attachment":[{"href":"https:\/\/med.virginia.edu\/web-support\/wp-json\/wp\/v2\/media?parent=3043"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/med.virginia.edu\/web-support\/wp-json\/wp\/v2\/tags?post=3043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}