I continue to get questions about how I do the pinyin tooltips (popups) on Sinosplice. Well, let me remind you that anyone using WordPress can easily add this functionality to his blog. Just keep in mind that the tooltip content is manually added, not automatically generated.
The latest version of the plugin, 1.2 is available here:
You can also search and add the plugin through WordPress itself, and instructions on how to do that are here.
The plugin went through a rough patch recently due to some changes to WordPress’s edit screen code, making it difficult to add new tooltips to blog posts through the edit screen (although old ones continued to display fine). Now the editing screen “pinyin” button is working like a charm again.
There’s a new version of the WordPress Sinosplice Tooltips plugin out. With the help of Mark Wilbur’s pinyin tone mark conversion code (see it in action on Tushuo.com), version 1.1 added the ability to convert numeral pinyin (like this: “Zhong1wen2”) to tone mark pinyin (like this: “Zhōngwén”), and add that pinyin as a tooltip to text within WordPress, producing a nice little tooltip effect on your WordPress blog or site (like this: 中文).
Installing and using the plugin is by no means difficult, but in case you’re new to WordPress, to blogging in general, or to the idea of tooltips, this is the post for you! Here I’ll just go over quickly how to install it on WordPress 3.0.5 and what exactly you need to do to produce the effects above.
The Sinosplice Tooltips WordPress Plugin is now downloadable from the public WordPress Plugin Directory. I’m not sure why it doesn’t yet show up in searches (either on through WordPress site, or through the WP admin plugin section), but you can still download and install it. I’d like to thank Andy Warmack, the developer, for his time and dedication to making this plugin happen and helping me to provide it for free.
And now a little bit of clarification on what the plugin does, for those that are interested.
What the plugin does:
– Adds a quicktag to the HTML mode of the WordPress post editor, allowing you to add tooltip content as easily as you add a link
– Provides settings so that you can control the color and content (to a limited degree) of the tooltip
What the plugin doesn’t do:
– Automate the addition of pinyin to Chinese words (it’s all manual at this point, for full control)
– Draw on any kind of dictionary data
– Convert numerical pinyin (pin1yin1) to tone mark pinyin (pīnyīn); I recommend my friend Mark’s Pinyin Input Firefox Extension for that, which works fine with the WordPress HTML editor
Download away! If you install the plugin and decide to keep using it, please leave me a comment so that I can see how it looks on other sites. Thanks!
It took way longer than I planned, but the pinyin plugin is finally done. It works, and I’m already using the beta release on Sinosplice.com now for the tooltips. Here are some samples of what you’ll be able to do when it’s done:
So the pinyin tooltip WordPress plugin I mentioned before is slowly but surely coming along. We’re alpha testing now, and discovering weird discrepancies between versions of WordPress. Hopefully those won’t be too hard to fix.
One of the options supported by the plugin is choice of tooltip background. Sinosplice currently uses plain white, but the script it’s based on uses a nice blue color. Here are some of the options I’ve put together (note: tooltip boxes and text are not actual sizes or proportions):
If you’re interested in using this tooltip, is there any default color you’d definitely want? If so, please let me know. As things stand now, I think I’ll go with the first four below (dropping the black one).