mac | The Webernets

Easiest and Best way to copy and run a live published WordPress blog web site on your local MAC computer for testing and development

February 13, 2013September 30, 2013 The Webernets0 comment

**NOTE** – THIS ARTICLE VERSION IS WRITTEN FOR MAC USERS – WINDOWS VERSION COMING SOON

PART 1 – Setting up MAMP (Experts Shortcut – Install MAMP and proceed to step 2)

If you have a WordPress Blog or Web Site, it can be VERY handy sometimes to be able to take your live published site and copy onto your local computer. This enables you to play with, set up and assess plugins, try out new themes and layouts, and generally mess with your site without affecting your real live site.

To get started you need to create an environment that will allow your site to function on your computer. The two main ingredients to a WordPress installation are PHP (web language) and SQL (Database). To get these two engines running on your computer you need to download some free software that installs them as part of a server. MAMP (Macintosh + Apache + MySQL + PHP) is excellant for this. It is available free from MAMP.info HERE. The free version and the paid version are bundled together, but for our purpose here, the free version will be fine, so lets go ahead and install that. Once you have downloaded MAMP, Unzip the zip file and run the installer package.

Click continue.

Click Continue.

If you agree, click continue.

Confirm you Agree……click continue……And once you arrive at the screen below, we will tell the installer not to worry about MAMP PRO, and to just install MAMP Free. (If you want to try MAMP PRO free for 14 days, skip the following 2 steps).

Click the “Customize” button in the left.

Uncheck the “MAMP PRO” option.

Type your password to allow the installer to run.

Once the installer has finished, click “Close” in the lower right hand corner. You can now open a new finder window, and in your Applications folder you will see a new folder called “MAMP”.

Double click the “MAMP” application to start it up.

Now click the “Start Servers” button.

Once you have green lights, click “Open Start Page’. this will open your browser to a page that will tell you if all your services (IE PHP and SQL) are up and running on your machine.

WOOHOO! We’re ready to start copying our web site!

PART 2 – COPYING LIVE SITE

Its now time to copy over the files from the site we want to clone. To get started, log into that site, For this tutorial, I am going to use my Photography and Design site Gruffpuppy as an example. Once logged in, click “Plugins” and select “Add New”

In the search field type “Duplicator”.

Once Duplicator is found, Install and then Activate the plugin.

When activated a new item will appear in the Column Menu on the left side called “Duplicator”. Click it, and you will be brought to the main screen of the plugin. To begin downloading a copy of your live site, the Duplicator asks you to name the back up package. You can change the default name, but in my experience the default auto generated name that is already in there seems to work without error. If you are happy with the name, click the “Create” button, the first in the top right row.

You will now be asked to confirm, and Duplicator will start compressing your entire site into a zip file, ready for download. This can take a while, so now is a good time to stretch your legs and get a drink. Once it has finished compressing, the screen will update automatically with your available downloads.

You will need to download both files (Installer and Package) to your desktop. If you have a large site, the package file can take some time to download. Once your files are downloaded, there’s one more small task.

Select “Settings” from the column menu on the left and then “Permalinks”.

Although no action need be taken, It is important to take note of the setting. As you can see, mine is set to “Day and Name”, but yours could be different. We need to know this setting when we recreate and activate the copy/clone of our site later. Once you have written down or memorized your permalinks setting, you can log out of your site.

PART 3 – SETTING UP A DATABASE FOR YOUR CLONE

The next step is to set up a blank SQL database on your computer. With MAMP running, click the “Open Start Page” button again, and click “phpMyAdmin” from the top menu of the page that opens.

Now, click “Databases”.

In the create databases field, type a name for the new database. It can be whatever you want, but it is important that you write it down, as we will need to use the name later. Im calling mine “gruffpuppy”, one word, all in lower case. Then click the “Create”. Once this is done, close out of the web browser window. There is no need to create “Users” for the database as we will use the root/default user account, which is automatically created for every database.

PART 4 – CREATE THE COPY/CLONE OF YOUR SITE

With MAMP still running, and your server active (Green Lights) , its time to move the files “Duplicator” created to your local server directory.

Open a new finder window, and go to “Applications”, open the “MAMP” folder, and then open “htdocs”.

Drop the zip folder and the “installer.php” file Duplicator created in and close the finder window.

Open up your favorite web browser (For this tutorial I will be using Firefox, as there’s a little bug I want to show you, that doesn’t seem to appear in Safari) and in the address bar type “localhost:8888” and you will see a directory listing of your “htdocs” folder.

Double click the “installer.php” file and the Duplicator installer will open. YAY! This means your server is all working great, and you are viewing your first web page on your local server. Now it’s time to set up the database connection. In the MySQL Server area, leave “Host” set to localhost. in “User” type “root”, as we will be connecting using the automatically created user profile I mentioned earlier. In “Password” type the word “root” again, and for “Database Name” you need to type the name you specified earlier in phpMyAdmin. I used “gruffpuppy” so that’s what I am typing here. When your done, press “Test Connection”.

