{"id":937,"date":"2013-09-05T16:28:26","date_gmt":"2013-09-05T16:28:26","guid":{"rendered":"http:\/\/otl.du.edu\/knowledgebase\/?p=937"},"modified":"2019-08-28T20:43:54","modified_gmt":"2019-08-28T20:43:54","slug":"create-an-email-link","status":"publish","type":"post","link":"https:\/\/otl.du.edu\/knowledgebase\/create-an-email-link\/","title":{"rendered":"DU Portfolio &#8211; Create an Email Link"},"content":{"rendered":"<p>At first glance, it may seem as though there is no simple mechanism to create an email link within a text item, but this is simply not so. Here are some variations on how to do it.<\/p>\n<p><strong>Method One&nbsp;<\/strong><\/p>\n<ol>\n<li>In a portfolio, choose <strong>Add Item<\/strong> &gt; <strong>Add Text<\/strong> and you&#8217;ll see the text editor appear.<\/li>\n<li>Within the text area, type an email address [<span style=\"color: #808080;\"><em>user@du.edu<\/em><\/span>] &nbsp;followed by the space key. The editor will automatically recognize this as an email address and insert the necessary code.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"546\" height=\"103\" class=\"aligncenter size-full wp-image-938\" alt=\"portemail\" src=\"http:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2013\/09\/portemail.png\" srcset=\"https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2013\/09\/portemail.png 546w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2013\/09\/portemail-300x56.png 300w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2013\/09\/portemail-60x11.png 60w\" sizes=\"auto, (max-width: 546px) 100vw, 546px\" \/><\/p>\n<p><strong>Method Two<\/strong><\/p>\n<ol>\n<li>Perform all the steps in <strong>Method One<\/strong>.<\/li>\n<li>Take the additional step on clicking upon the &#8220;Source code&#8221; button within the editor toolbar. This summons the Source Code Editor.<\/li>\n<li>Find the text between the anchor tags [<span style=\"color: #808080;\">&lt;a href=&#8221;mailto:user@du.edu&#8221;&gt;<\/span><strong><span style=\"color: #993300;\">user@du.edu<\/span><\/strong><span style=\"color: #808080;\">&lt;\/a&gt;<\/span>]&nbsp;&nbsp;and change it to whatever is desired&nbsp;[<span style=\"color: #808080;\">&lt;a href=&#8221;mailto:user@du.edu&#8221;&gt;<\/span><strong><span style=\"color: #993300;\">User Name<\/span><\/strong><span style=\"color: #808080;\">&lt;\/a&gt;<\/span>].<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"629\" height=\"130\" class=\"aligncenter size-full wp-image-939\" alt=\"sourceeditemail\" src=\"http:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2013\/09\/sourceeditemail.png\" srcset=\"https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2013\/09\/sourceeditemail.png 629w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2013\/09\/sourceeditemail-300x62.png 300w, https:\/\/otl.du.edu\/wp-content\/uploads\/sites\/2\/2013\/09\/sourceeditemail-60x12.png 60w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Method Three<\/strong><\/p>\n<ol>\n<li>If you are completely comfortable with HTML&#8230;&nbsp;summons the Source Code Editor and type away \ud83d\ude42<\/li>\n<\/ol>\n<pre><span style=\"color: #800000;\"><em>Note that any use of the&nbsp;Source Code Editor can be destructive. There is always an element of risk when dealing with HTML which could, in some circumstances, corrupt certain items.<\/em><\/span><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>At first glance, it may seem as though there is no simple mechanism to create an email link within a text item, but this is simply not so. Here are some variations on how to do it. Method One&nbsp; In a portfolio, choose Add Item &gt; Add Text and you&#8217;ll see the text editor appear. [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":2326,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"class_list":["post-937","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-portfolio"],"_links":{"self":[{"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/posts\/937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/comments?post=937"}],"version-history":[{"count":0,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/posts\/937\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/media\/2326"}],"wp:attachment":[{"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/media?parent=937"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/categories?post=937"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/otl.du.edu\/knowledgebase\/wp-json\/wp\/v2\/tags?post=937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}