{"id":14448,"date":"2015-04-23T05:04:45","date_gmt":"2015-04-22T19:04:45","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=14448"},"modified":"2015-04-24T12:38:44","modified_gmt":"2015-04-24T02:38:44","slug":"wordpress-upgrade-links-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-upgrade-links-tutorial\/","title":{"rendered":"WordPress Upgrade Links Tutorial"},"content":{"rendered":"
\"WordPress<\/a>

WordPress Upgrade Links Tutorial<\/p><\/div>\n

Here is today’s “moving forward” moment regarding our WordPress upgrade from version 3.0.3 to 4.1.1. You may be wondering how relevant this is to you, and it may not be immediately applicably relevant, but you may find the approaches of generic interest when you upgrade any website and are in that in between period of settling the new website in, but not ready to let the old one go.<\/p>\n

Another consideration regarding “let the old one go” is, if you do move on, will the dead links on the search engines pointing at your old version mean your domain is penalized because of these dead links. Perhaps an .htaccess \/ httpd.config arrangement left behind will fix this, but am not up to that yet. Experts are welcome to leave comments. This, I am not sure about, but within your own blog broken links can be checked by a WordPress plugin you can read about at Broken Link Checker<\/a>.<\/p>\n

Okay, so we’re not “throwing out the baby with the bath water”<\/a> and so how can we chip away at getting users to use the new blog website? How about …<\/p>\n

    \n
  1. the Recent Posts widget links<\/li>\n
  2. the blog Entry Title (class=’entry-title’) light blue links on the blog<\/li>\n<\/ol>\n

    … but not yet moving to any generic mappings via the WordPress 3.0.3’s index.php nor any .htaccess \/ httpd.config arrangements for this, just yet, as we have an issue with the blog posts during this interim period where the “?p=[postId]” doesn’t always match, and we have to plan what to do about this, and not be too kludgy … for the future.<\/p>\n

    So what are the code changes for steps 1 and 2 above … both, further below, need new wajax.js<\/a> (and same for nothing.js<\/a>) function … <\/p>\n


    \nfunction newblogmap(tworpinnerHTML, kj) { \/\/ ?p=[postId] wordpress old to \/%postname%\/ permalink ITblog new ... April, 2015 ... RJM
    \n var iqwa, newidea, nideatwo, aih, aihtwo, aword, awords, niword, retval = tworpinnerHTML;
    \n if (tworpinnerHTML.indexOf(\"?p=\") != -1) {
    \n newidea = tworpinnerHTML.split(\"<\/a>\");
    \n for (iqwa=0; iqwa<(newidea.length - 1); iqwa++) {
    \n if (iqwa == kj) {
    \n aih = newidea[iqwa].split(\">\");
    \n awords = aih[(aih.length - 1)].split(\" ...\");
    \n \/\/if (awords[0].indexOf(\"Walking Trip\") != -1 && document.URL.indexOf(\"?x=x\") != -1) alert(\"*\" + awords[0] + \"*\");
    \n niword = awords[0].toLowerCase().replace(\/\\\/\/g, \"\").replace(\/,\/g, \"\");
    \n \/\/if (awords[0].indexOf(\"Walking Trip\") != -1 && document.URL.indexOf(\"?x=x\") != -1) alert(\"!\" + niword + \"*\");
    \n niword = niword.trim();
    \n \/\/if (awords[0].indexOf(\"Walking Trip\") != -1 && document.URL.indexOf(\"?x=x\") != -1) alert(\"$\" + niword + \"*\");
    \n niword = \"\/ITblog\/\" + niword.replace(\/ \/g, \"-\") + \"\/\";
    \n if (awords[0].indexOf(\"Walking Trip\") != -1) niword = \"\/ITblog\/walking-trip\/\";
    \n nideatwo = newidea[iqwa].split(\"?p=\");
    \n if (nideatwo.length > 1) {
    \n aih = nideatwo[1].split('\"');
    \n aihtwo = nideatwo[1].split(\"'\");
    \n if (aih[0].length < aihtwo[0].length) {\n aihtwo = aih[0].split(\"&\");\n aword = \"\/wordpress\/?p=\" + aihtwo[0];\n } else {\n aih = aihtwo[0].split(\"&\");\n aword = \"\/wordpress\/?p=\" + aih[0];\n }\n retval = retval.replace(aword + \"&\", niword + \"?\").replace(aword + \"&\", niword + \"?\").replace(aword, niword).replace(aword, niword);\n }\n }\n }\n }\n return retval;\n}\n<\/code><\/p>\n

      \n
    1. the Recent Posts widget links ... and we talked about this with WordPress Recent Post Image Follow Up Tutorial<\/a> and\/or WordPress Recent Post Image Follow Up Tutorial<\/a> ... bold bits below ... affects wajax.js (and same for nothing.js) ...
      \n
      \n...
      \nfunction winit() {
      \n...
      \n for (var j=0; j < allPs.length; j++) {\n if (allPs[j].id == \"text-4\") {\n...\n } else if (allPs[j].id == \"text-5\") {\n...\n } else if (allPs[j].id == \"recent-posts-2\") { \/\/ Recent blog post Ajax previews 27\/11\/2014 \n var ihs = allPs[j].innerHTML.split(\"?p=\");\n var myposts;\n var aeight=new Array(\"aone\", \"atwo\", \"athree\", \"afour\", \"afive\", \"asix\", \"aseven\", \"aeight\");\n var ieight = aeight.length - 1;\n for (var jhs=(ihs.length - 1); jhs>=1; jhs--) {
      \n myposts = ihs[jhs].split('\"');
      \n if ((wisiPad || wisTouch)) {
      \n if (allPs[j].innerHTML.indexOf('a href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=' + myposts[0] + '\" t') != -1) {
      \n allPs[j].innerHTML = allPs[j].innerHTML.replace('a href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=' + myposts[0] + '\" title=\"', 'a href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=' + myposts[0] + '\" style=\"margin-bottom:20px;\" ontouchend=\" yehbut(); \" id=\"' + aeight[ieight] + '\" ontouchstart=\" bpost=' + myposts[0] + '; if (mtimer) { clearInterval(mtimer); } tickcnt = 0; mtimer = setInterval(mchecker, 1000); \" title=\"You can wait for the long hover functionality for a Blog Post preview ... ');
      \n } else {
      \n allPs[j].innerHTML = allPs[j].innerHTML.replace('\" href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=' + myposts[0] + '\"', ' ... you can wait for the long hover functionality for a Blog Post preview\" href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=' + myposts[0] + '\" style=\"margin-bottom:20px;\" ontouchend=\" yehbut(); \" id=\"' + aeight[ieight] + '\" ontouchstart=\" bpost=' + myposts[0] + '; if (mtimer) { clearInterval(mtimer); } tickcnt = 0; mtimer = setInterval(mchecker, 1000); \" ');
      \n }
      \n if (1 == 2) allPs[j].innerHTML = newblogmap(allPs[j].innerHTML, eval(jhs - 1)); \/\/ not yet for mobile - map to new blog URL with permalink \/%postname%\/<\/b>
      \n } else {
      \n if (allPs[j].innerHTML.indexOf('a href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=' + myposts[0] + '\" t') != -1) {
      \n allPs[j].innerHTML = allPs[j].innerHTML.replace('a href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=' + myposts[0] + '\" title=\"', 'a href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=' + myposts[0] + '\" onmouseout=\" yehbut(); \" id=\"' + aeight[ieight] + '\" style=\"margin-bottom:20px;\" onmouseover=\" bpost=' + myposts[0] + '; setTimeout(xget, 4000); \" title=\"You can wait for the long hover functionality for a Blog Post preview ... ');
      \n } else {
      \n allPs[j].innerHTML = allPs[j].innerHTML.replace('\" href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=' + myposts[0] + '\"', ' ... you can wait for the long hover functionality for a Blog Post preview\" href=\"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=' + myposts[0] + '\" onmouseout=\" yehbut(); \" id=\"' + aeight[ieight] + '\" style=\"margin-bottom:20px;\" onmouseover=\" bpost=' + myposts[0] + '; setTimeout(xget, 4000); \" ');
      \n }
      \n allPs[j].innerHTML = newblogmap(allPs[j].innerHTML, eval(jhs - 1)); \/\/ map to new blog URL with permalink \/%postname%\/<\/b>
      \n }
      \n ieight = ieight - 1;
      \n }
      \n }
      \n...
      \n}
      \n...
      \n<\/code>\n<\/li>\n
    2. the blog Entry Title (class='entry-title') light blue links on the blog ... bold bits below ... affects wajax.js (and same for nothing.js) ...
      \n
      \n...
      \nfunction winit() {
      \n...
      \n for (var j=0; j < allPs.length; j++) {\n hdivid = allPs[j].id;\n if (typeof hdivid == \"undefined\") {\n hdivid = \"\";\n } else {\n if (hdivid.indexOf(\"post-\") != -1) {\n hdivids = (hdivid.substring(hdivid.indexOf(\"post-\")) + \" \").split(\" \");\n hdivid = hdivids[0];\n hdivids = allPs[j].innerHTML.split(' class=\"entry-title\">');
      \n if (hdivids.length > 1) {
      \n clname = (\"~\" + hdivids[1]).replace('~<',' ').replace('~','');\n hdivids = clname.split(\"<\");\n if (hdivid != \"\" && hdivids[0] != \"\") {\n if (hdivids[0].indexOf(\">\") != -1) {
      \n clname = hdivids[0];
      \n hdivids = clname.split(\">\");
      \n hdivids[0] = hdivids[hdivids.length - 1];
      \n if ((wisiPad || wisTouch)) {
      \n wisiPad = wisiPad;
      \n } else {
      \n allPs[j].innerHTML = newblogmap(allPs[j].innerHTML, 0); \/\/ map to new blog with permalink \/%postname%\/
      \n }<\/b>
      \n }
      \n if (hrsel.length == 0) {
      \n hrsel = \"<select onchange='location.href=this.value;' id='hrsel' style='display:NONE;'><OPTION value='#\" + hdivid + \"'>\" + hdivids[0] + \"<\/option><\/select><br>\";
      \n } else if (hrsel.indexOf(hdivids[0]) == -1) {
      \n hrsel = hrsel.replace(\"<\/option><\/select>\", \"<\/option><OPTION value='#\" + hdivid + \"'>\" + hdivids[0] + \"<\/option><\/select>\");\n }\n }\n }\n }\n }\n if (allPs[j].id == \"access\") {\n if ((wisiPad || wisTouch)) {\n allPs[j].ontouchstart = getGradient;\n allPs[j].ontouchend = yehBut;\n } else {\n allPs[j].onmouseover = getGradient; \/\/ 10640\n if (allPs[j].title.indexOf(\" ...\") == -1) {\n allPs[j].title = allPs[j].title + \" ... welcome to the long hover functionality that shows Blog Post regarding CSS3 Gradient\";\n }\n allPs[j].onmouseout = yehBut;\n }\n }\n }\n...\n if (navigator.userAgent.toLowerCase().indexOf(\"ie\") != (0 - 1)) {\n allPs = document.getElementsByTagName('p');\n } else {\n allPs= document.getElementsByTagName('p');\n }\n...\n for (var j=0; j < allPs.length; j++) {\n hdivid = allPs[j].id;\n if (typeof hdivid == \"undefined\") {\n hdivid = \"\";\n } else {\n hdivids = allPs[j].innerHTML.split(\">\");
      \n if (hdivids.length > 1) {
      \n clname = (\"~\" + hdivids[1]).replace('~<',' ').replace('~','');\n hdivids = clname.split(\"<\");\n if (hdivids[0].indexOf(\">\") != -1) {
      \n clname = hdivids[0];
      \n hdivids = clname.split(\">\");
      \n hdivids[0] = hdivids[hdivids.length - 1];
      \n if ((wisiPad || wisTouch)) {
      \n wisiPad = wisiPad;
      \n } else {
      \n allPs[j].innerHTML = newblogmap(allPs[j].innerHTML, 0); \/\/ map to new blog with permalink \/%postname%\/
      \n }<\/b>
      \n }
      \n if ((hrsel + \"*\").indexOf(\"<option \") == -1 || hrsel.length == 0) {
      \n if (hdivid != \"\" && hdivids[0] != \"\") {
      \n if (hrsel.length == 0) {
      \n hrsel = \"<select onchange='location.href=this.value;' id='hrsel' style='display:NONE;'><option value='#\" + hdivid + \"'>\" + hdivids[0] + \"<\/option><\/select><br>\";
      \n } else if (hdivids[0].substring(0,1) >= \"A\" && hdivids[0].substring(0,1) <= \"Z\" && hrsel.indexOf(hdivids[0]) == -1) {
      \n hrsel = hrsel.replace(\"<OPTION \", \"<option value='#\" + hdivid + \"'>\" + hdivids[0] + \"<\/option><OPTION \");
      \n } else if (hdivids[0].substring(0,1) >= \"A\" && hdivids[0].substring(0,1) <= \"Z\") {
      \n hrsel = hrsel.replace(\"<OPTION \", \"<option \");
      \n }
      \n }
      \n } else {
      \n if (hdivid != \"\" && hdivids[0] != \"\") {
      \n if (hrsel.length == 0) {
      \n hrsel = \"<select onchange='location.href=this.value;' id='hrsel' style='display:NONE;'><option value='#\" + hdivid + \"'>\" + hdivids[0] + \"<\/option><\/select><br>\";
      \n } else if (hdivids[0].substring(0,1) >= \"A\" && hdivids[0].substring(0,1) <= \"Z\" && hrsel.indexOf(hdivids[0]) == -1) {
      \n hrsel = hrsel.replace(\"<\/option><\/select>\", \"<\/option><option value='#\" + hdivid + \"'>\" + hdivids[0] + \"<\/option><\/select>\");
      \n }
      \n }
      \n }
      \n }
      \n }
      \n }
      \n...
      \n}
      \n...
      \n<\/code>\n<\/li>\n<\/ol>\n

      Hope this also can help in some way for your work.<\/p>\n

      \n

      Previous relevant WordPress Upgrade Implications Tutorial<\/a> is shown below.<\/p>\n

      \"WordPress<\/a>

      WordPress Upgrade Implications Tutorial<\/p><\/div>\n

      Yesterday we saw with WordPress Upgrade Follow Up Tutorial<\/a> as shown below that WordPress has a great Export and Import plugin<\/a> to help migrate data after you upgrade your WordPress version. By the way, it is worth noting with this, that two WordPress default Widgets<\/a> are useful as sanity checks for how the data migration is going ...<\/p>\n

        \n
      1. Archives and\/or<\/li>\n
      2. Calendar<\/li>\n<\/ol>\n

        ... particularly if you are like us, and publish once a day.<\/p>\n

        Anyway, it is now time, once you are happy with data migration to turn to the implications of a happy data migration which is one where the default permalink \"?p=[postId]\" is equivalent for old and new websites, but the new website also accepts \"\/%postname%\/\" permalinks (in our case). This means that, with care, instead of \"\/wordpress\/\" being in users' URLs you can ease them into \"\/ITblog\/\" replacing that in their URLs. So why the trepidation, why the \"with care\" bit? Well, I'm not sure, to be honest, whether all this contravenes a fairly big search engine (SEO) sin of having duplicate data. I'm, of course, hoping that with the search engine view of the Blog Post titles having that extra (middle name) \"James\" in them, plus a different \"\/%postname%\/\" permalink URL associated with them (but unfortunately with the same content) whether this will be enough to potter along for a while with both WordPress versions, while all the teething issues are sorted out, or whether the data migration will cause grief at the search engines ... am an optimist here, but will keep you posted on that. You may wonder, why don't we just cut over ... well, maybe, one day, but am sure it is a thing to ease into, rather than a snap decision, especially as the snap decision does not improve anything about the \"duplicate content\" doubt up at the search engines.<\/p>\n

        So, back at the matter at hand ... considerations of what can improve once a good data migration is achieved. Here's one we can think of. If you are an attentive reader at this blog you may know about the PHP code of recent-posts-2.php<\/a> which was first talked about with WordPress Recent Post Image Primer Tutorial<\/a> and last changed (and talked about first regarding that) with FFmpeg Image Optimization Primer Tutorial<\/a>. Well, we changed the code as per this link<\/a> because now wherever a URL has \"\/wordpress\/\" it can now be safely mapped to \"\/ITblog\/\" and be hooking into the new WordPress blog website that way, as reflected by zero.html<\/a><\/p>\n

        So over coming days recognising these functionality improvements could be the go (like, do we do some .htaccess<\/i> work or rather what we lean towards now, some mapping amendments at the WordPress 3.0.3 index.php end of things?), and it occurs to us to leave several days (to try things out (perhaps on a MAMP local web server, first)) for WordPress Blog upgrade work, to facilitate the changeover methodically. In the meantime here is today's functionality change<\/a>.<\/p>\n<\/p>\n

        Did you know?<\/b><\/p>\n

        With using permalink \/%postname%\/ it sets you, on a Linux web server, in particular, to think about URL uppercase\/lowercase confusion. After all, it is natural that somebody will wonder, with a URL such as ...<\/p>\n

        https:\/\/www.rjmprogramming.com.au\/ITblog\/swift-dictionaries-and-arrays-primer-tutorial\/<\/code><\/p>\n

        ... whether ... <\/p>\n

        http:\/\/www.rjmprogramming.com.au\/itblog\/swift-dictionaries-and-arrays-primer-tutorial\/<\/code><\/p>\n

        ... or even ...<\/p>\n

        http:\/\/www.rjmprogramming.com.au\/ITBLOG\/swift-dictionaries-and-arrays-primer-tutorial\/<\/code><\/p>\n

        ... would also work, and with Apache \/ mod_rewrite \/ .htaccess \/ httpd.conf considerations ... yes, it is possible (as long as mod_rewrite is installed). Let's look at the web server alternative to ITblog<\/i> folder called itblog<\/i> (gobsmacked Windows (perhaps ASP.Net web server) afficianados cannot have this differentiation but also don't have the issue to worry about in the first place ... here's the HTML a<\/i> element information from w3schools in lowercase<\/a> and (bits of) uppercase<\/a> (with its URL) ... anyone for a bit of I.T. history<\/a>?) and what that new web server folder needs to make this happen to have this extra \"convenience\" ...<\/p>\n

          \n
        1. httpd.conf change (for us, here, because we only allow .htaccess functionality, on a folder by folder decision basis ... changes to httpd.conf need an Apache restart to happen, but a change to .htaccess should not need such a restart for the change to take effect)
          \n
          \n<Directory [path to new itblog<\/i> directory]>
          \n # ... other directives...
          \n AllowOverride All
          \n <\/Directory>
          \n<\/code>\n<\/li>\n
        2. .htaccess (in new itblog<\/i> directory ... chmod 644 ... in large part, the same as WordPress installation's .htaccess file created in the ITblog<\/i> directory)
          \n
          \n# BEGIN WordPress
          \n<IfModule mod_rewrite.c>
          \nRewriteEngine On
          \nRewriteBase \/itblog\/
          \nRewriteRule ^index\\.php$ - [L]
          \nRewriteCond %{REQUEST_FILENAME} !-f
          \nRewriteCond %{REQUEST_FILENAME} !-d
          \nRewriteRule . \/ITblog\/index.php [L]
          \n<\/IfModule>
          \n# END WordPress<\/code>\n<\/li>\n
        3. index.html (in new itblog<\/i> directory)
          \n
          \n<html> <body onload=\" location.href = document.URL.replace('\/itblog', '\/ITblog'); \"> <\/body> <\/html>
          \n<\/code>\n<\/li>\n
        4. index.php (in new itblog<\/i> directory)
          \n
          \n<?php header(\"Location: ..\/ITblog\/index.php?\" . $_SERVER['QUERY_STRING']); ?>
          \n<\/code>\n<\/li>\n<\/ol>\n

          ... meaning that a misspelled URL with \"\/itblog\" (which is quite understandable) should function the same as the \"\/ITblog\" version.<\/p>\n

          \n

          Previous relevant WordPress Upgrade Follow Up Tutorial<\/a> is shown below.<\/p>\n

          \"WordPress<\/a>

          WordPress Upgrade Follow Up Tutorial<\/p><\/div>\n

          WordPress has a great Export and Import plugin<\/a> to help migrate data after you upgrade your WordPress version, perhaps.<\/p>\n

          This came to the fore yesterday when we started (there is a lot more to do) on that migration path going from WordPress version 3.0.3 to version 4.1.1 as you can read a bit about with WordPress Upgrade Primer Tutorial<\/a> as shown below.<\/p>\n

          So the two parts to the Export and Import equation are ...<\/p>\n

            \n
          1. Export from WordPress 3.0.3<\/li>\n
          2. Import into WordPress 4.1.1<\/li>\n<\/ol>\n

            ... now you may naively think that you will be able to export once and import once, but various things may get in your way achieving that ...<\/p>\n

              \n
            1. the small settings for max_execution_time (eg. 30 should be temporarily 360) and max_input_time (eg. 60 should be temporarily 120) and memory_limit (eg. 70M should be temporarily 128M) in php.ini need to suit the memory requirements needed to create the Export file you upload to the live server<\/li>\n
            2. even fixing requirement for step 1 you may (or the symptom of needing to do something as advised in step 1), as you Export, get the PHP error message \"Fatal error: Maximum execution time of ? seconds exceeded in ...\" ... where ? was 30 for us here ... this error message will appear in the last line of the Export file so
              tail<\/a> -2 wordpress.2014-04-01.2014-07-01.xml<\/i><\/br> would have been a Linux programmatical way of checking for the scenario shown a bit below<\/li>\n
            3. the small settings for upload_max_filesize (eg. 2M should be temporarily 32M) and post_max_size (eg. 8M should be temporarily 32M) in php.ini need to suit the size of the Import file you upload to the live server<\/li>\n
            4. even fixing requirement for step 3 you may (or the symptom of needing to do something as advised in step 3), as you Import, get the PHP error message \"Fatal Error: Allowed Memory Size of ? Bytes Exhausted\" ... where ? is a fairly big number ... and this error message may show on your web page window<\/li>\n<\/ol>\n

              So it is probably better to do this job in chunks. We think if there is a blog posting each day a three month span (or perhaps one month span) of Export could be good if comments are included as well. And how to exclude the comments? Supposing your Start Date is April 2014 and End Date is June 2014 then, at Linux ...<\/p>\n


              \n$               cat<\/a> wordpress.2014-04-01.2014-07-01.xml | sed<\/a> '\/^[ \\t]*<wp:comment>\/s\/\/<wp:comment>\/g' | sed '\/^[ \\t]*<\\\/wp:comment>\/s\/\/<\\\/wp:comment>\/g' > xwordpress.2014-04-01.2014-07-01.xml
              \n$ cat xwordpress.2014-04-01.2014-07-01.xml |               awk<\/a> '\/<wp:comment>\/,\/<\\\/wp:comment>\/' > comment_2014_4.xml
              \n$               comm<\/a> -23 xwordpress.2014-04-01.2014-07-01.xml comment_2014_4.xml > no_comment_2014_4.xml
              \n<\/code><\/p>\n

              ... would result in a suitable no_comment_2014_4.xml to Import into the WordPress MySql database. We thank this link<\/a> and this link<\/a> and this link<\/a>.<\/p>\n

              More WordPress upgrade information tomorrow. Thanks for reading<\/a>.<\/p>\n

              \n
              \n

              Previous relevant WordPress Upgrade Primer Tutorial<\/a> is shown below.<\/p>\n<\/div>\n

              \"WordPress<\/a>

              WordPress Upgrade Primer Tutorial<\/p><\/div>\n

              It's early days, and there is more to be done, but here at this WordPress blog we're transitioning to version 4.1.1 from 3.0.3<\/p>\n

              Three major decisions involved ...<\/p>\n

                \n
              1. Do I keep the same theme?\n