Recent Updates Page 2 Toggle Comment Threads | Keyboard Shortcuts

  • Christopher Finke 2:30 pm on November 26, 2013 Permalink | Reply
    Tags: ,   

    IM-porter plugin for WordPress 

    I released a new WordPress plugin this morning: IM-porter: Import your chat transcripts into WordPress. I wanted to save some decade-old AIM logs, so I wrote an importer to convert them into posts on a private blog. While I was doing that, I found more chat and IRC logs, so I extended the importer to handle those too.

    IM-porter is extendable by other plugins too; to add support for a chat log format, just implement the abstract methods in the Chat_IMporter_Format class and add the class name to the array filtered by the chat_importer_formats filter.

    • julien51 2:42 pm on November 26, 2013 Permalink | Reply

      Chris, I really like your idea of making WordPress a complete “vault” for ones entire web identity. That’ very #indieweb!


      • Christopher Finke 5:12 pm on November 26, 2013 Permalink | Reply

        Thanks Julien, it’s become a passion of mine lately. Some day, I hope to have a single browseable, searchable archive of all of my online activity, and it will most likely be powered by WordPress.


  • Christopher Finke 5:18 pm on November 20, 2013 Permalink | Reply
    Tags: Facebook,   

    Keyring Facebook Importer 

    I’ve written a plugin that allows you to automatically export your Facebook data to your WordPress blog. Read more about it:

  • Christopher Finke 10:30 am on October 9, 2013 Permalink | Reply
    Tags: , , ,   

    Improving Post Previews 

    In WordPress ticket #25546, I propose that the features of my Inline Preview plugin be included in core. Come join the discussion!

  • Christopher Finke 11:07 pm on July 26, 2013 Permalink | Reply
    Tags: idea,   

    Idea: Chaos Monkey WordPress plugin, which would randomly cause external HTTP requests to fail, disable other plugins, simulate DB unavailability — anything bad that might happen on a WordPress site that you might want to ensure doesn’t bring your site down entirely.

    See also: The Netflix Chaos Monkey

  • Christopher Finke 2:52 pm on June 24, 2013 Permalink | Reply
    Tags: extend, ,   

    Inline Preview is now available via Extend:

    The latest version has a resizeable, collapsable, auto-refreshing preview frame, and it also improves your self-esteem. Check it out now!

  • Christopher Finke 4:38 pm on June 12, 2013 Permalink | Reply  

    Inline Preview for WordPress 

    I’ve written a plugin that moves the post preview process into the editing screen instead of in a separate tab: Inline Preview.

    With the plugin installed, if you click Preview on a post or page, a preview iframe will slide in from the right side of the page instead of opening in a new tab. There’s an X to close the preview pane, and you can resize it by dragging on the left edge of the preview. Clicking Preview again will reload the iframe.

    I’m not convinced that this kind of preview is the right way to go in the long term, but after using it for two days, I like it more than the current preview implementation.

  • Christopher Finke 12:22 pm on May 15, 2013 Permalink | Reply  

    Widget Visibility and You 

    We officially launched the Widget Visibility tool on today. It was a meetup project built by me and


    The Blog

    Since the dawn of time, humankind has yearned for control. While we can’t give you more control over most of your life, we can give you more control over your widgets. And today, with the new widget visibility tool, you can configure your widgets to be shown or hidden only on certain pages.

    Widgets are a way to add new content (like your Twitter stream, a tag cloud, or a link to your blog archives) in the sidebar, header, or footer of your site. To see the widgets you have available to you, log in to your dashboard and click on Appearance » Widgets. To add a widget, simply click on it and drag it up and over to the right of the widget screen, into the Default Sidebar, Header Area, or Footer Area section of your site. Then, to control visibility, expand the widget and click the

    View original post 181 more words

  • Christopher Finke 1:22 am on April 25, 2013 Permalink | Reply

    Idea a WordPress plugin that lets you easily… 

    Idea: a WordPress plugin that lets you easily generate a Chat-formatted post from any comment thread on your site. Perfect for those times when you want to promote the interesting content that arises in the discussion following a post.

  • Christopher Finke 6:09 pm on April 22, 2013 Permalink | Reply
    Tags: stay, ,   

    Fun fact: I named the theme that we launched on today.

    Not as fun fact: That was the most notable contribution I made to it. Much respect to theme artist Michael Cain.

  • Christopher Finke 9:13 pm on April 18, 2013 Permalink | Reply
    Tags: , jetpack   

    How to add custom CSS to the Jetpack Likes iframe 

    Jetpack uses an iframe to display Likes on your blog, mainly for performance reasons. The downside to that is that there isn’t an obvious way to style the content inside the iframe… until now.

    Jetpack creates a couple dummy HTML elements outside of the iframe that it can use to detect your theme’s CSS, which it will apply inside the iframe content. If you’d like to modify the automatic decisions that Jetpack makes, you can effectively apply this CSS inside the iframe:

    body {
    	color: [...];
    	font-family: [...];
    	font-size [...];
    	direction [...];
    	font-weight [...];
    	font-style [...];
    	text-decoration [...];
    .wpl-count a {
    	color: [...];
    	font-family: [...];
    	font-size [...];
    	font-weight [...];
    	font-style [...];
    	text-decoration [...];

    by adding this CSS to your theme’s stylesheet or custom CSS:

    .jetpack-likes-widget-wrapper .sd-text-color {
    	color: [...];
    	font-family: [...];
    	font-size [...];
    	direction [...];
    	font-weight [...];
    	font-style [...];
    	text-decoration [...];
    .jetpack-likes-widget-wrapper .sd-link-color {
    	color: [...];
    	font-family: [...];
    	font-size [...];
    	font-weight [...];
    	font-style [...];
    	text-decoration [...];

    You are limited to those two selectors and those seven properties.

    For example, if you’re running Twenty Thirteen, I recommend this CSS to shrink the link font size down to match the rest of the text in the iframe:

    .jetpack-likes-widget-wrapper .sd-link-color {
    	font-size: 12px;


    Before Jetpack-targeted CSS


    After Jetpack-targeted CSS

    • Owen 11:24 am on September 24, 2013 Permalink | Reply

      Is it possible to change the like button icon?


    • Mr. Gentleduck 3:03 pm on October 15, 2013 Permalink | Reply

      Thank you! I’m embarrassed to say how long I worked on this, trying to target/change .wpl-count a.
      Trial and error…searching…consulting and re-consulting Safari’s web inspector… I bet I clicked “Save Stylesheet” a hundred or more times.

      When I was ready to give up and move on, I decided to try one more search and found your post here. Now, I feel victorious thanks to you.

      It seems like a small thing, but you know how it can be when you’re after something. Whether the actual result is critical or not, it’s hard to give up.

      Again—Thank you!


Compose new post
Next post/Next comment
Previous post/Previous comment
Show/Hide comments
Go to top
Go to login
Show/Hide help
shift + esc