{"id":48645,"date":"2020-04-20T03:01:04","date_gmt":"2020-04-19T17:01:04","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=48645"},"modified":"2020-04-16T21:04:08","modified_gmt":"2020-04-16T11:04:08","slug":"wordpress-blog-mini-makeover-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-blog-mini-makeover-tutorial\/","title":{"rendered":"WordPress Blog Mini Makeover Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp_css_mbp.pdf\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"WordPress Blog Mini Makeover Tutorial\" src=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp_css_navigation_better.jpg\" title=\"WordPress Blog Mini Makeover Tutorial\"  style=\"float:left;\"   \/><\/a><p class=\"wp-caption-text\">WordPress Blog Mini Makeover Tutorial<\/p><\/div>\n<p>&#8220;Mini makeover WordPress Blog time&#8221; beckons today <font size=1>(or at least a few days ago)<\/font>.  This &#8220;mini makeover&#8221; addressed issues as per &#8230;<\/p>\n<ul>\n<li>mobile platform tutorial picture sizes could be larger<\/li>\n<li>mobile navigation needed improved hashtag navigation<\/li>\n<li>navigation from <a target=_blank title='RJM Programming Landing Page' href='http:\/\/www.rjmprogramming.com.au'>Landing Page<\/a> to &#8220;Course Interest&#8221; view of the blog posting chosen needed improved hashtag navigation<\/li>\n<\/ul>\n<p> &#8230; and as far as that goes let&#8217;s go into more detail with these changes to our WordPress Blog&#8217;s Twenty Ten theme&#8217;s header.php and functions.php &#8230;<\/p>\n<ul>\n<li>mobile platform tutorial picture sizes could be larger &#8230;<br \/>\n<table style='width:100%;'>\n<tr>\n<th>Remedies taken from <a target=_blank title='MacBook Pro point of view' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/wp_css_mbp.pdf'>MacBook Pro point of view<\/a><\/th>\n<th>Symptoms and Steps to <a target=_blank title='Fixes for iPad and iPhone' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/wp_css_iphone_ipad.pdf'>Fixes for iPad and iPhone<\/a><\/th>\n<\/tr>\n<tr>\n<td><iframe style='height:900px;' src='https:\/\/www.rjmprogramming.com.au\/ITblog\/wp_css_mbp.pdf'><\/iframe><\/td>\n<td><iframe style='height:900px;' src='https:\/\/www.rjmprogramming.com.au\/ITblog\/wp_css_iphone_ipad.pdf'><\/iframe><\/td>\n<\/tr>\n<\/table>\n<p> &#8230; needed new CSS within header.php PHP <font color=blue>as per<\/font> &#8230;<br \/>\n<code><br \/>\n&lt;style&gt;<br \/>\n<font color=blue><br \/>\n\/* Portrait and Landscape ... thanks to <a target=_blank title='Thanks to https:\/\/css-tricks.com\/snippets\/css\/media-queries-for-standard-devices\/' href='https:\/\/css-tricks.com\/snippets\/css\/media-queries-for-standard-devices\/'>https:\/\/css-tricks.com\/snippets\/css\/media-queries-for-standard-devices\/<\/a> *\/<br \/>\n@media only screen<br \/>\n  and (min-device-width: 768px)<br \/>\n  and (max-device-width: 1024px)<br \/>\n  and (-webkit-min-device-pixel-ratio: 1) {<br \/>\n.alignnone { width: 98% !important; }<br \/>\n.alignnone &gt; img { width: 98% !important; }<br \/>\n}<br \/>\n<br \/>\n\/* Portrait and Landscape iPhone *\/<br \/>\n@media only screen<br \/>\n  and (min-device-width: 320px)<br \/>\n  and (max-device-width: 765px) {<br \/>\ndiv.entry-content &gt; div.wp-caption.alignnone  { width: 98% !important; }<br \/>\ndiv.entry-content &gt; div.wp-caption.alignnone &gt; a &gt; img { width: 98% !important; }<br \/>\n}<br \/>\n<\/font><br \/>\n&lt;\/style&gt;<br \/>\n<\/code>\n<\/li>\n<li>mobile navigation needed improved hashtag navigation &#8230;<br \/>\n<table style='width:100%;'>\n<tr>\n<th>header.php code <font color=purple>used to be<\/font> &#8230;<\/th>\n<\/tr>\n<tr>\n<td>\n<code><br \/>\n       echo \"\\n if (1 == 1) { if (document.URL.indexOf('?') != -1 || (document.URL.indexOf('\/ITblog\/') != -1 && (document.URL + '*').indexOf('\/ITblog\/*') == -1)) { location.href='<font color=purple>#main<\/font>'; window.scrollBy(<font color=purple>36,220<\/font>);  } else {   window.scrollBy(<font color=purple>36,0<\/font>);  } \\n\";<br \/>\n<\/code>\n<\/td>\n<\/tr>\n<tr>\n<th> &#8230; and <font color=blue>becomes<\/font> &#8230; <\/th>\n<\/tr>\n<tr>\n<td>\n<code><br \/>\n       <font color=blue>$mainhash=\"#main\";<br \/>\n       if (isset($post->ID)) {<br \/>\n         $mainhash=\"#post-\" . $post-&gt;ID;<br \/>\n       }<\/font><br \/>\n       echo \"\\n if (1 == 1) { if (document.URL.indexOf('?') != -1 || (document.URL.indexOf('\/ITblog\/') != -1 && (document.URL + '*').indexOf('\/ITblog\/*') == -1)) { location.href='<font color=blue>\" . $mainhash . \"<\/font>'; if (1 == 1) { window.scrollBy(<font color=blue>28,0<\/font>); }  } else if (1 == 1) {   window.scrollBy(<font color=blue>28,0<\/font>);  } \\n\";<br \/>\n<\/code>\n<\/td>\n<\/tr>\n<\/table>\n<\/li>\n<li>navigation from Landing Page to &#8220;Course Interest&#8221; view of the blog posting chosen needed improved hashtag navigation &#8230;<br \/>\n<table style='width:100%;'>\n<tr>\n<th>functions.php code <font color=purple>used to be<\/font> and <font color=blue>then becomes<\/font> &#8230;<\/th>\n<\/tr>\n<tr>\n<td>\n<code><br \/>\nfunction previous_next($both = true) {<br \/>\n\/\/ lots of code<br \/>\n        <font color=blue>if (\"$both\" != \"\") {<br \/>\n        echo \"&lt;table id=iftable style='width:150%; background-color: #F6F5F1;'&gt;&lt;tbody&gt;&lt;tr&gt;\";<br \/>\n        } else {<\/font><br \/>\n        <font color=purple>echo \"&lt;table style='width:150%; background-color: #F6F5F1;'&gt;&lt;tbody&gt;&lt;tr&gt;\";<\/font><br \/>\n        <font color=blue>}<\/font><br \/>\n\/\/ lots of code<br \/>\n}<br \/>\n<\/code>\n<\/td>\n<\/tr>\n<tr>\n<th>header.php code <font color=purple>used to be<\/font> and <font color=blue>then becomes<\/font> to make use of new id=iftable above &#8230;<\/th>\n<\/tr>\n<tr>\n<td> &#8230; and <font color=blue>becomes<\/font> &#8230;<br \/>\n<code><br \/>\n<font color=purple>&lt;body onload=\"<\/font><font color=blue> pp_ref(('' + document.URL), ('' + document.referrer));<\/font><font color=purple> if (1 == 1) { lookforbincode(); } lookforhighlight();  postcalendar(); changeasfordownload();  if (cafd == cafd) { cafd=0; } else { cafd=true; }  checkonl(); setTimeout(initpostedoncc, 3000); widgetcon(); precc(); courseCookies();  cookie_fonts(); is_mentioned_by(); calendar_pass(); prejustshow(); details_summary(0); pre_last_email_check(); setTimeout(last_email_check,15000); \" &lt;?php body_class(); ?&gt;&gt;<\/font><br \/>\n<\/code><br \/>\n &#8230; calls &#8230;<br \/>\n<code><br \/>\nfunction post_pp_ref() {<br \/>\n  if (document.getElementById('iftable')) {<br \/>\n    location.href='#iftable';<br \/>\n  }<br \/>\n}<br \/>\n<br \/>\nfunction pp_ref(inuone, inutwo) {<br \/>\n  if ((inuone + inutwo).indexOf('pp=&pn=&title=') != -1 || (inuone + inutwo).indexOf('pp&pn&title=') != -1) {<br \/>\n    setTimeout(post_pp_ref, 8000);<br \/>\n  }<br \/>\n}<br \/>\n<\/code>\n<\/td>\n<\/tr>\n<\/table>\n<\/li>\n<\/ul>\n<p> &#8230; which you can see in action via a visit to the RJM Programming <a target=_blank title='RJM Programming Landing Page' href='http:\/\/www.rjmprogramming.com.au'>Landing Page<\/a> and select a blog posting from the right hand midpage dropdown.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d48645' onclick='var dv=document.getElementById(\"d48645\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/navigation\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d48645' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;Mini makeover WordPress Blog time&#8221; beckons today (or at least a few days ago). This &#8220;mini makeover&#8221; addressed issues as per &#8230; mobile platform tutorial picture sizes could be larger mobile navigation needed improved hashtag navigation navigation from Landing Page &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-blog-mini-makeover-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,37],"tags":[151,281,557,2258,590,830,932,997,1209,1212,1319,1672,2257,1456,3276],"class_list":["post-48645","post","type-post","status-publish","format-standard","hentry","category-elearning","category-tutorials","tag-blog","tag-css","tag-hashtag","tag-height","tag-image","tag-navigation","tag-php","tag-programming","tag-style","tag-styling","tag-tutorial","tag-twentyten-twentyten-theme","tag-width","tag-wordpress","tag-wordpress-blog"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/48645"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=48645"}],"version-history":[{"count":5,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/48645\/revisions"}],"predecessor-version":[{"id":48651,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/48645\/revisions\/48651"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=48645"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=48645"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=48645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}