JJJ's Blog

  • WordPress
  • GitHub
  • Twitter/X
  • Custom Plugin Header Image Label

    Back in December of 2011, Matt and friends added the ability for WordPress plugins to have really pretty header images. For BuddyPress, I went through a few design iterations before settling on the header image pictured at the bottom of this post. I wanted it to be minimalistic and unique, so I took an hour to extend the label area with the buddies at the end. Below is the basic approach to make that happen:

    • Take a screen shot of the header image without the extended icon area.
    • Open that screen shot in Photoshop or your favorite image editor.
    • Make a new layer.
    • Fill the new layer with a black close to whatever the primary color of the label is. (#181818)
    • Hide that layer, select the background layer.
    • Magic wand the label.
    • Extend the selection to the size you want it to be (Usually 50px or so.)
    • Switch to your all black layer.
    • Right click; Select inverse; Delete.
    • Tweak the opacity of your black layer to match as closely as possible. Take your time with this; even if it’s the slightest bit off, it’s pretty noticeable.

    JJJ

    August 5, 2012
    BuddyPress, Software, WordPress
    assets, Plugins

Proudly Powered by WordPress