</noscript> <!-- End Google Tag Manager (noscript) --> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"apiSettings":{"root":"https:\/\/chrislee.is\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' src='https://chrislee.is/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.1' id='contact-form-7-js'></script> <div> <div class="awsr-header DAMN-header" style="background-color:#FDFDFD;height:auto; padding:15px 0px;position:sticky;z-index:100;border-bottom:1px solid rgba(180,180,180,0.35)"> <div class="row"> <div class="col-3 col-sm-1 " style="text-align:right;font-family:Oswald;font-weight:300;text-transform:uppercase;line-height:1;color:gray;padding:0px"> <p style="font-size:38px!important;margin:0px!important">Chris</p> <p style="font-size:32px!important;margin:0px!important">Lee</p> </div> <div class="col-7 offset-0 col-sm-5" style="text-align:left!important"> <h1 style="margin-bottom: 0px!important; font-weight: 700!important; font-size: 20px!important; text-transform: none!important;color:#010C15;display:block;font-family:Oswald;text-transform:uppercase!important"> Digital marketing consultant </h1> <h1 style="margin-bottom: 0px!important; font-weight: 700!important; font-size: 20px!important; text-transform: none!important;color:grey;display:block;font-family:Oswald;text-transform:uppercase!important"> & </h1> <h1 style="margin-bottom: 0px!important; font-weight: 700!important; font-size: 20px!important; text-transform: none!important;color:#c40c0c;display:block;font-family:Oswald;text-transform:uppercase!important"> Writer </h1> </div> <div class="col-2 d-block d-md-none"> <script type="text/javascript"> function toggle_visibility(id) { var e = document.getElementById(id); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; } </script> <span style="color:#E2B67B; font-size:2rem;text-align:center;"><a href="#" style="color:#010c15!important; text-decoration:none!important; border-bottom:none!important" onclick="toggle_visibility('mobilenav');"><i class="fas fa-bars"></i></a></span></div> <div id="mobilenav" style="display:none; width:100%; text-align:center;position:" > <p> <A href="#testimonials" style="font-weight:normal!important;color:gray;border-bottom:none!important">Testimonials</A> </p> <p> <A href="#results" style="font-weight:normal!important;color:gray;border-bottom:none!important">Results</A> </p> <p> <A href="/blog" style="font-weight:normal!important;color:gray;border-bottom:none!important">Blog</A> </p> <p> <A href="/now" style="font-weight:normal!important;color:gray;border-bottom:none!important">Now</A> </p> <p> <A href="/writing-a-book" style="font-weight:normal!important;color:gray;border-bottom:none!important">My book</A> </p> <p> <A href="#contact" style="background-color:#c40c0c; color:white; padding: 5px 5px; font-weight:bold!important; border-bottom:none!important">Hire me</A> </p> </div> <div class="col-12 col-sm-6 offset-md-0 d-none d-md-block" style="text-align:right!important;padding-top:20px;"> <!--<a class="DAMN-a-i" href="/" style="color:gray" name="header-home"><i class="fas fa-home" style="font-size:large;"></i></a><span style="margin:0 5px; color:gray;">•</span>--> <!--<a href="/contact" style="text-transform:uppercase!important;text-decoration:underline!important;font-weight:normal!important; color:gray; border-bottom:none!important;font-family:Oswald!important">Contact </a> <span style="margin:0 5px; color:gray;">•</span>--> <a href="#testimonials" style="text-transform:uppercase!important;text-decoration:underline!important;font-weight:normal!important; color:gray; border-bottom:none!important;font-family:Oswald!important">Testimonials</a> <span style="margin:0 5px; color:gray;">•</span> <a href="#results" style="text-transform:uppercase!important;text-decoration:underline!important;font-weight:normal!important; color:gray; border-bottom:none!important;font-family:Oswald!important">Results</a> <span style="margin:0 5px; color:gray;">•</span> <a href="/blog" style="text-transform:uppercase!important;text-decoration:underline!important;font-weight:normal!important; color:gray; border-bottom:none!important;font-family:Oswald!important">Blog</a> <span style="margin:0 5px; color:gray;">•</span> <a href="/now" style="text-transform:uppercase!important;text-decoration:underline!important;font-weight:normal!important; color:gray; border-bottom:none!important;font-family:Oswald!important">Now</a> <span style="margin:0 5px; color:gray;">•</span> <a href="#contact" style="background-color:#010c15;text-transform:uppercase!important;text-decoration:none!important;font-weight:normal!important; color:white; border-bottom:none!important;font-family:Oswald!important;padding:5px 10px">Hire me</a> <a href="/writing-a-book" style="background-color:#C40C0C;text-transform:uppercase!important;text-decoration:none!important;font-weight:normal!important; color:white; border-bottom:none!important;font-family:Oswald!important;padding:5px 10px">My book</a> <!-- <span style="margin:0 5px; color:gray;">•</span> <a href="/cycling-across-canada" style="text-transform:uppercase!important;text-decoration:underline!important;font-weight:normal!important; color:gray; border-bottom:none!important;font-family:Oswald!important;">My book</a> <span style="color:gray;margin:0 5px; ">•</span> <a class="DAMN-a-i" href="https://medium.com/@chrislee.is/" style="color:gray" name="header-home"><i class="fab fa-medium" style="font-size:large;font-weight:100"></i> <a class="DAMN-a-i" href="https://www.linkedin.com/in/chrisleeis/" style="color:gray" name="header-home"><i class="fab fa-linkedin" style="margin:0 10px;font-size:large;font-weight:100"></i> <a class="DAMN-a-i" href="https://twitter.com/chrislee_is/" style="color:gray" name="header-home"><i class="fab fa-twitter" style="font-size:large;font-weight:100"></i></a> </p>--> <!--<span style="font-size:20px; margin-left:5px;"> | <span style="color:#29086a;">WRITER</span><a href="/a-writer" class="cl-nav-writer" style="color:#29086a!important;font-weight:500!important; display:inline-block;line-height:1">freelance writer</a> and <a href="/a-web-designer" class="cl-nav-writer" style="color:#52002e!important;font-weight:500!important; display:inline-block;line-height:1">web designer</a>--></span> </div> <!-- .col --> <!-- <div class="col-12 offset-0 col-md-3 " style="text-align:Right; font-size:small; color:#333"> <a href="/a-writer" style="font-weight:normal!important; color:#333; border-bottom:none!important">Words</a> | <a href="/about" style="font-weight:normal!important; color:#333; border-bottom:none!important">About</a> | <a href="/contact" style="font-weight:normal!important; color:#333; border-bottom:none!important">Contact</a> | <a class="DAMN-a-i" href="/" style="color:#333" name="header-home"><i class="fas fa-home" style="font-size:large;"></i></a></div>--> </div> <!-- .row --> </div> <!-- .awsr-header --> <div class="container-fluid row punch" style=" padding: 50px 0px; background-color:#FDFDFD;color:black;"> <!-- <div class="col-12 offset-0 offset-md-10 col-md-1" style="text-align:center;position:sticky;top:0px;background-color:#29086a;padding:5px 10px;border-radius:3px;color:white;z-index:10"> <a href="/contact" target="_blank" style="color:white!important;text-decoration:none!important;border-bottom:none!important">Hire me</a> </div>--> <div class="col-12 offset-0 col-md-8 offset-md-2 col-lg-6 offset-lg-3 "> <p class="signpost"><ul class="post-categories"> <li><a href="https://chrislee.is/thinking-about/categories/uncategorised/" rel="category tag">Uncategorised</a></li></ul></p> <h1 class="blog-title" style="margin-bottom:5vh;">Only the homepage works on local WordPress site: a fix</h1> <img style="width:100%;padding-top:25px;" src="https://chrislee.is/wp-content/uploads/2018/07/wordpress-frustrations.png "> <hr> <div class="row"> <div class="col-6" style="margin:0;padding:0"> <span class="signpost" >June 3, 2018</span> </div><div style="margin:0;padding:0;text-align:right" class="col-6"> <span class="signpost"><a style="border-bottom:none!important;" href="https://twitter.com/intent/tweet?text=Here%27s%20a%20great%20blog%20post%20https://chrislee.is/only-the-homepage-works-on-local-wordpress-site-a-fix/"><i class="fab fa-twitter"></i></a> <a style="border-bottom:none!important;" href="https://www.linkedin.com/sharing/share-offsite/?url=https://chrislee.is/only-the-homepage-works-on-local-wordpress-site-a-fix/"><i class="fab fa-linkedin"></i></a></span> </div></div> </div> <div class="col-10 offset-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3 damn-blog" > <p>This won’t be relevant for many people reading this blog, but I’m posting on the off chance that it’s useful to someone frantically Googling “<strong>how to set up a local version of a WordPress site</strong>“, and not finding anything that worked completely.</p> <p>(Much like I was for the past two hours).</p> <p>There are multiple useful resources. <a href="https://www.webnots.com/how-to-move-live-wordpress-site-to-localhost/" target="_blank" rel="noopener">This one for an outline of the duplication process</a>, <a href="http://www.wpbeginner.com/wp-tutorials/how-to-move-live-wordpress-site-to-local-server/" target="_blank" rel="noopener">as is this one</a>.</p> <p>The problem is that both didn’t <em>quite </em>work, and I could find a resource that successfully answered the question “<strong>why do I only have a functional WordPress backend and access to my homepage, but every other page gives an error message?</strong>”</p> <p>So if you’re seeing something like the image below, and only your homepage works after a WordPress migration, try these things.<br /> <img class="alignnone size-large wp-image-2004" src="https://chrislee.is/wp-content/uploads/2018/06/localhost-error-message-1024x472.jpg" alt="localhost error message" width="1024" height="472" /></p> <h3 id="blog">How to get your localhost WordPress site working <em>properly</em></h3> <hr id="blog" /> <p>Try this list of things first, which I collated from various guides and StackOverflow questions (for all of them replace the URL with your relevant localhost URL):</p> <ul> <li>Change value in siteurl field in wp_options in table phpMyAdmin to http://localhost/mysite</li> <li>Change value in home field in wp_options table in phpMyAdmin http://localhost/mysite</li> <li>Update wp-config in your local site files to have the correct database login credentials</li> <li>Ensure URLs in Settings – Permalinks in WordPress begin with http://localhost/mysite</li> <li>Clicke ‘Save Changes’ in Settings – Permalinks from the WordPress backend</li> <li>Test</li> <li>Toggle RewriteModule on in Apache Services in WAMP</li> <li>Restart all services on WAMP</li> <li>Test</li> <li>Change all instances of AllowOverride none to AllowOverride all in httpd.conf in WAMP</li> <li>Restart all services on WAMP again</li> <li>Test</li> <li>Click ‘Save Changes’ in Settings – Permalinks from the WordPress backend again</li> <li>Test</li> </ul> <p>Most people seemed to achieve success somewhere in that list, but I needed two more steps:</p> <ul> <li>Delete the htaccess file</li> <li>Click ‘Save Changes’ in Settings – Permalinks from the WordPress backend <em>again</em></li> </ul> <p>Now I have a functional local version of my WordPress site so I can tinker and break things without fear of public embarrassment ????</p> </div> </div>