WordPress Syntax mode for Panic Coda

February 18, 2011 by Thorsten 50 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.

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:

Download the packed mode file and unpack it.
Copy the PHP-HTML-WP.mode the Coda Modes folder. ~/Library/Application Support/Coda/Modes/
Open a WordPress or PHP file and load the syntax mode in Coda by visiting Text -> Syntax Mode -> PHP-HTML-WP in the toolbar.
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.

Development

coda, featured, panic coda, syntax mode, wordpress mode

Guest posting on WordPress.com

add_cssclass

50 Responses to “WordPress Syntax mode for Panic Coda”

James Morrison Reply February 19, 2011 at 2:39 pm

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

- James
alex Reply February 19, 2011 at 4:58 pm

Excellent. That’s very very helpful. Thanks
Damon Sharp Reply February 19, 2011 at 7:27 pm

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!
Thorsten Reply February 19, 2011 at 7:33 pm

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.
Fredrik Reply February 19, 2011 at 7:34 pm

Seder dill check out this as soon i get home! Sounds promising!
Micah Reply February 20, 2011 at 6:57 pm

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.
- Thorsten Reply February 21, 2011 at 12:43 am
  
  You could alter the colors in the SyntaxDefinition.xml directly
  - Micah Reply February 21, 2011 at 8:40 am
    
    Is it difficult to link it to a seestyle file for easy editing? I did it manually myself and that worked great, thanks for the suggestion.
    - Thorsten Reply February 21, 2011 at 8:57 am
      
      You could just use a PHP-HTML seefile and replace all instances of PHP-HTML with PHP-HTML-WP.
  - Micah Reply February 21, 2011 at 7:14 pm
    
    I already tried what you suggested before and it didn’t work. Oh well, I’ll live with what I have. Thanks again!
    - Thorsten Reply February 21, 2011 at 7:17 pm
      
      That’s odd. It worked for me. Of course you need to have a seestyle for the php-html mode.
      - lewismc Reply May 18, 2012 at 1:37 pm
        
        worked for me too … find and replace though as its in more than one place in the seefile
Grégoire Noyelle Reply February 21, 2011 at 7:35 am

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.
Jeffikus Reply February 21, 2011 at 8:50 am

Very impressed! Making coding quite a bit easier now. Would love to see support for the functions parameters eventually.
- Thorsten Reply February 21, 2011 at 8:58 am
  
  You can see the function parameters in the hints section where available.
Luke Jones Reply February 21, 2011 at 10:06 am

Amazing work, thanks!
Benjamin Uzelac Reply April 22, 2011 at 6:28 am

This is fantastic, thanks for taking the time to create something like this. It makes WP development a lot less strenuous!
Paul Reply September 19, 2011 at 7:22 pm

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.
Eduard Ungureanu Reply December 1, 2011 at 7:24 pm

Thanks a lot for this features. It’s very useful, this will save me lots of time! Tank you again
Nik Cree Reply February 17, 2012 at 9:31 am

You beauty! This has made life so much easier than switching back and forth from WordPress Codex.
crawpdx Reply February 23, 2012 at 5:03 pm

Thanks for the hard work folks!
Lucas Reply May 16, 2012 at 8:16 pm

Hey, I can’t find the Coda folder in ApplicationSupport folder. Can you help me?
- Thorsten Reply May 16, 2012 at 8:27 pm
  
  The folder should be in ~/Library/Application\ Support/ – this might help.
  - Lucas Reply May 16, 2012 at 8:30 pm
    
    ~/Library/Application/Support/ I don’t have
    ~/Library/Application Support don’t have any folder called Coda
    - Thorsten Reply May 16, 2012 at 8:38 pm
      
      Have you checked in /Library/Application Support?
      - Lucas Reply May 16, 2012 at 8:41 pm
        
        Yes, and I bought my Coda today
        
        Thorsten May 16, 2012 at 8:56 pm
        
        I’m running out of ideas here, sorry.
        
        jckemp6 May 18, 2012 at 9:24 am
        
        I had the same issue – I just manually created the Coda/Modes folders and it’s working well!
        
        jckemp6 May 18, 2012 at 9:24 am
        
        I had the same issues, I just manually created the folders and it’s working well!
        
        Lucas May 18, 2012 at 6:12 pm
        
        I solved my problem, just click and hold in finder, select “Go to folder” and type ~/Library/Application Support/

Trackbacks/Pingbacks

WordPress Syntax mode for Panic Coda | Mark Wilkinson on WordPress - February 19, 2011
[...] WordPress Syntax mode for Panic Coda | A HitchHackers guide through WordPress. [...]
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 [...]
Episode Three: PressTags - February 21, 2011
[...] WordPress Syntax mode for Panic Coda | A HitchHackers guide through WordPress [...]
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 [...]
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 [...]
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 [...]
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 [...]
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 [...]
Add WordPress Syntax to Coda :: BenjaminBradley.com - September 5, 2011
[...] download the syntax file from HitchHackerGuide, and then unzip the [...]
WordPress Syntax Mode for Coda - December 1, 2011
[...] Thorsten brings us this add-on for Coda, WordPress Syntax Mode for [...]
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 [...]
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 [...]
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. [...]
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. [...]
A WordPress Developer's Tips for Using Panic Coda | Denver SEO Blog - February 7, 2012
[...] 1. Install WordPress Syntax mode for Panic Coda [...]
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 [...]
WordPress Syntax mode for Panic Coda - WPLover | WPLover - March 1, 2012
[...] A nice tool for developing WordPress with Coda. Links 1 March 2012 0 [...]
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. [...]
WordPressのコード補完を行ってくれるCodaのプラグイン「WordPress Syntax Mode」 - WebCake - April 3, 2012
[...] WordPress Syntax mode for Panic Coda [...]
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 [...]

Ouch, we don’t have this here!

It seems that we do not have anything about this topic here, but you might want to do one of the following. If you were searching for a php function head over to the php manual and use one of their entry points

If you were searching for a WordPress related topic and did not find it here try one of the following options.

Use the search form in the navigation bar above
Use the WordPress search

If nothing like this helps try using Google or an other search engine

Google
Bing

Golden Q&A rules

Search first

Be sure that you first search in Google, the WordPress forums, Codex or this site ( using the form in the menu ). Sharing your previous results helps narrowing down the problem if you also tell us what you found and why it didn’t serve your needs.

Be specific

Give as much details about your problem as possible. Make sure to include examples, links and context related to your problem.

Be WordPress related

This site focuses on WordPress and related topics. Please make sure that your question is related to WordPress code, functionality or other related topics.

Be nice

Please keep in mind that this is a voluntary service. Answers might not always be correct or what you expect. Please be nice and let us know if any inappropriate answers come to your attention.