IPS Company Blog

  • entries
    0
  • comments
    0
  • views
    4809719

IP.Board 3.2.0: Remote Skin Editing

Sign in to follow this  
Followers 0

Entry posted

IP.Board's Admin CP comes with many useful and powerful tools to edit your board's skin. You can edit virtually all of the HTML as well as the CSS from within the "Look & Feel" interface. This suits most people but sometimes you just want to use your own desktop editing tools so you can take full advantage of your text editor's syntax coloring, search and replace, merge and other tools.

We added a tool back in IP.Board 3.1 to enable this in a limited way. If you put the board into 'developer mode', you could export the templates into a PHP file per skin group. This worked reasonably well but many found it tricky to put the board into developer mode as it requires different folders and files to be created and exporting the templates into a single PHP file meant that an external merge tool wasn't effective.

We're pleased to say that we've overcome these issues in IP.Board 3.2 by using the popular WebDAV protocol. This protocol is already used by many popular applications like Dropbox to synchronise files between your desktop and their servers. We've used this existing technology to allow you to edit your board HTML and CSS in a totally native format right on your desktop. Indeed as far as your computer is concerned, these are local files!



I've taken a short video (sorry, no sound!) that takes you through a template and CSS edit. I've used the mobile skin for this demonstration as we're not ready to reveal the new skin just yet.

http://vimeo.com/21638254

Here's a quick walk through of what you see on screen.

- I log into 'Transmit' which is an OS X FTP/WebDav app. You can use the 'Connect to server...' option in Finder for this task but I find Transmit faster as it caches requests whereas Finder does not.
- I use my forum ACP username and password to log in.
- I browse the template groups, select 'global' and then globalTemplate.html.
- I make a simple edit and save.
- I browse the CSS folder and open ipb_styles.css
- I make a simple edit and save.
- I then refresh the board and you can see the changes have taken instantly.

I hope you enjoy this great addition! You can use this with OS X, Linux and Windows and we'll prepare some guides nearer to IP.Board's release on how to make best use of this feature for your OS. I'm sure you'll agree that this offers an excellent way of editing templates outside of the Admin CP that doesn't need a special 'developer mode'.

Feel free to comment on this blog entry below or, if you have feedback unrelated to this blog entry, start a new topic in our feedback forum. Be sure to check the What's New in IP.Board 3.2 topic for a running list of announced changes!


Sign in to follow this  
Followers 0


34 Comments



Posted

Amazing feature.

Simply amazing.

  • Loading...

Share this comment


Link to comment

Posted

Wow, this is fantastic! I've been copy/pasting to and from TextMate, so this will save a huge amount of time! Nice to also see you using Transmit. :)

  • Loading...

Share this comment


Link to comment

Posted

awesome

  • Loading...

Share this comment


Link to comment

Posted

OH gosh yes! *runs through the comments naked!*

One thing I don't understand though is the logging in part, as I use Filezilla and Cyberduck for windows 7, how would I go about connecting to the server?

Martin A. likes this
  • Loading...

Share this comment


Link to comment

Posted

Am I dreaming!!!!

  • Loading...

Share this comment


Link to comment

Posted

On behalf of all of us skinners out there: THANK YOU SO MUCH. *bear hug*

  • Loading...

Share this comment


Link to comment

Posted

Ok, that's really neat lol.

  • Loading...

Share this comment


Link to comment

Posted

Nice! Use Transmit and TextMate too - amazing!

Claudia999 likes this
  • Loading...

Share this comment


Link to comment

Posted

good job

  • Loading...

Share this comment


Link to comment

Posted

Amazing feature

  • Loading...

Share this comment


Link to comment

Posted

Holy crap. That's amazing.

  • Loading...

Share this comment


Link to comment

Posted

Makes things 2000000x easier!

  • Loading...

Share this comment


Link to comment

Posted

nice feature (w00t)

  • Loading...

Share this comment


Link to comment

Posted

Should be using CSSEdit for the CSS! cool.gif

Claudia999 likes this
  • Loading...

Share this comment


Link to comment

Posted

Awesome, I was so wanting this.

  • Loading...

Share this comment


Link to comment

Posted

Awesome Matt. How about integrating Git to manage changes and updates?

Your mention of Dropbox made me think of this article http://pivotallabs.com/users/ken/blog/articles/1637-dropbox-git-designer-luv and made me think how great it would be if we could manage skin changes and not just make them.

Cheers

dogpatch likes this
  • Loading...

Share this comment


Link to comment

Posted

Excellent :)

  • Loading...

Share this comment


Link to comment

Posted

Wow, this will make skinning almost twice as fast.

  • Loading...

Share this comment


Link to comment

Posted

That's flipping awesome! Totally impressed.

  • Loading...

Share this comment


Link to comment

Posted

Thats when dreams come true :)

  • Loading...

Share this comment


Link to comment

Posted

Christmas in April. Seriously.

  • Loading...

Share this comment


Link to comment

Posted

This is awesome! Great job!

  • Loading...

Share this comment


Link to comment

Posted

Thank goodness! This is by far one of the best features revealed for 3.2 so far. :thumbsup:

  • Loading...

Share this comment


Link to comment

Posted

Showing your mac eh :P

  • Loading...

Share this comment


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now