WordPress Syntax mode for Panic Coda

As I’m working in Coda all day and I’m usually working with WordPress code, I took a moment and parsed our WordPress docs and created a WordPress syntax file for Coda.

PHP-HTML-WP mode

The mode is based on the PHP-HTML mode that comes with Coda 1.7 and WordPress 3.3.

Requirements:

Tested on Coda 1.7, might work on previous versions.

Installation:

  1. Download the packed mode file and unpack it.
  2. Copy the PHP-HTML-WP.mode the Coda Modes folder. ~/Library/Application Support/Coda/Modes/
  3. Open a WordPress or PHP file and load the syntax mode in Coda by visiting Text -> Syntax Mode -> PHP-HTML-WP in the toolbar.
  4. Optional: To make this mode the default visit the Editor pane in the Preferences window and select the ‘PHP-HTML-WP’ mode as default file type

Please note that this is an early version and is most likely still buggy. If you encounter any issues don’t hesitate to leave us a note.

About these ads

67 Responses to “WordPress Syntax mode for Panic Coda”

  1. Thank you for this useful mode file, I’ve created a list of functions myself as Clips but this is much more comprehensive.

    – James

  2. Excellent. That’s very very helpful. Thanks

  3. Thanks a bunch for this! Like James, I have a bunch of clips, but have been thinking about taking some time and doing just this. Thanks for saving me a bunch of time! Awesome!

  4. I’m really happy that I’m not the only one who’s getting a use from this. In case you also like to add a book for your documentation lookup in Coda then also have a look at http://hitchhackerguide.com/documentation-api/

    And of course – let me know if you run into any trouble.

  5. Seder dill check out this as soon i get home! Sounds promising!

  6. This is awesome, I’m going to try this out asap. One question, however, is how to change the colors.

    I’m using a different color scheme for Coda which has a darker bg and pastel colors for the code. There’s no seestyle file for this code but I’d like to overwrite the default styling.

    Is there an easy way to do this? Will I find something in the .mode folder? I tried adding a custom seestyle file and importing a new one but it didn’t work.

  7. Hi Thorsten
    Thanks a lot. Great tool. Before I use clip but it’s not so useful than yours staff.
    If I see bugs, I writte it down.

  8. Very impressed! :-) Making coding quite a bit easier now. Would love to see support for the functions parameters eventually.

  9. Amazing work, thanks! :-)

  10. This is fantastic, thanks for taking the time to create something like this. It makes WP development a lot less strenuous!

  11. Just in case there is someone out there like me who for some reason does not have the ‘Application Support/coda/” folder, just create it and you will be fine.

    My 2 cents.

    Amazing job with this. Will love to help.

  12. Thanks a lot for this features. It’s very useful, this will save me lots of time! Tank you again

  13. You beauty! This has made life so much easier than switching back and forth from WordPress Codex.

  14. Thanks for the hard work folks!

  15. Hey, I can’t find the Coda folder in ApplicationSupport folder. Can you help me?

  16. Somebody’s got to ask… Does this work with Coda 2? (I tried to install it but it doesn’t show up). Is an update coming soon?

  17. it works, but code colors are missing. Any idea ?

  18. I’m using Coda 2 and I can’t figure out how to get the color coding to work. Does anyone have a suggestion? Thanks!

  19. For all of you with coloring issues in Coda 2. I’m working on a fix and should have it ready within the next week.

  20. I just released a WordPress syntax mode for Coda 2 that includes all WordPress 3.6 functions: https://github.com/tillkruess/Coda-WordPress-Mode

  21. Daniel, thanks for the temporary fix. I’m trying to get this adjusted asap.

  22. i tried this with CODA 2 and its working but the color doesnt show up !

  23. Not putting any pressure but did you ever address this?
    I’ll owe you a few beers anyway since on Coda 1.x it helped me a lot!

  24. Sadly not yet. I still have this on my todo for the 3.5 release though

