Kelly

Article

Meetup Login Alpha

Meetup Login allows users to log in to your WordPress site using their meetup.com account. If user registration is enabled & an existing user can’t be found, it creates a new user. Currently there’s no easy way to hook up an existing user to a meetup ID.

Grab it on GitHub here, but do read this post before using.

Why use Meetup Login?

If you’ve got a Meetup group with a related BuddyPress site, as I know a few WP meetups do, there’s no easy way to connect the two. Having to create a second account separate from meetup.com might also be putting off some users (but the option to purposely create an account separate can still exist).
If you’ve got a Meetup group with a related WordPress site (maybe where you post announcements), you can use Meetup Login to connect post authors there to their Meetup.com accounts.
If you have a Meetup account & don’t want to remember another user/pass for your WordPress site, you can just use Meetup as a login.

Image

Reading at woodstar before work.

Image

And we brought the rain home with us.

Image

Hiding from the rain at the ren faire.

Article

CSS rotation in IE

Gravity Switch, the company I work for, launched their new website today. I was really pushing as much HTML5/CSS3 as possible in the new site^[1]. I even used CSS3 rotation, but as it turned out, IE8 is our biggest browser, and my boss needed these images rotated there. I knew that IE had basic rotation, which does 90°, 180°, & 270° - but I needed 2° & 3°.

Enter the Matrix Filter!

Documentation here, with an example of 60° rotation here. Says it works from IE5.5+, & IE9 supports the CSS3 -ms-transform property. IE10 should just use transform. [source] Read more

Article

Meetup Widgets 2.0

Over the weekend I released Meetup Widgets 2.0. There are very few visible changes - the only thing a casual user would probably notice is a warning if the plugin can’t detect OAuth. [OAuth is only used if you’ve entered your key + secret. If you have, users can RSVP for events through your site. If you haven’t entered this info, users are redirected to meetup.com. So OAuth is not required for this plugin to function]

Changelog says…

* Change to using admin-ajax to process OAuth requests, rather than custom file.
* Change basic code structure to work with other (in-development) meetup plugins.
* Add warning message if the server does not have OAuth.
* use `wp_trim_words` rather than writing something custom
* pull apart a translated string somewhat

The really big changes are barely noticeable in this plugin. So why do it? I’ve developed another Meetup plugin that allows users to register & log in to your WordPress (or BuddyPress) site using their meetup.com login. I’m in the process of writing a separate post about it, & will update this one with a link.

Article

Using Chosen + Custom Meta Boxes

Lately I’ve been using Custom Meta Boxes for use with custom post types. CMB makes programmatically adding specific custom fields to your posts very simple - as simple as filling out an array. The following example adds a WYSIWYG ‘sidebar’ field to posts, pages, and events (a custom post type):

<?php // get CMB library here: https://github.com/jaredatch/Custom-Metaboxes-and-Fields-for-WordPress function kd_example_sidebar_metaboxes( $meta_boxes ) { $meta_boxes[] = array( 'id' => 'sidebar_metabox', 'title' => 'Sidebar', //this is the metabox, the field container. 'pages' => array('page','post','event'), // post type 'context' => 'normal', 'priority' => 'high', 'show_names' => false, 'fields' => array( //this array contains the fields inside the container. array( 'name' => 'Sidebar', 'id' => 'sidebar', 'type' => 'wysiwyg', 'options' => array( 'textarea_rows' => 3, ) ), ) ); return $meta_boxes; } add_filter( 'cmb_meta_boxes', 'kd_example_sidebar_metaboxes' );

You do need to include the CMB code, though -but that’s also easy. Just change the path to the correct location.

<?php // Initialize the metabox class function be_initialize_cmb_meta_boxes() { if ( !class_exists( 'cmb_Meta_Box' ) ) { require_once( 'libs/cmb-library/init.php' ); } } add_action( 'init', 'be_initialize_cmb_meta_boxes', 9999 );

These snippets above came from a theme’s functions.php, though CMB can also be used in plugins (as my next example). Perhaps the above would be better if it were moved into a must-use plugin - maybe that’ll be my next improvement. In any case, as awesome as the above is, it gets better: see how in the sidebar field I say 'type' => 'wysiwyg'? There are plenty of field types to choose from, but you can also very easily create your own.

Kelly Dwan

wordpress (& etc) developer

All Posts by Kelly

Reading at woodstar before work.

And we brought the rain home with us.

Hiding from the rain at the ren faire.

CSS rotation in IE

Enter the Matrix Filter!

Meetup Widgets 2.0

Changelog says…

Using Chosen + Custom Meta Boxes

Getting to the point: creating a taxonomy field using Chosen