Recent Updates Page 3 Toggle Comment Threads | Keyboard Shortcuts

  • Christopher Finke 3:30 pm on March 22, 2013 Permalink | Reply
    Tags: iphoto, ,   

    iPhoto Lookalike WordPress Theme 

    Here are some screenshots of a side project I’ve been kicking around for a while. It’s an iPhoto lookalike WordPress theme that treats uploaded photos like full-fledged posts.

    Screen Shot 2013-03-22 at 3.26.29 PM

    Screen Shot 2013-03-22 at 3.27.07 PM

    Still very much under construction.

     
  • Christopher Finke 10:25 am on February 25, 2013 Permalink | Reply
    Tags: , , twenty thirteen   

    I’ve enabled Twenty Thirteen on my personal blog and done a little bit of customization. Here’s a CSS snippet for adding some contrast to the header text in Twenty Thirteen — helpful if you use one of the colorful default backgrounds:

    .site-title a {
    	color: #EDEDE8!important;
    	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }
    
    .site-description {
    	display: inline-block;
    	padding: 5px;
    	background-color: rgba(255,255,255,0.5);
    }
    
    .navbar-fixed .site-title a {
    	text-shadow: none;
    }

    It turns this:

    Screen Shot 2013-02-25 at 10.22.38 AM

    into this:

    Screen Shot 2013-02-25 at 10.22.19 AM

     
    • Joen A. 11:21 am on February 25, 2013 Permalink | Reply

      Nice.

      You can also get this effect:

      with this snippet:

      .site-title a, .site-description {
      	display: inline-block;
      	background: rgba(255,255,255,.5);
      	padding: 10px;
      }
      .site-title a {
      	margin-top: -60px;
      }
      

      Like

  • Christopher Finke 12:22 am on November 14, 2012 Permalink | Reply
    Tags: ,   

    I contributed a patch to the “Remove extract() from WordPress” mega-ticket. The subtle overwriting of the $blog_id global caused me hours of pain on wp.com earlier today.

     
  • Christopher Finke 12:59 pm on October 25, 2012 Permalink | Reply
    Tags: clean and sober,   

    I released a new WordPress theme last night: http://www.chrisfinke.com/2012/10/24/new-wordpress-theme-clean-and-sober/

     
  • Christopher Finke 12:36 pm on October 22, 2012 Permalink | Reply
    Tags: ,   

    This weekend, I published a long-awaited plugin called Formategory. It lets you create post templates on a per-category basis, and it’s now on Extend.

     
  • Christopher Finke 10:51 am on October 16, 2012 Permalink | Reply
    Tags:   

    I wrote a quick plugin this morning to export all of a site’s posts as simple HTML files. Here’s the background on the plugin, and here’s the sourcecode. Here’s an example of the plugin in action on my main blog.

     
  • Christopher Finke 10:04 pm on October 15, 2012 Permalink | Reply
    Tags:   

    I’ve updated my Feed Statistics WordPress plug-in to take advantage of all of the wonderful features added to WordPress in the last two years.

    If you use WordPress as your primary feed distribution mechanism (instead of FeedBurner or a similar service), try out the plugin and get a good idea of how many people you’re reaching. Track total subscribers, post views, and link clickthroughs.

     
  • Christopher Finke 10:29 pm on September 17, 2012 Permalink | Reply
    Tags: codex, testing   

    I updated the Codex page on Automated WordPress testing so that the instructions would match the latest testing code and actually work. (Here’s a diff.)

    The instructions hadn’t been changed significantly since early 2010, but the testing system was overhauled a couple months ago, making the old instructions obsolete. So if you’ve tried setting up a WordPress testing environment recently and failed, maybe try giving it a shot again.

     
  • Christopher Finke 1:00 pm on August 23, 2012 Permalink | Reply  

    My blog is the only Web service I use today that I used 8 years ago.

    Like

    Ryan Markel

    There’s lots of talk going on early this week about Twitter and their intentions towards third-party clients. Will they permit them? Will Tweetbot still be around in six months? How am I going to connect with other people if Twitter goes the Facebook route and makes me use official clients that aren’t as nice as the third-party ones I have now?

    I was going to write a bunch of words about this, but in the end it comes down to something very simple.

    Your blog has always loved you. Open—or at least agreed-upon and widely used—standards are not going to magically grow walls and keep you or others out.

    WordPress. RSS. Comments. Pingbacks.

    Digging deeper: PHP. MySQL. Apache/Nginx. Linux.

    These things don’t belong to someone else. They don’t belong to a company that needs to please its investors. They don’t have reasons to keep you out or to stop…

    View original post 64 more words

     
  • Christopher Finke 11:11 pm on August 14, 2012 Permalink | Reply
    Tags: ,   

    CSS for a full-width header image in Twenty Twelve:

    #page {
    	padding-left:0!important;
    	padding-right:0!important;
    	max-width:70rem;
    }
    
    header hgroup, #main, footer[role="contentinfo"], nav.main-navigation {
    	padding-left:20px;
    	padding-right:20px;
    }
    
    img.header-image {
    	border-radius:0;
    	width: 100%;
    }
     
    • Brian Smith 4:20 pm on September 29, 2012 Permalink | Reply

      Hey Christopher,
      Thanks for this mod…where is this located at to change…I cannot find the particular /css to edit…

      Sorry, I am not very good at programming…

      Thanx,

      Brian

      Like

    • Bas van Leeuwen 1:18 pm on November 30, 2012 Permalink | Reply

      Thanks for the code. However, there is still some white space, now only on the right side of the image. How can I get rid of this / what did I do wrong?

      Like

      • Bas van Leeuwen 1:23 pm on November 30, 2012 Permalink | Reply

        I already fixed it. Turns changing the max-width optimal for 2012 fixed it. The code (in case you are interested) was:
        #page {
        padding-left:0!important;
        padding-right:0!important;
        max-width:68.571428571rem;
        }

        header hgroup, #main, footer[role=”contentinfo”], nav.main-navigation {
        padding-left:20px;
        padding-right:20px;
        }

        img.header-image {
        border-radius:0;
        align: center;
        }

        Like

    • francois hall 11:50 am on April 2, 2013 Permalink | Reply

      Hi, thanks for this piece of code – it’s just what I am looking for, I need to update from twenty ten child theme to twenty twelve… but having found your site, what’s this about twenty thirteen? is it better to use this as a basis for a child theme, or is it twenty twelve with bells and whistles…

      Thanks

      Like

      • Christopher Finke 12:30 pm on April 2, 2013 Permalink | Reply

        To me, Twenty Twelve feels more like a “site” theme, while Twenty Thirteen is more of a “blog” theme. Both themes can be used for both kinds of sites, but that’s just my impression.

        Keep in mind that Twenty Thirteen is not yet complete, so you may be asking for trouble if you start using it right now.

        Like

    • chris 5:41 pm on May 2, 2013 Permalink | Reply

      Thank you so much!

      Like

    • Kevin Lycett 8:48 am on July 18, 2013 Permalink | Reply

      Thank you so much, been searching for this everywhere, does your CSS still allow the site to be responsive?

      Like

    • Bill 6:42 pm on January 12, 2014 Permalink | Reply

      I spent hours today trying to figure this out. Tutorials had me messing with functions and tons of code. Yes, I do use child themes and this one was SPOT ON! So, I had to stop and say thanks!

      Like

    • Barbara Bamber | justasmidgen 8:38 am on May 24, 2014 Permalink | Reply

      I am trying to do this with my Home page only.. is there a way to do this with custom css? I would be so grateful if you know:) This is my homepage: http://justasmidgen.com

      Like

      • Christopher Finke 11:16 am on May 24, 2014 Permalink | Reply

        Yes, you can apply it to just the homepage by adding body.home to the beginning of each rule:

        body.home #page {
        	padding-left:0!important;
        	padding-right:0!important;
        	max-width:70rem;
        }
        
        body.home header hgroup, body.home #main, body.home footer[role="contentinfo"], body.home nav.main-navigation {
        	padding-left:20px;
        	padding-right:20px;
        }
        
        body.home img.header-image {
        	border-radius:0;
        	width: 100%;
        }

        Like

c
Compose new post
j
Next post/Next comment
k
Previous post/Previous comment
r
Reply
e
Edit
o
Show/Hide comments
t
Go to top
l
Go to login
h
Show/Hide help
shift + esc
Cancel