{"id":130,"date":"2009-10-05T12:32:19","date_gmt":"2009-10-05T17:32:19","guid":{"rendered":"http:\/\/www.danielwiener.com\/is\/?p=130"},"modified":"2011-12-04T16:12:52","modified_gmt":"2011-12-04T21:12:52","slug":"ftp-and-upload-wpfolio","status":"publish","type":"post","link":"https:\/\/www.danielwiener.com\/is\/artist_website_archived\/ftp-and-upload-wpfolio","title":{"rendered":"FTP and Upload WPFolio"},"content":{"rendered":"<h1><strong>FTP in Dreamweaver, for WPFolio installation.<\/strong><\/h1>\n<p><strong>We are going to be learning about ftp and will install some more files necessary for <a href=\"http:\/\/dev.eyebeam.org\/projects\/wpfolio\/wiki\/WPFolio\">WPFolio.<\/a><\/strong>The folks who created WPFolio also have <a href=\"http:\/\/dev.eyebeam.org\/projects\/wpfolio\/wiki\/WPFolio\" target=\"_blank\">instructions,<\/a> if you would like to check them out.<\/p>\n<h4>Create root folder on your computer<\/h4>\n<p>Create a folder on your computer. This will be the root folder for the local mirror of your online site. Name the folder whatever you wish. If you are on a Mac, I recommend creating this folder in the Sites folder, for the sake of consistency.<\/p>\n<h4>Setting up Remote\/Local Sites and FTP on Dreamweaver:<\/h4>\n<blockquote><p>NOTE: If you understand FTP and already have an FTP client you can skip this step and just download the required files (WPFolio, Gallery Plus, etc.) and drag and drop them in the appropriate folders. See below.<\/p><\/blockquote>\n<blockquote><p>NOTE: For those students using BlueHost and who don&#8217;t have Dreamweaver, BlueHost suggests you use <a href=\"http:\/\/cyberduck.ch\/\">CyberDuck (Mac)<\/a>, <a href=\"http:\/\/www.coreftp.com\/\">CoreFTP (Windows),<\/a> or <a href=\"http:\/\/filezilla-project.org\/\">Filezilla(Windows) a<\/a>s your FTP software. They are free.<\/p>\n<p>Go to <a href=\"http:\/\/tutorials.bluehost.com\/started\/\">http:\/\/tutorials.bluehost.com\/started\/ <\/a>and scroll down to &#8220;Managing \/Uploading Files&#8221; and read their instructions for setting up these applications.<\/p>\n<p>You can also use the free Firefox add-on <a href=\"http:\/\/fireftp.mozdev.org\/\">FireFTP o<\/a>n all platforms as your FTP client.<\/p><\/blockquote>\n<p>Open Dreamweaver and choose Sites-&gt;New Sites from the top menu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/is\/wp-content\/uploads\/wpfolio_install\/01_sites_topmenu.jpg\" alt=\"WPFolio\" width=\"600\" height=\"82\" \/><\/p>\n<p>In the dialog box, choose the &#8220;Basic&#8221; option. Editing Files Step 1. Enter your site name and the url to your site. Click &#8220;Next&#8221;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/is\/wp-content\/uploads\/wpfolio_install\/02_basic_site_step1.jpg\" alt=\"WPFolio\" width=\"600\" height=\"407\" \/><\/p>\n<p>In Editing Files Step 2 choose the radio button that says &#8220;No, I don\u2019t want to use server technology.&#8221; Click &#8220;Next&#8221;.<\/p>\n<p>Editing Files Step 3, choose to Edit Local Copies. Click the folder on the right of the text box to find the folder you created at the beginning of the tutorial. It will look something like this on a Mac. The path will look different on a PC. Click &#8220;Next&#8221;.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/is\/wp-content\/uploads\/wpfolio_install\/04_basic_site_step3_localfolder.jpg\" alt=\"WPFolio\" width=\"594\" height=\"348\" \/><\/p>\n<p>Testing files. Use default. Don\u2019t change. Click &#8220;Next&#8221;.<\/p>\n<p>Sharing Files. Enter information for connecting to your site with FTP. If your site ends with .org or another extension use that instead of .com. Enter you username and password. These should be the username\/password pair for your GoDaddy <strong>hosting <\/strong>account \u2013 not your database, wordpress or goDaddy account username and password. I know this is a bit confusing but\u2026 Click &#8220;Test Connection&#8221; to check you have entered the correct information. Troubleshoot if it does not work right away.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/is\/wp-content\/uploads\/wpfolio_install\/05_basic_site_step4_ftp.jpg\" alt=\"WPFolio\" width=\"600\" height=\"443\" \/><\/p>\n<p>Sharing Files Part 2 \u2013 Choose &#8220;No, do not enable check in and check out.&#8221; Click &#8220;Next&#8221;.<\/p>\n<p>Check the Summary, then click &#8220;Done&#8221;.<\/p>\n<p>NOTE: Some hosts require \u201cPassive FTP\u201d. In Dreamweaver go to Sites-&gt;Manage Sites. Select your site, click \u201cEdit\u201d. In the dialog box choose \u201cAdvanced\u201d and choose \u201cRemote Info\u201d from the drop-down list on the left. Then check \u201cPassive FTP\u201d and save and close dialog box.<\/p>\n<h4>Downloading remote files to mirrored local site.<\/h4>\n<p>Open the file browser. Go to &#8220;Files&#8221; from the Windows menu:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/is\/wp-content\/uploads\/wpfolio_install\/09_show_file_browser.jpg\" alt=\"WPFolio\" width=\"230\" height=\"629\" \/><\/p>\n<p>When the file browser is opened make sure that both the remote site and local site panels are open. It should look something like this:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/is\/wp-content\/uploads\/wpfolio_install\/10a_connect_remote_host.jpg\" alt=\"WPFolio\" width=\"600\" height=\"194\" \/><\/p>\n<p>With the file browser open click the Connect button:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/is\/wp-content\/uploads\/wpfolio_install\/10_connect_remote_host.jpg\" alt=\"WPFolio\" width=\"477\" height=\"175\" \/><\/p>\n<p>When the remote files appear select the your WordPress folder or if you have uploaded the WordPress files to the root folder, select the files. You don\u2019t need to select the folders\/files that come with the GoDaddy install, e.g &#8220;cgi-bin&#8221;, &#8220;php.ini&#8221;, &#8220;stats&#8221;, etc. Then click the green &#8220;Get Files&#8221; arrow to transfer the WordPress files to your computer.<\/p>\n<p>To &#8220;get&#8221; files means that you send them from the remote site (hosted by GoDaddy, in this instance) to your own computer, better known as &#8220;downloading&#8221;. &#8220;Putting&#8221; files means to send them from your computer to the remote site, better known as &#8220;uploading&#8221;. These terms are good to know, you don\u2019t want to confuse them.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/is\/wp-content\/uploads\/wpfolio_install\/11_get_files.jpg\" alt=\"WPFolio\" width=\"600\" height=\"243\" \/><\/p>\n<p>To download your WordPress files will take at least 5 minutes. (more if you are on dial-up) Dreamweaver gives you feedback about the progress of the download.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/is\/wp-content\/uploads\/wpfolio_install\/12_gettingfiles.jpg\" alt=\"WPFolio\" width=\"394\" height=\"360\" \/><\/p>\n<p>When the remote files are completely downloaded your file browser will look something like this:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/is\/wp-content\/uploads\/wpfolio_install\/15_view_of_files_local_remote.jpg\" alt=\"WPFolio\" width=\"600\" height=\"471\" \/><\/p>\n<h4>Downloading WPFolio and required plugins.<\/h4>\n<p>Download the WPFolio template for WordPress.<\/p>\n<p><strong>Option 1:<\/strong><\/p>\n<p>The upcoming release of WPFolio (Version 1.5) has many new and useful features. I highly recommend that you download it. (It will be on WordPress.org soon)<\/p>\n<p>For version 1.5 of WPFolio go to:<\/p>\n<p><a href=\"http:\/\/github.com\/slambert\/WPFolio\">http:\/\/github.com\/slambert\/WPFolio<\/a><\/p>\n<p>Click on &#8220;Download Source&#8221; button towards the upper right<br \/>\ncorner.<\/p>\n<p>Save the wpfolio zip file in you local site folder in wp-content\/themes, see below. Unzip the file. It will have a strange name like &#8220;slambert-WPFolio-v1.5-1-g2fc9aaa&#8221; . Change the name to &#8220;wpfolio&#8221;. Then follow the instructions for uploading it to your site below.<\/p>\n<p><strong>Option 2 (For version 1.41):<\/strong><\/p>\n<p>With the recent versions of WordPress you can add Themes from the WordPress Dashboard. Click on Appearances-&gt;Themes in the left-hand side panel of the WordPress Dashboard. Then click on the &#8220;Add New&#8221; button towards the top of the page. On the next screen enter &#8220;WPFolio&#8221; in the search box and click &#8220;Search&#8221;. Once WPFolio appears click &#8220;Install&#8221;, follow instructions and finally click &#8220;Activate&#8221;.<\/p>\n<p><strong>Option 3 (For Version 1.41):<\/strong><\/p>\n<p>Go to:<\/p>\n<p><a href=\"http:\/\/www.wordpress.org\/extend\/themes\/wpfolio\/\">http:\/\/www.wordpress.org\/extend\/themes\/wpfolio\/<\/a> and click &#8220;Download&#8221;. Save the wpfolio zip file in you local site folder in wp-content\/themes, see below. Unzip the file.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/is\/wp-content\/uploads\/wpfolio_install\/14_directory_view_of_wp_plugins_themes.jpg\" alt=\"wpfolio\" width=\"299\" height=\"543\" \/><\/p>\n<p><strong>Option 1) Installing Plugins from the WordPress Dashboard:<\/strong><\/p>\n<p>With the recent versions of WordPress you can add Plugins from the WordPress Dashboard. Click on Plugins-&gt;Add New in the left-hand side panel of the WordPress Dashboard. On the next screen enter the name of the Plugin in the search box and click &#8220;Search&#8221;. The Plugins are listed below. Click the &#8220;Install&#8221; button for the appropriate Plugin, follow instructions and finally click &#8220;Activate&#8221;. Repeat for each Plugin.<\/p>\n<p><strong>Option 2) Downloading &#8220;manually&#8221;:<\/strong><\/p>\n<p>Download the following to the &#8220;plugins&#8221; folder in &#8220;wp-content&#8221;<\/p>\n<p><a href=\"http:\/\/wordpress.org\/extend\/plugins\/gallery-plus\/\">Gallery Plus<\/a> \u2013 <a href=\"http:\/\/wordpress.org\/extend\/plugins\/gallery-plus\/\">http:\/\/wordpress.org\/extend\/plugins\/gallery-plus\/<\/a><\/p>\n<p><a href=\"http:\/\/wordpress.org\/extend\/plugins\/contact-form-7\/\">Contact Form 7<\/a> \u2013 <a href=\"http:\/\/wordpress.org\/extend\/plugins\/contact-form-7\/\">http:\/\/wordpress.org\/extend\/plugins\/contact-form-7\/<\/a><\/p>\n<p>On the Eyebeam page of instructions that recommend Form something. I like and am familiar with Contact Form 7.<\/p>\n<p><a href=\"http:\/\/wordpress.org\/extend\/plugins\/lightbox-2-wordpress-plugin\/\">Lightbox 2<\/a> \u2013 <a href=\"http:\/\/wordpress.org\/extend\/plugins\/lightbox-2-wordpress-plugin\/\">http:\/\/wordpress.org\/extend\/plugins\/lightbox-2-wordpress-plugin\/<\/a><\/p>\n<p>Optional:<\/p>\n<p><a href=\"http:\/\/michelf.com\/projects\/php-markdown\/\">PHP Markdown<\/a> \u2013 <a href=\"http:\/\/michelf.com\/projects\/php-markdown\/\">http:\/\/michelf.com\/projects\/php-markdown\/ <\/a><br \/>\nThe Eyebeam site recommends using PHP Markdown. I am not going to cover it. If it looks promising to you download and install it.<\/p>\n<p>If they are zip files, unzip them.<\/p>\n<h4>Uploading WPFolio<\/h4>\n<p>Back to Dreamweaver.<\/p>\n<p>In the file browser, select &#8220;wpfolio&#8221; in &#8220;wp-content\/themes&#8221; and click the blue arrow to &#8220;put&#8221; or upload &#8220;wpfolio&#8221; to the remote site.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/is\/wp-content\/uploads\/wpfolio_install\/16_putting_wp_folio.jpg\" alt=\"WPfolio\" width=\"541\" height=\"670\" \/><\/p>\n<p>Select &#8220;contact-form-7&#8221;, &#8220;lightbox-2&#8221;, &#8220;php-markup&#8221; and &#8220;gallery-plus&#8221; in &#8220;wp-content\/plugins&#8221; and click the blue arrow to &#8220;put&#8221; or upload them to the remote site.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/is\/wp-content\/uploads\/wpfolio_install\/17_putting_plugins.jpg\" alt=\"wpfolio\" width=\"493\" height=\"456\" \/><\/p>\n<p>Ok. Now everything is downloaded. It is time to go to wordpress and configure WPFolio and the plugins.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learning about ftping in Dreamweaver and then install some more files necessary for <a href=\"http:\/\/dev.eyebeam.org\/projects\/wpfolio\/wiki\/WPFolio\">WPFolio. <\/a> <a href=\"https:\/\/www.danielwiener.com\/is\/artist_website_archived\/ftp-and-upload-wpfolio\"><br \/>Read More<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[],"class_list":["post-130","post","type-post","status-publish","format-standard","hentry","category-artist_website_archived"],"_links":{"self":[{"href":"https:\/\/www.danielwiener.com\/is\/wp-json\/wp\/v2\/posts\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.danielwiener.com\/is\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.danielwiener.com\/is\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.danielwiener.com\/is\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.danielwiener.com\/is\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":16,"href":"https:\/\/www.danielwiener.com\/is\/wp-json\/wp\/v2\/posts\/130\/revisions"}],"predecessor-version":[{"id":740,"href":"https:\/\/www.danielwiener.com\/is\/wp-json\/wp\/v2\/posts\/130\/revisions\/740"}],"wp:attachment":[{"href":"https:\/\/www.danielwiener.com\/is\/wp-json\/wp\/v2\/media?parent=130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.danielwiener.com\/is\/wp-json\/wp\/v2\/categories?post=130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.danielwiener.com\/is\/wp-json\/wp\/v2\/tags?post=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}