Escaping DIY Site Builders, Moving or changing a WordPress site’s domain name URL

Screenshot-2015-02-10-22I was pleased to take on the redesign of The Heart and Mind Connection.com, a site that was originally created by Lisa Mastrocola in Photobiz.

There are lots of free, template-driven site builders like Web.com, Wix and Weebly that are quite tempting to the non-technical person. Among the many reasons to avoid them or escape them, we highly recommend migrating to self-hosting WordPress software because it is an open-sourced content management system with thousands of plugins, themes, undergoing continuous evolution and improvement by a global community. And did I mention it’s free…

In approximately 3 hours we rebuilt the entire site, adding all sorts of valuable new social plugins, improved the SEO and added a free shopping cart that also runs within Facebook. The content was already there. It just needed to be migrated to a new platform.

Copying text from the existing Website required disabling the javascript that Photobiz wraps their developer content in to disable cut ‘n paste. I suppose they are trying to safeguard their client’s original copy but anyone with a reasonable skill level knows how to work around this. Personally, I do not like it when external scripts start affecting my working environment… so here’s how you can take back control.

logo-no-script

The NoScript Firefox extension turns out to be a very worthwhile tool and provides all sorts of extra protection for Mozilla-based browsers. It’s a free, open source Add-on that allows you to control JavaScript, Java, Flash and other plugins to be executed at your choice. It’s fun to take back control as you faithfully surf the Web …and from this point on, we were free to copy whatever text we wanted.

Our intention was to avoid any downtime while completely rebuild the new site in the background, working with content from the existing site. Our DesignWiseHosting.com cPanel servers permit us to set up your account and work on an IP-based URL, in this case the Internet Protocol IP address, followed by a slash, a tilde and the account name: 173.254.76.126/~thehebp8.

Once we got it all finished, we simply changed the nameserver information from the Photobiz account to our own DesignWise Hosting server and it popped right into existence with virtually no down time. But, all of the posts, pages, images and their permalinks were then based on the IP address and not on site’s actual domain name.

Here’s a step-by-step outline of how to change a WordPress site’s domain name or URL:

  1. Before you do anything, make an entire site backup and a SQL database backup. Export them and keep the copies offsite.
  2. Install either the Velvet Blues Update URLs or the Better Search Replace plugin. I used the latter one because I liked the fact that it has a test run feature.
  3. Perform a search and replace but only do it on the wp_posts table! In this case I was searching for: “173.254.76.126/~thehebp8” Despite the fact that the sacred Codex says, “Never, ever, change the contents of the GUID column, under any circumstances,” the IP-based URL was there too, so I checked the box to Replace GUIDs.
  4. Then I went to the Administration > Settings > General panel and changed the WordPress Address (URL): change the address to the new location of your main WordPress core files.
    In the box for Site Address (URL): change the address to the new location, which should match the WordPress (your public site) address.
  5. Checking the Settings > Permalinks panel and make sure the Permalink structure now displays the domain name instead of the IP address
  6. Then I edited the hidden .htaccess file pasting in the new snippet of permalinks code.
  7. Last, I checked the settings in the Appearance > Menus  to update the links to the home page that still had the old IP address embedded in it.

heart-mind-connectionThe final result is a clean and quite functional WordPress installation with unlimited possibilities, one that far surpasses the very restrictive Photobiz template system.

The very traits that make WordPress a universal platform for publishers and developers also make it somewhat vulnerable to hackers, so we provided Lisa with a bulletproof security setup that not only protects her against hackers but saves or delivers automatic hourly, daily or weekly database backups.

With the continual shift to handheld devices, her Website is now responsive and completely mobile-friendly.

Photo Enriched Interactive Tweets Add Greater Dynamics to Your Posts

On Thursday, Sept. 26, Twitter announced, “We’ve put the photo front and center, with a bigger and bold visual focus on the media.”

This is one of several big changes that Twitter is rolling out. Since images invoke greater interaction (aka click-throughs), start by getting in the habit of including images in your Tweets. Then, embed those Tweets into an article wherever relevant and meaningful. Embedding a Tweet into your WP post is effortless as WordPress explains: First locate the tweet you want to post. Then click the timestamp. You’ll be taken to the page for that individual tweet. Copy the URL in the address bar. Next, in your blog’s post editor, paste the URL on a line by itself (no HTML necessary).

Readers can interact with them just as they can in Twitter. Click the reply icon to join the conversation, retweet to share and favorite them to show appreciation. And as always, you can click the follow button to get the Tweets in your home timeline.

Here’s an example:

Did you know you can also embed fully interactive Facebook posts?

Gaining Face, Getting Sociable… my favorite word is Synergy

The very coolest thing about migrating to WordPress as a fundamental Web design and development platform is the timely social element. My very favorite word is synergywhen the whole is greater than the sum of the parts. When I work within the WordPress community there are simply thousands of smart people working alongside me. I am free to concentrate on empowering my clients and developing a custom theme, while I can tap a vast well of collective resources to add individual site-specific features as plugins.

Joost de Valk is a Dutch WordPress developer and an online marketer, blogging at Yaost.com. As I work here on the rollout of my own site I intend to document the process, pointing out some of the best solutions I discover, test and apply. Joost’s blog is a continuously valuable resource for tips, tools and plugins that he develops. His Sociable plugin is considered by many people to be the finest way to add social media buttons to your posts. The buttons include all of the top social bookmarking and commenting sites as well as the capacity to e-mail, create a pdf or print – so this one plugin covers all sorts of ground.

I am starting this project with a plain “vanilla” theme entitled Frugal by Eric Hamm. He includes a lot of encouragement and documentation with the theme in hopes that you will try modifying it and learn more about the art of coding. I just added in my own logo and will continue to grow this project right before your eyes.