{"id":6578,"date":"2018-03-13T22:53:45","date_gmt":"2018-03-14T02:53:45","guid":{"rendered":"https:\/\/wayneaenglish.com\/blog\/?p=109"},"modified":"2018-03-13T22:53:45","modified_gmt":"2018-03-14T02:53:45","slug":"seven-tips-to-make-your-wordpress-posts-sparkle","status":"publish","type":"post","link":"https:\/\/wayneaenglish.com\/WordPress\/blogging\/seven-tips-to-make-your-wordpress-posts-sparkle\/","title":{"rendered":"Seven Tips to Make Your WordPress Posts Sparkle"},"content":{"rendered":"<div style=\"margin-left: 50px; width: 80%;\">\n<h1 style=\"color: #004080; text-align: center;\"><\/h1>\n<h1>1 Add a Shadow to Your Subheadings<\/h1>\n<p>Style notes:<\/p>\n<ul>\n<li>color: controls text color<\/li>\n<li>text-shadow: offset horizontal offset vertical color<\/li>\n<li>NOTE: Minus numbers shift direction in the opposite direction. For example, to shift left use a minus number in the horizontal location.<\/li>\n<\/ul>\n<div style=\"margin-left: 50px; border-left-color: red; border-left-style: double; border-left-width: 4px; padding-left: 20px;\">\n<p>The code that creates what you see above is below:<br \/>\n&amp;lt h1 style=&#8217;color: blue ; text-shadow: 4px 4px 10px grey&#8217;&amp;gt<\/p>\n<h1 style=\"color: blue; text-shadow: 4px 4px 10px grey;\">Blue text on grey shadow<\/h1>\n<p>The code that creates what you see above is below:<br \/>\n&amp;lt h1 style=&#8217;color: navy ; text-shadow: 4px 4px 10px yellow&#8217;&amp;gt<\/p>\n<h1 style=\"color: navy; text-shadow: 4px 4px 10px yellow;\">Navy text on yellow shadow<\/h1>\n<p>The code that creates what you see above is below:<br \/>\n&amp;lt h1 style=&#8217;color: yellow ; text-shadow: 4px 4px 10px black&#8217;&amp;gt<\/p>\n<h1 style=\"color: yellow; text-shadow: 4px 4px 10px black;\">Yellow text on black shadow<\/h1>\n<\/div>\n<h1>2 Indent a Paragraph<\/h1>\n<p style=\"text-indent: 30px;\">Why go to this trouble of indenting your paragraphs? Studies have shown that indented paragraphs are more likely to be read. And we all want to give our content every advantage we can to have it read.<\/p>\n<p>The code that creates what you see above is below:<\/p>\n<p>&amp;ltp style=&#8217;text-indent: 30px&#8217;&amp;gtWhy go to this trouble of indenting your paragraphs? Studies have shown that indented paragraphs are more likely to be read. And we all want to give our content every advantage we can to have it read.<\/p>\n<h1>3 Make a Phone Dialer Button<\/h1>\n<p><a href=\"tel:1area code number\"><button>1 (800) 700-1234<\/button><\/a><\/p>\n<p>The code that creates what you see above is below:<\/p>\n<p>&amp;lta href=&#8221;tel:18007001234&#8243;&amp;gt&amp;ltbutton&amp;gt1 (800) 700-1234&amp;lt\/button&amp;gt&amp;lt\/a&amp;gt<\/p>\n<h1>4 Add Rounded Corners to Your Button<\/h1>\n<p><button style=\"border-radius: 15px;\">This Button Has Rounded Corners<\/button><\/p>\n<p>The code that creates what you see above is below:<\/p>\n<p>&amp;ltbutton style=&#8221;border-radius: 15px;&#8221;&amp;gtThis Button Has Rounded Corners&amp;lt\/button&amp;gt<\/p>\n<h1>5 Make Your E-mail Address Unspammable<\/h1>\n<p><script language=\"JavaScript\">\n<!--\nvar name = \"Left\";\nvar domain = \"Right.com\";\ndocument.write('<a href=\\\"mailto:' + name + '@' + domain + '\\?subject=Subject Title Goes Here\">');\ndocument.write(name + '@' + domain + '');\n\/\/ -->\n<\/script><\/p>\n<p>The code that creates what you see above is below:<\/p>\n<p>Edit what yo see below. Replace Left with what is to the left of the @ character in your e-mail and replace Right.com with what is to the right of the @ character in your e-mail.<\/p>\n<p>For example: if your e-mail is dog@mutt.com. Replace Left with dog and Right.com with mutt.com.<\/p>\n<p>&amp;ltscript language=&#8221;JavaScript&#8221;&amp;gt<br \/>\n&amp;lt!&#8211;<br \/>\nvar name = &#8220;Left&#8221;;<br \/>\nvar domain = &#8220;Right.com&#8221;;<br \/>\ndocument.write(&#8216;&amp;lta href=\\&#8221;mailto:&#8217; + name + &#8216;@&#8217; + domain + &#8216;\\?subject=Subject Title Goes Here&#8221;&amp;gt&#8217;);<br \/>\ndocument.write(name + &#8216;@&#8217; + domain + &#8216;&amp;lt\/a&amp;gt&#8217;);<br \/>\n\/\/ &#8211;&amp;gt<br \/>\n&amp;lt\/script&amp;gt<\/p>\n<h1>6 Add a Shadow to a Table<\/h1>\n<table style=\"box-shadow: 4px 4px 10px grey;\" width=\"500px\" align=\"left\">\n<tbody>\n<tr>\n<td align=\"center\">\n<h1 style=\"color: #ff0080;\">This table has a shadow.<\/h1>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p>The code that creates what you see above is below:<\/p>\n<p>&amp;lttable align=left width=500px style=&#8221;box-shadow: 4px 4px 10px grey&#8221;&amp;gt<br \/>\n&amp;lttr&amp;gt<br \/>\n&amp;lttd&amp;gt<br \/>\n&amp;lth1&amp;gtThis table has a shadow.&amp;lt\/h1&amp;gt<br \/>\n&amp;lt\/td&amp;gt<br \/>\n&amp;lt\/tr&amp;gt<br \/>\n&amp;lt\/table&amp;gt<\/p>\n<h1>7 Remove the Underline From Your Links<\/h1>\n<p><a style=\"text-decoration: none;\" href=\"Link Address Goes Here\">This link is not underlined<\/a><\/p>\n<p>The code that creates what you see above is below:<\/p>\n<p>&amp;lta href=&#8221;Link Address Goes Here&#8221; style=&#8217;text-decoration:none&#8217;&amp;gtThis link is not underlined&amp;lt\/a&amp;gt<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1 Add a Shadow to Your Subheadings Style notes: color: controls text color text-shadow: offset horizontal offset vertical color NOTE: Minus numbers shift direction in the opposite direction. For example, to shift&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-6578","post","type-post","status-publish","format-standard","hentry","category-blogging"],"_links":{"self":[{"href":"https:\/\/wayneaenglish.com\/WordPress\/wp-json\/wp\/v2\/posts\/6578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wayneaenglish.com\/WordPress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wayneaenglish.com\/WordPress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wayneaenglish.com\/WordPress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wayneaenglish.com\/WordPress\/wp-json\/wp\/v2\/comments?post=6578"}],"version-history":[{"count":0,"href":"https:\/\/wayneaenglish.com\/WordPress\/wp-json\/wp\/v2\/posts\/6578\/revisions"}],"wp:attachment":[{"href":"https:\/\/wayneaenglish.com\/WordPress\/wp-json\/wp\/v2\/media?parent=6578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wayneaenglish.com\/WordPress\/wp-json\/wp\/v2\/categories?post=6578"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wayneaenglish.com\/WordPress\/wp-json\/wp\/v2\/tags?post=6578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}