---
title: A cup of ☕️ with your URLs
author: George Mandis <george@mand.is>
date: 2014-09-09
tags: post, post, wordpress, ideas, half-baked, emoji
---

<p><em>BIG OLD STINKING DISCLAIMER: The <a href='https://wordpress.org/plugins/open-source-emoji/installation/'>Open Source Emoji</a> works great for getting visually-similar emoji to appear in your WordPress posts but most of my examples are completely broken because they're *not* the same characters as the Apple emoji I used to set them up. This is way too much of a headache for what was supposed to be a 15-minute blog post so I'm leaving them broken for now. The gist of the thing still stands: EMOJI URLS ARE KIND OF FUN.</em></p>
<p>Lately I've enjoyed using emoji in my day-to-day correspondence. Mostly it's to keep things silly and light-hearted but I've recently discovered some practical applications as well.</p>
<p>I've been <a title="I got… two tickets to Budapest!" href="/2014/08/i-got-two-tickets-to-budapest/">planning a trip</a> with my relatives to visit the old country <span class='footnote'>(Prepare for future posts on familial misadventures in Serbia and Croatia!)</span> in a couple weeks and we've been coordinating our various lodging situations. Mostly I wanted to differentiate between stops where extended family had offered to put us up and where we would need to be finding our own place to stay.</p>
<p>To clearly illustrate which situation to expect in each stop I used emoji like this:</p>
<p>[emoji hotel] Budapest<br />
[emoji hotel] Subotica<br />
[emoji family] Novi Sad<br />
[emoji family] Belgrade<br />
[emoji hotel] Split</p>
<p>Etc.</p>
<p>It became a hit in our email chain and more were introduced as we talked about food[emoji meat], car rentals[emoji automobile] and other things.[emoji money][emoji poo][emoji octopus]</p>
<p>Later I recalled how I'd read about <a href="http://www.panic.com/blog/the-worlds-first-emoji-domain/">using emoji in domain names</a>. The catch as I recalled was that most registrars would not allow it and not all TLDs would permit it either — namely .coms.</p>
<p><em>But</em> it dawned on me there wasn't really anything stopping me from adding an emoji subdomain to a site I already owned... So I decided to do that:</p>
<p><a href="http://[emoji hot beverage].snaptortoise.com">[emoji hot beverage].snaptortoise.com</a></p>
<p>What's the secret to setting up an emoji subdomain? The secret is: <em>there is no secret</em>. It's exactly like setting up ordinary subdomains but, a little more fun and opens up some interesting possibilities!</p>
<p>For example, what if I setup a [emoji telephone] subdomain that, when opened on a smartphone, automatically prompted the visitor to place a call, kinda like this:</p>
<p><a href="http://snaptortoise.com/call.html">[emoji telephone].snaptortoise.com</a></p>
<p>Hmm! What other kind of subdomains could we explore?</p>
<p>[emoji briefcase].snaptortoise.com — A portfolio.<br />
[emoji map].snaptortoise.com — A map or physical address.<br />
[emoji pushpin].snaptortoise.com — A general "status" site or place to leave notices and notes.<br />
[emoji money].snaptortoise.com — Where to send clients to pay bills.</p>
<p>And so on and so forth. It would also be a great place to hide a <a title="Digital spring cleaning: open-sourcing my ‘sweeties’ web-app" href="/2014/04/digital-spring-cleaning-open-sourcing-sweeties-web-app/">sweetie</a> ([emoji heart]).</p>
<p>The bigger question though — Would these look better as subdomains or as subdirectories?</p>
<p><a href="http://snaptortoise.com/[emoji hot beverage]">snaptortoise.com/[emoji hot beverage]</a> vs <a href="/[emoji hot beverage]">george.mand.is/[emoji hot beverage]</a></p>
<p>Hmm. The latter is faster to setup. Visually and conceptually I think I might like it a little more as well.</p>
<p>A few notes about emoji, domains, browsers and WordPress, all in some combination:</p>
<p>If you're using Chrome on OSX 10.9 or earlier you'll want to get the <a href="https://chrome.google.com/webstore/detail/chromoji-emoji-for-google/cahedbegdkagmcjfolhdlechbkeaieki?hl=en-GB">Chromoji plugin</a> otherwise you won't see anything. I'm not 100% certain why this bug has persisted as it seems like it would be a quick fix but it probably has something to do with Chrome's approach to font rendering.</p>
<p>While we're on Chrome — plugin installed or otherwise — you may notice a weird idiosyncrasy: typing emoji into the omnibox seems to render just fine until the domain resolves. At that point [emoji hot beverage].snaptortoise.com turns into something like <a href="http://xn--53h.snaptortoise.com/">xn--53h.snaptortoise.com</a>, which you'll notice <em>also</em> works. This is a little insight into <a href="http://stackoverflow.com/questions/9866665/unicode-characters-xn-ls8h">how character encoding works</a>. Oddly, if the emoji appears <em>after</em> the domain (<a href="/[emoji hot beverage]">george.mand.is/[emoji hot beverage]</a>)  you'll see no such transformation.</p>
<p>If you're writing in WordPress in Chrome you'll the emoji don't render at all in the editor — even with the plugin installed — and, more troublingly, you'll find that saving your draft with emoji causes everything you wrote after the initial emoji character to disappear! That's a really, really, really shitty bug! If you track the duplicates on <a href="https://core.trac.wordpress.org/ticket/18189">this bug</a> I think it boils down to trying to remain backwards compatible with older versions of MySQL that would otherwise not support that kind of character encoding.</p>
<p>Fortunately there is a handy plugin available that fixed this issue for me: <a href="http://wordpress.org/plugins/emoji-emoticons/">http://wordpress.org/plugins/emoji-emoticons/</a>. However you'll have to write out all of your emoji using shortcodes instead of the system-level Cmd+Space shortcut.</p>
<p>For the love of everything holy <em>do NOT use THIS plugin</em>: <a href="http://wordpress.org/plugins/full-utf-8/">http://wordpress.org/plugins/full-utf-8/</a>. It totally borked my site and I had to SSH into it and manually move the plugin folder to even get the admin area to show up in the browser!</p>