Trackbacks/Pingbacks

  1. WordPress Syntax mode for Panic Coda | Mark Wilkinson on WordPress - February 19, 2011

    [...] WordPress Syntax mode for Panic Coda | A HitchHackers guide through WordPress. [...]

  2. WordPress Syntax mode for Panic Coda (via A HitchHackers guide through WordPress) « Techbot - February 19, 2011

    [...] WordPress Syntax mode for Panic Coda (via A HitchHackers guide through WordPress) February 19, 2011 techbotz Leave a comment Go to comments As I'm working in Coda all day and I'm usually working with WordPress code, I took a moment and parsed our WordPress docs and created a WordPress syntax file for Coda. The mode is based on the PHP-HTML mode that comes with Coda 1.7 and WordPress 3.0.5. Requirements: Tested on Coda 1.7, might work on previous versions. Installation: Download the pac … Read More [...]

  3. Episode Three: PressTags - February 21, 2011

    [...] WordPress Syntax mode for Panic Coda | A HitchHackers guide through WordPress [...]

  4. WordPress 3.1 + updated Documentation & new Coda Syntax file | A HitchHackers guide through WordPress - February 24, 2011

    [...] with this update we also updated our documentation to show the new functions and the Coda Syntax Highlighter file to reflect the changes in the 3.1 version tag and include the over 130 new [...]

  5. WordPress Community Links: talk about WordPress from Tumblr edition | The best Tutorials - February 27, 2011

    [...] HitchHacker put up a WordPress syntax for Coda, created by parsing WordPress documentation. Pretty [...]

  6. WordPress Community Links: talk about WordPress from Tumblr edition » WordPressURLs - February 27, 2011

    [...] HitchHacker put up a WordPress syntax for Coda, combined by parsing WordPress documentation. Pretty [...]

  7. WordPress Community Links: talk about WordPress from Tumblr edition | WPCandy - February 28, 2011

    [...] HitchHacker put up a WordPress syntax for Coda, created by parsing WordPress documentation. Pretty [...]

  8. Developer Tools | WooThemes - March 7, 2011

    [...] just works and doesn’t crash! Plus it has FTP and Terminal all in one so it suits me great!WordPress syntax mode plugin for Coda is great for when you can’t remember your WordPress functions.I use SVNx for a general [...]

  9. Add WordPress Syntax to Coda :: BenjaminBradley.com - September 5, 2011

    [...] download the syntax file from HitchHackerGuide, and then unzip the [...]

  10. WordPress Syntax Mode for Coda - December 1, 2011

    [...] Thorsten brings us this add-on for Coda, WordPress Syntax Mode for [...]

  11. 20+ Great Gifts for Any WordPress Developer | Wptuts+ - December 20, 2011

    [...] all-in-one tool that will improve any WordPress Developer’s productivity tenfold. Plus, with this plugin, you can add code completion for WordPress functions, which is a gigantic help when you’re [...]

  12. My Stream » 20+ Great Gift Ideas for Any WordPress Developer - December 20, 2011

    [...] all-in-one tool that will improve any WordPress Developer’s productivity tenfold. Plus, with this plugin, you can add code completion for WordPress functions, which is a gigantic help when you’re [...]

  13. WordPress Syntax mode für Panic Coda | GedankenMaschine - January 31, 2012

    [...] letzten Zeit wieder vermehrt am Code von WordPress-Themes und -Plugins. Ganz praktisch ist da der WordPress Syntax mode for Panic Coda von Thorsten. Erspart einem einiges an Sucherei und Tipperei. [...]

  14. Summary from MSP WordPress #20 | Minneapolis-St Paul Wordpress User Group - February 2, 2012

    [...] is a WordPress plug-in available… http://hitchhackerguide.com/2011/02/18/wordpress-syntax-mode-for-panic-coda/ 1. Download the packed mode file and unpack it. 2. Copy the PHP-HTML-WP.mode the Coda Modes folder. [...]

  15. A WordPress Developer's Tips for Using Panic Coda | Denver SEO Blog - February 7, 2012

    [...] 1. Install WordPress Syntax mode for Panic Coda [...]

  16. WordPress syntax / autocomplete i Coda - Nicklas Jarnesjö - February 23, 2012

    [...] så det nu någon som satt sig ner och skrivit ihop detta och delar med sig. Du hittar det på http://hitchhackerguide.com/ Sorterad i: Tips, WordPress [...]

  17. WordPress Syntax mode for Panic Coda - WPLover | WPLover - March 1, 2012

    [...] A nice tool for developing WordPress with Coda. Links 1 March 2012 0 [...]

  18. WordPress Syntax mode for Panic Coda | JS Tips - March 10, 2012

    [...] WordPress Syntax mode for Panic Codaadmin / March 10, 2012 / Uncategorized / Permalink var addthis_product = 'wpp-263'; var addthis_config = {"data_track_clickback":false,"data_track_addressbar":false};if (typeof(addthis_share) == "undefined"){ addthis_share = [];}A nice tool for developing WordPress with Coda. [...]

  19. WordPressのコード補完を行ってくれるCodaのプラグイン「WordPress Syntax Mode」 - WebCake - April 3, 2012

    [...] WordPress Syntax mode for Panic Coda [...]

  20. This Nonsense | Design, Web, & Interests | My Essential Coda Tips - April 16, 2012

    [...] another really useful plugin if you do a lot of WordPress development like I do is the WordPress Syntax highlighting mode. Again this one is pretty self explanatory but it essentially adds WordPress specific [...]

  21. Coda2に、WordPressのコード補完とZenCodingを入れる。 - Shinichi Nishikawa's blog - May 23, 2012

    [...] たしか2種類ありまして、オススメはこちら。3.3対応ですし、マルチサイトとかのマイナー(?)な関数も知ってます。 http://hitchhackerguide.com/2011/02/18/wordpress-syntax-mode-for-panic-coda/ [...]

  22. Coda 2を買ったのでZen-CodingとWordPress Syntax modeを入れてみた | sacnoha - May 24, 2012

    [...] ダウンロードはこちらから。⇒ WordPress Syntax mode for Panic Coda [...]

  23. Fix WordPress Syntax Mode for Coda 2 | | Daniel KoskinenDaniel Koskinen - May 24, 2012

    [...] you’ve updated to Coda 2 and have been using the excellent WordPress Syntax Mode by Thorsten, you need to copy it (and any other modes you’ve been using) over to ~/Library/Application [...]

  24. Gift Ideas for Any WordPress Developer… hint hint... | Capstone Creations in Louisville, KY - June 2, 2013

    […] this an all-in-one tool that will improve any WordPress Developer’s productivity. Plus, with this plugin, you can add code completion for WordPress functions, which is a gigantic help when you’re doing […]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 181 other followers

%d bloggers like this: