{"id":595,"date":"2024-05-10T13:22:06","date_gmt":"2024-05-10T17:22:06","guid":{"rendered":"https:\/\/sites.bu.edu\/marcom-team\/?page_id=595"},"modified":"2025-12-01T10:49:18","modified_gmt":"2025-12-01T15:49:18","slug":"coda","status":"publish","type":"page","link":"https:\/\/sites.bu.edu\/marcom-team\/departments\/interactive-design\/role-specific-info\/designers-developers\/dev-setup\/sftp-code-editors\/coda\/","title":{"rendered":"Coda Code Editor"},"content":{"rendered":"<h2>SFTP Set Up<\/h2>\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h3 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">1. Source Control directories<\/h3><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>It is most useful to separate out where your Git files live versus any other files.<br \/>\nUsing `Sites` is a good place\u2014inside of that, create a `\/themes` directory.<\/p>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h3 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">2. Add the Servers We Use<\/h3><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>(Coda calls them &#8216;sites&#8217;)<\/p>\n<p>** It is important to set the local and remote directories equally (both are a folder containing themes folders). This will make &#8220;publishing&#8221; with Coda 100% easier and faster (more below).<\/p>\n<p>nm for theme edits (with Git)<br \/>\nSite Tab:<br \/>\nRemote Root: `\/var\/www\/sandboxes\/id\/current\/wp-content\/themes`<br \/>\nLocal Root: `\/Volumes\/Macintosh HD\/Users\/your-user\/Sites\/themes`<br \/>\nServer Tab:<br \/>\nProtocol: SFTP<br \/>\nServer: ist-wp-app-devl101.bu.edu<br \/>\nYour FTP Username and password<br \/>\nStatic files directories ( \/webteam, \/bostonia issue files, etc.. )<br \/>\nSite Tab:<br \/>\nRemote Root: `\/afs\/.bu.edu\/cwis\/webuser\/web\/`<br \/>\nServer Tab:<br \/>\nProtocol: SFTP<br \/>\nServer: webdev.bu.edu<br \/>\nYour FTP Username and Password<\/p>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h3 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">3. Publishing<\/h3><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>Since you set up your local and remote directories equally, we can edit files, save them, and then publish them at the click of a button or keyboard shortcut ( \u2318 + Control + P ).<\/p>\n<p>If you haven&#8217;t done it yet, look through `2. Add the Servers We Use` section above.<\/p>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h3 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">4. Show Invisible Characters<\/h3><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>Showing Invisible Characters (helps for tabs vs spaces)<\/p>\n<p>Go to `Coda &gt; Preferences &gt; &#8216;Editor&#8217; Tab`<br \/>\nCheck `Show Invisible Characters`<br \/>\nCheck `Show Indentation Guides`<br \/>\nMake sure `Tab Width` is set to `4` and `Use spaces instead of tabs` is NOT checked.<\/p>\n<p><\/div>\n<\/div>\n\n<div class=\"bu_collapsible_container \" aria-live=\"polite\" data-customize-animation=\"false\"><h3 class=\"bu_collapsible\" aria-expanded=\"false\"tabindex=\"0\" role=\"button\">5. Set Some Upload Rules<\/h3><div class=\"bu_collapsible_section\" style=\"display: none;\"><\/p>\n<p>We don&#8217;t have to upload some directories, like `.node-modules` and `bower_components`, so we can set some rules to tell Coda to ignore these.<br \/>\nTBD<\/p>\n<p><\/div>\n<\/div>\n\n<h2>Recommended Plugins<\/h2>\n<p>Coda has a great repository of <a href=\"https:\/\/panic.com\/coda\/plugins.php#Picks\">plugins<\/a>. Here are some recommended ones:<\/p>\n<ol>\n<li><a href=\"https:\/\/panic.com\/coda\/plugins.php?id=22\">White Out<\/a> &#8211; Automatically trims whitespace from the end of files on save.<\/li>\n<li><a href=\"https:\/\/panic.com\/coda\/plugins.php?id=99\">WordPress 4.4 Additions<\/a> &#8211; Auto-completion for WordPress 4.4 functions\/constants.<\/li>\n<li><a href=\"https:\/\/panic.com\/coda\/plugins.php?id=124\">Sort 1.0<\/a> &#8211; Alphabetizes lines of code. <em>Note: Properties prefixed with <code>-<\/code> (e.x. <code>-webkit-transition<\/code>) will be moved to the top of a group of properties with this plugin. Code Climate looks for properties to be organized by the first letter, not the first character.<\/em><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>SFTP Set Up Recommended Plugins Coda has a great repository of plugins. Here are some recommended ones: White Out &#8211; Automatically trims whitespace from the end of files on save. WordPress 4.4 Additions &#8211; Auto-completion for WordPress 4.4 functions\/constants. Sort 1.0 &#8211; Alphabetizes lines of code. Note: Properties prefixed with &#8211; (e.x. -webkit-transition) will be [&hellip;]<\/p>\n","protected":false},"author":12906,"featured_media":0,"parent":534,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/595"}],"collection":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/users\/12906"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/comments?post=595"}],"version-history":[{"count":13,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/595\/revisions"}],"predecessor-version":[{"id":2567,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/595\/revisions\/2567"}],"up":[{"embeddable":true,"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/pages\/534"}],"wp:attachment":[{"href":"https:\/\/sites.bu.edu\/marcom-team\/wp-json\/wp\/v2\/media?parent=595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}