As you can see, my connection is good and I am ready to move on to the next step. If you receive an error here, you need to go back and check your credentials. It’s usually a typo of your credentials or database name. Once you have a successful connection click the “Close” button.

Check the warning box and click “Run Deployment”.

Another warning will pop up, which is irrelevant to this project, so go ahead and click “OK”.

Duplicator will now start building the copy of your WordPress Web Site. This can take a while so be patient.

Once installation has finished, you are given an opportunity to change some parameters. Unless you have some special circumstances outside of the scope of this tutorial, your fine to accept the default settings. Click “Update Tables”

The next screen means the duplication of your site is now complete, and there’s just a little bit of house keeping to be done before you can use your site.

STEP 5 – FINISHING UP THE INSTALL

At this point, I recommend closing all open windows of your web browser and opening one new window with your default homepage showing, and then clear your browser history, cache and cookies etc. More often than not in Firefox the next step will yield an error in the process and you will not be able to continue. It looks to me like something that is kept in your browsers memory blocks the CSS (cascading Style Sheets) from loading and your site looks like this:

If you are using Firefox, Select “Tools” from the menu bar and then “Clear Recent History” gets you going, and in Safari, Click “Safari” and then “Reset Safari” to bring up the browser cleaning options. Once you are all cleaned up, type “localhost:8888/wp-admin” in your web browsers address bar and VOILA!

From the menu column on the left select “Settings” and then “Permalinks”.

Referring back to the note we made in step 2, make sure the appropriate setting is selected (mine was Day and Name) and press “Save Changes”. Even if your setting is already selected, it is still important to press the “Save Changes” buttons so the option is written to the database.

Your site is now completely cloned/copied to your local machine and you can mess with it until the cows come home without affecting your live site in any way.

STEP 6 – HOUSEKEEPING

The last step is to delete your install files from your “htdocs” folder.

Locate the “installer-data.sql”, “installer-log.txt” and “installer.php” files, move them to the trash and give yourself a pat on the back! YOU DID IT!

How to listen to 80′s Hairband’s Music and other Internet Radio Stations 24 Hours a day – Part Two – At Work

November 29, 2012November 29, 2012 The Webernets0 comment

In PART 1, we looked at how to listen to internet radio (specifically 181FM 80’s Hairband Station) on the go. In this part, we will look at two ways to listen at the office on your computer with a web browser, assuming your computer has sound capabilities. The quickest and easiest way to listen is to simply navigate to www.181.fm.

Once there, you will find a list of ALL of their cool stations down the left hand side. There’s SO much good music to listen to there. But if its Glam your looking for, Just navigate down to “80’s Hairband”, and click it. A new window will open with a player in it, and it should start playing immediately.

Another way to listen to internet radio through your web browser is to go to Tunein.com, and in this case, again, we will search for “80’s Hairband” in the search bar at the top.

Once 181FM 80’s Hairbands appears, click it to open a new window which contains a player, and even the album art for the songs it is playing.

How to listen to 80′s Hairband’s Music and other Internet Radio Stations 24 Hours a day – Part Three – At Home

November 29, 2012November 29, 2012 The Webernets0 comment

In Part 2, we looked at how to play Internet Radio on a web browser, but at home you are more likely to have iTunes installed, which is a better way to listen in my opinion.

With iTunes open, look down the left hand side, and find the word “Radio”.

Bet you didn’t even know that was there did you! Give it a click, and behold the staggering amount of music you have access to that you didn’t even know was there!

Towards the bottom of the list you will find 80’s Flashback. Expand this category by clicking the triangle to the left, and way down the bottom you will find 181FM 80’s Hairband.

Give it a click, and it will start playing.

To avoid having to do the search each time, just grab the listing for “181FM 80’s Hairband” and drag it to the playlist area and drop it.

It will create a link to the station, so next time you want to listen, all you need to do is click the playlist, and it will start playing immediately. Cool Huh!

Easily find and delete BIG files that are taking up space on your Hard Drive

November 28, 2012 The Webernets0 comment

Earlier today I tried to copy a large file I had made in Photoshop and I was told that the operation couldn’t complete because there wasn’t enough room on my hard drive for it. So, I needed a way to get a lot of space back, but I wasn’t sure what was taking up all of the room. I set about looking for ways to see what was going on on my drive and I happened upon some really great tools to help you visualize all your files. The process is called “Treemaps”.

I managed to find free Treemap programs for Windows, Mac and Linux platforms. For Windows users, you need to get a copy of WinDirStat (Windows Directory Statistics) HERE. Once installed, you can start it up and tell it to either analyze your whole drive, or specific folders. Here’s how it looks.

There is two options for Mac users. Grand Perspective (Gets up and going really quickly, easy to use) and Disk Inventory X (Longer to scan but a more thorough and detailed interface). Here’s how Grand Perspective looks.

And this is how Disk Inventory X Looks.

For Linux users, you can get KDirStat HERE. I havent tried it yet, but it looks very similar to WinDirStat. This screen capture is from their site.They are all fairly easy to use. Just roll your cursor over the big ones and the filename appears in the bottom left corner of the window. You can then decide which files you want to delete, and start enjoying some free space on your hard drive again.

Download, Save and Keep ALL videos on a Youtube playlist!

November 27, 2012 The Webernets0 comment

From time to time most of us see something on Youtube that we would like to download and save.

In my case this week, I found a Youtube channel that has the video broadcast from every NHRA drag racing event of the 2012 season. As my wife and I flew from Australia to attend the Sonoma round of racing, it makes a really great souvenir for us to have the video broadcast. The problem is though, Each days racing is split into about 9 or 10 pieces, and it was a three day event. Thankfully though, KMan2100 has arranged the videos into playlists, so they can be viewed in order.

Now, you could download the videos one at a time using the method described in my post about Video Download Helper HERE, but that will take a LOT of time. If you want to download all of the videos in a playlist quickly and easily, you need to make a download list, then download them all!

To do this, you need to be using the Firefox web browser. Its free, it runs on Windows, Mac and Linux, and if you are not already using it, you should be. You can get it free HERE.

With Firefox open and running, select “Add-ons” from the “Tools” menu in your menu bar. The first Add-on you need is the one that takes all of the videos in the playlist and turns them into a series of links. It is called BYTubeD, Bulk Youtube Downloader. To get it, type “BYTubeD” into the search bar in the top right corner.

Click the “Install” button to the right of it when you see it in your “results” list. This will download and install it. When this is finished, go back to the search bar and type “Download Them All”. As before, click the “Install” button to the right to install it.

To make your new add-ons active you need to restart Firefox. To do this, simply click the text that says “Restart now”

Once you have clicked restart, you can close the Add-ons window, and any other windows that may have popped up.

And now the fun starts!

To get downloading, go to Youtube and find your channel, and click the playlist you want to download.

As you can see, there are 28 videos on this playlist. To download them all, open your “Tools” tab on your menu bar and select “BYTubeD”. It should be at the bottom. This will open a new window.

**BEWARE** – Not only does this window contain info for all the videos you want, it also contains the info for other playlists and videos that are on this page that you may not want as well! As highlighted below, you can see the Sonoma videos I want, but I am not interested in Phoenix or Gainsville etc etc…..

For the next step, you need to tell BYTubed which videos you DO want to keep. To do this, simply highlight them. To select multiple videos (Which is kinda the point of this article) hold down your control key, then click each one if your using Windows, or your command key and click if you’ve got a Mac. Once you have highlighted the videos you want to download, click the start button.

BYTubed will now chew through the playlist and open up a new web page with links to all your videos.

Now’s where the magic happens. To download them all, open “Download Them All” from your “Tools” menu in your menu bar.

All that is left to do now is to check mark (click the circles to the left of the names) the videos you want to keep, choose your download location (I usually download to my desktop) then click “Start” to watch those babies start loading down!

That’s all there is to it!

Download, Save and Keep videos from Youtube

November 27, 2012November 27, 2012 The Webernets0 comment

From time to time we all come across videos on Youtube that we really want to download and keep on our computers so we can watch at anytime, or to re-encode so we can watch and keep them on our phones or ipods and ipads to. A simple way to download videos is with Video Download Helper.

In order to use Video Download Helper you need to be using Firefox browser, so if you are not, you probably should be, and you can download it free HERE.

Now you have Firefox open and running, you need to get the free Video Download Helper Add On. To do this, select this “Add-ons” from the “Tools” menu in your menu bar. Once the Add-ons window opens type “Video Download Helper” in the search box in the top right corner.

Video Download Helper should be the first result, so when you see it in the list, click the “Install” button to right of it. Once it has finished downloading and installing, you will need to restart Firefox to make it active. To do this, simply click the “Restart now” text.

Once Firefox restarts, you can close out of the Add-ons window and any other windows that have popped up, and you should now see a new icon in the top left.

This means you are all set to go! Now when you wake up at 2am and worry that Gangnam Style is going to be taken down and you will never see it again, you can open it up in Youtube, click the little black upside down triangle next to the colored logo (when its gray out it means there is nothing to download on the page – when its colored, there is a file it can retrieve for you) and select the quality of the file you want to download.

Once you have selected your preferred resolution and format, its just a matter of confirming with the “Save File” dialogue box, and your good to go!

Video Download Helper has a swag of other cool features as well, but we’ll cover those another time as I know you just CANT WAIT to go and run your new Gangnam Style video up on your home theater system!

Not sure what a pretty lady who can afford and appreciate a good cup of coffee has to do with horse riding though? Ahhh Who Cares……..Opp-Opp-Oppan Gangnam Style Baby!

Share this:

Share this:

Share this:

Share this:

Share this:

Share this: