{"id":51074,"date":"2011-06-06T09:30:47","date_gmt":"2011-06-06T13:30:47","guid":{"rendered":"http:\/\/wpmu.org\/?p=51074"},"modified":"2011-07-21T16:36:38","modified_gmt":"2011-07-21T20:36:38","slug":"wordpress-meet-ipad-how-to-install-wordpress-from-your-ipad","status":"publish","type":"post","link":"https:\/\/wpmudev.com\/blog\/wordpress-meet-ipad-how-to-install-wordpress-from-your-ipad\/","title":{"rendered":"WordPress, meet iPad: How to Install WordPress from Your iPad"},"content":{"rendered":"<p><strong>WordPress and iPad <\/strong>are two pretty significant things in my life right now. Recently I bought my very first iPad and, inbetween playing <a href=\"http:\/\/itunes.apple.com\/us\/app\/world-of-goo-hd\/id401301276?mt=8\" target=\"_blank\">World of Goo<\/a>, making music on my <a href=\"http:\/\/itunes.apple.com\/us\/app\/korg-ims-20\/id401142966?mt=8\" target=\"_blank\">Korg<\/a>, and buying apps, I\u2019ve been trying to figure out if I can <strong>replace my laptop with my iPad<\/strong> so it can be my number one on-the-go device. <strong>I want my iPad to be more than a toy <\/strong>and actually be useful beyond playing <a href=\"http:\/\/itunes.apple.com\/us\/app\/solitaire-city-deluxe\/id283436103?mt=8\" target=\"_blank\">Solitaire <\/a>(which is what I have done most of on my iPad).<\/p>\n<p>This week, I want to see if I can<strong> build my brand new portfolio website <\/strong>using only my iPad. Everything, from <strong>installation, to images, graphics and content <\/strong>&#8211; can I do it on my iPad? I&#8217;ll be posting about it all week. As yet, I&#8217;m not quite sure how successful I will be so you could witness a massive flop.<\/p>\n<p>In the first instance I thought \u201cyeah, easy!\u201d <strong>I went to download WordPress using Safari and realized that I couldn\u2019t actually download the files<\/strong> as the iOS doesn&#8217;t have a native file system. Not so easy as I thought &#8211; spanner very much in works. But I\u00a0endeavored\u00a0and today have seen much success with installation. Let&#8217;s get to it:<\/p>\n<h2>Tutorial: Installing WordPress from your iPad<\/h2>\n<p>You could, if your web hosting offers it, install WordPress using <strong>Fantastico <\/strong>\u2013 one click and WordPress is installed. But that wouldn\u2019t 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 <strong>download WordPress, edit wp-config and FTP the whole thing back up onto my server<\/strong>. This would involve <strong>apps <\/strong>and it took a while to figure out the right tools, but I found them. Neither are free but these apps are cheap and\u00a0definitely\u00a0worth it.<\/p>\n<ul>\n<li><a href=\"http:\/\/itunes.apple.com\/us\/app\/icab-mobile-web-browser\/id308111628?mt=8\" target=\"_blank\">iCab<\/a><\/li>\n<li><a href=\"http:\/\/itunes.apple.com\/us\/app\/goodreader-for-ipad\/id363448914?mt=8\" target=\"_blank\">Goodreader<\/a><\/li>\n<\/ul>\n<p>iCab is a <strong>browser <\/strong>for your iPad. Unlike Safari, you can use it to download files and then<strong> transfer them to other programs<\/strong> such as Dropbox or your FTP. Not only that, but it uses<strong> tabbed browsing<\/strong> so you don\u2019t have to keep zooming in and out of your browser to move pages.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51080\" title=\"icab\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/icab.png\" alt=\"icab iPad browser with tabs\" width=\"550\" height=\"413\" \/><\/p>\n<p>Goodreader is an app for<strong> reading and editing files<\/strong>. It was built for docs, txt and pdf but it also has great <strong>FTP functionality<\/strong> which you can use to upload WordPress and other files on to your server. I did try out <a href=\"http:\/\/itunes.apple.com\/us\/app\/ftp-on-the-go\/id286479936?mt=8\" target=\"_blank\">FTP on the Go<\/a> but (after forking out \u00a35.99 for it) I discovered that you can\u2019t upload folders and the idea of recreating the whole file system on my server made my eyes hurt. That\u2019ll teach me to read the reviews in the future.<\/p>\n<p style=\"padding-left: 30px;\"><em>Tip: \u00a0A handy shortcut is to <strong>doubletap on your home button<\/strong>. This brings up a toolbar which makes it easy to navigate around your programs.<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51079\" title=\"toolbar\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/toolbar.png\" alt=\"toolbar on iPad\" width=\"550\" height=\"413\" \/><\/p>\n<p>Let\u2019s go through the <strong>normal WordPress installation sequence<\/strong>. I\u2019m assuming that you have some knowledge of installing WordPress already:<\/p>\n<p>1.<a href=\"http:\/\/codex.wordpress.org\/Installing_WordPress#Step_2:_Create_the_Database_and_a_User\" target=\"_blank\"> Create your MySQL database<\/a><\/p>\n<p>2. Open <strong>iCab <\/strong>and navigate to WordPress.org. Click <strong>Download<\/strong><\/p>\n<p>3. Click the <strong>Download icon<\/strong> in iCab:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51081\" title=\"wpdownload\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/wpdownload.png\" alt=\"Wordpress in download folder\" width=\"550\" height=\"413\" \/><br \/>\n4. Select \u201c<strong>Open in external App<\/strong>\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51082\" title=\"open\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/open.png\" alt=\"open in external app option in iCab\" width=\"550\" height=\"413\" \/><br \/>\n5. Choose <strong>GoodReader<\/strong>. The file will be <strong>transferred <\/strong>to Goodreader.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51085\" title=\"opengoodreader\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/opengoodreader.png\" alt=\"transfer the file to goodreader\" width=\"350\" height=\"388\" \/><br \/>\n6. <strong>Unzip <\/strong>the file<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51087\" title=\"unzip\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/unzip.png\" alt=\"unzip WordPress\" width=\"550\" height=\"413\" \/><br \/>\n7. Find <strong>wp-config-sample.php<\/strong>. Select it and choose to view in <strong>TXT <\/strong>viewer<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51089\" title=\"txtviewer\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/txtviewer.png\" alt=\"Text viewer\" width=\"399\" height=\"399\" \/><br \/>\n8. Add your <strong>database name, username and host<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51092\" title=\"wpconfig\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/wpconfig.png\" alt=\"wp config file\" width=\"550\" height=\"413\" \/><br \/>\n9. <a href=\"https:\/\/api.wordpress.org\/secret-key\/1.1\/salt\/\" target=\"_blank\">Add your unique keys and salts<\/a>. Save<\/p>\n<p>10. Select \u201c<strong>Manage <\/strong>Files\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51093\" title=\"managefiles\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/managefiles.png\" alt=\"Manage files tab on right hand side\" width=\"550\" height=\"413\" \/><br \/>\n11. Select wp-config-sample.php and then click <strong>rename<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51094\" title=\"rename\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/rename.png\" alt=\"rename file\" width=\"550\" height=\"413\" \/><br \/>\n12. Rename the file <strong>wp-config.php<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51095\" title=\"renamewpconfig\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/renamewpconfig.png\" alt=\"file rename to wp-config\" width=\"280\" height=\"184\" \/><br \/>\n13. Add an <strong>FTP\u00a0server<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51096\" title=\"addftp\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/addftp.png\" alt=\"Add FTP server\" width=\"550\" height=\"413\" \/><\/p>\n<p>These will be your normal FTP details.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51108\" title=\"ftp\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/ftp.png\" alt=\"FTP settings\" width=\"300\" height=\"309\" \/><br \/>\n14. Tap on your server to <strong>connect<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51097\" title=\"connectftp\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/connectftp.png\" alt=\"connect to FTP\" width=\"550\" height=\"413\" \/><br \/>\n15. <strong>Navigate <\/strong>to the folder you want WordPress to live.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51098\" title=\"ftpfolder\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/ftpfolder.png\" alt=\"FTP folder\" width=\"550\" height=\"413\" \/><br \/>\n16. <strong>Upload<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51099\" title=\"upload-files\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/upload-files.png\" alt=\"upload files\" width=\"550\" height=\"413\" \/><\/p>\n<p>This is so much <strong>slower <\/strong>than standard FTP so be prepared to wait. It took around 10 minutes for me.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51100\" title=\"ftpuploading\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/ftpuploading.png\" alt=\"files uploading\" width=\"550\" height=\"413\" \/><br \/>\n17. <strong>Navigate <\/strong>to your domain. If you\u2019re lucky you\u2019ll get the install page. If you\u2019re unlucky, like me, you\u2019ll get a 500 Internal Server Error:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51101\" title=\"servererror\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/servererror.png\" alt=\"Internal Server Error\" width=\"550\" height=\"280\" \/><\/p>\n<p>Poor me. Here it is in all it&#8217;s glory.<\/p>\n<pre>Internal Server Error\r\nThe server encountered an internal error or misconfiguration and was unable to complete your request.\r\nPlease contact the server administrator, me@mysite.com and inform them of the time the error occurred, and anything you might have done that may have caused the error.\r\nMore information about this error may be available in the server error log.\r\nAdditionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.<\/pre>\n<p>To solve this problem I had to<strong> create and edit a .htaccess file<\/strong>. GoodReader doesn\u2019t 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:<\/p>\n<pre># BEGIN WordPress\r\n\r\nRewriteEngine On\r\nRewriteBase \/\r\nRewriteCond %{REQUEST_FILENAME} !-f\r\nRewriteCond %{REQUEST_FILENAME} !-d\r\nRewriteRule . \/index.php [L]\r\n\r\n# END WordPress<\/pre>\n<p>(Thanks to <a href=\" http:\/\/edwardkhoo.com\/internal-server-error-500-for-wordpress-blog\/\" target=\"_blank\">Edwardkhoo for this fix<\/a>)<\/p>\n<p>Then I <strong>uploaded<\/strong> the .htaccess file onto my server.<\/p>\n<p>Hopefully you won&#8217;t have to go through all of this rigmarole. Instead you should\u00a0visit your page and you\u2019ll have the setup screen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51102\" title=\"success\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/success.png\" alt=\"wordpress installation page\" width=\"550\" height=\"413\" \/><br \/>\nFill in your details.<\/p>\n<p>18. You are done!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-51106\" title=\"installed\" src=\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2011\/06\/installed.png\" alt=\"wordpress installed using iPad\" width=\"550\" height=\"413\" \/><br \/>\nA little bit<strong> more complex<\/strong> than the usual five minute install but it\u2019s definitely do-able.<\/p>\n<p>Tomorrow I\u2019m going to<strong> install my new theme and get it looking snazzy<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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\u2019ve been trying to figure out if I can replace my laptop with my iPad so it can be my number [&hellip;]<\/p>\n","protected":false},"author":131844,"featured_media":52712,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"blog_reading_time":"","wds_primary_category":0,"wds_primary_tutorials_categories":0,"footnotes":""},"categories":[263],"tags":[2395],"tutorials_categories":[],"class_list":["post-51074","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-mobile"],"_links":{"self":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/51074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/users\/131844"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/comments?post=51074"}],"version-history":[{"count":1,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/51074\/revisions"}],"predecessor-version":[{"id":216113,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/posts\/51074\/revisions\/216113"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media\/52712"}],"wp:attachment":[{"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/media?parent=51074"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/categories?post=51074"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tags?post=51074"},{"taxonomy":"tutorials_categories","embeddable":true,"href":"https:\/\/wpmudev.com\/blog\/wp-json\/wp\/v2\/tutorials_categories?post=51074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}