WordPress, meet iPad: How to Install WordPress from Your iPad

WordPress, meet iPad: How to Install WordPress from Your iPad

WordPress and iPad are two pretty significant things in my life right now. Recently I bought my very first iPad and, inbetween playing World of Goo, making music on my Korg, and buying apps, I’ve been trying to figure out if I can replace my laptop with my iPad so it can be my number one on-the-go device. I want my iPad to be more than a toy and actually be useful beyond playing Solitaire (which is what I have done most of on my iPad).

This week, I want to see if I can build my brand new portfolio website using only my iPad. Everything, from installation, to images, graphics and content – can I do it on my iPad? I’ll be posting about it all week. As yet, I’m not quite sure how successful I will be so you could witness a massive flop.

In the first instance I thought “yeah, easy!” I went to download WordPress using Safari and realized that I couldn’t actually download the files as the iOS doesn’t have a native file system. Not so easy as I thought – spanner very much in works. But I endeavored and today have seen much success with installation. Let’s get to it:

Tutorial: Installing WordPress from your iPad

You could, if your web hosting offers it, install WordPress using Fantastico – one click and WordPress is installed. But that wouldn’t make for a very interesting post, and anyway, not everyone has access to Fantastico. Instead I knew I had to figure out a way to download WordPress, edit wp-config and FTP the whole thing back up onto my server. This would involve apps and it took a while to figure out the right tools, but I found them. Neither are free but these apps are cheap and definitely worth it.

iCab is a browser for your iPad. Unlike Safari, you can use it to download files and then transfer them to other programs such as Dropbox or your FTP. Not only that, but it uses tabbed browsing so you don’t have to keep zooming in and out of your browser to move pages.

icab iPad browser with tabs

Goodreader is an app for reading and editing files. It was built for docs, txt and pdf but it also has great FTP functionality which you can use to upload WordPress and other files on to your server. I did try out FTP on the Go but (after forking out £5.99 for it) I discovered that you can’t upload folders and the idea of recreating the whole file system on my server made my eyes hurt. That’ll teach me to read the reviews in the future.

Tip:  A handy shortcut is to doubletap on your home button. This brings up a toolbar which makes it easy to navigate around your programs.

toolbar on iPad

Let’s go through the normal WordPress installation sequence. I’m assuming that you have some knowledge of installing WordPress already:

1. Create your MySQL database

2. Open iCab and navigate to WordPress.org. Click Download

3. Click the Download icon in iCab:

Wordpress in download folder
4. Select “Open in external App

open in external app option in iCab
5. Choose GoodReader. The file will be transferred to Goodreader.

transfer the file to goodreader
6. Unzip the file

unzip WordPress
7. Find wp-config-sample.php. Select it and choose to view in TXT viewer

Text viewer
8. Add your database name, username and host.

FREE EBOOK
Your step-by-step roadmap to a profitable web dev business. From landing more clients to scaling like crazy.

By downloading this ebook I consent to occasionally receive emails from WPMU DEV.
We keep your email 100% private and do not spam.

FREE EBOOK
Plan, build, and launch your next WP site without a hitch. Our checklist makes the process easy and repeatable.

By downloading this ebook I consent to occasionally receive emails from WPMU DEV.
We keep your email 100% private and do not spam.

wp config file
9. Add your unique keys and salts. Save

10. Select “Manage Files”

Manage files tab on right hand side
11. Select wp-config-sample.php and then click rename.

rename file
12. Rename the file wp-config.php

file rename to wp-config
13. Add an FTP server.

Add FTP server

These will be your normal FTP details.

FTP settings
14. Tap on your server to connect

connect to FTP
15. Navigate to the folder you want WordPress to live.

FTP folder
16. Upload.

upload files

This is so much slower than standard FTP so be prepared to wait. It took around 10 minutes for me.

files uploading
17. Navigate to your domain. If you’re lucky you’ll get the install page. If you’re unlucky, like me, you’ll get a 500 Internal Server Error:

Internal Server Error

Poor me. Here it is in all it’s glory.

Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator, [email protected] and inform them of the time the error occurred, and anything you might have done that may have caused the error.
More information about this error may be available in the server error log.
Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.

To solve this problem I had to create and edit a .htaccess file. GoodReader doesn’t seem to like .htaccess and it adds a .txt onto the end. To solve this I downloaded a .htaccess file from another one of my sites via FTP and added the following code:

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

# END WordPress

(Thanks to Edwardkhoo for this fix)

Then I uploaded the .htaccess file onto my server.

Hopefully you won’t have to go through all of this rigmarole. Instead you should visit your page and you’ll have the setup screen:

wordpress installation page
Fill in your details.

18. You are done!

wordpress installed using iPad
A little bit more complex than the usual five minute install but it’s definitely do-able.

Tomorrow I’m going to install my new theme and get it looking snazzy.

Tags: