Announcing: Elbee Elgee

I’m excited to announce the first public release of my oft-delayed theme, Elbee Elgee. It’s available right now over at its page on WordPress.org. I’ve been working on this for the better part of the last few years, picking at the code here and there but never with any real drive towards a release.

Why Release A “New” Theme?

As I said above, I’ve been kicking this theme around for several years. It’s been the engine powering Literal Barrage (in various incarnations) and I’ve always meant to release it, though I’ve always lacked the motivation.

Then came Oenology and Ghostbird.

Chip and Michael’s respective theme releases lit a fire under my butt and I decided to get the theme into shape for release.

I wanted to make sure I understood the WordPress theme development process from front to back and I wanted to integrate some ideas that had been floating around in my head since I published my original theme options page tutorial.

After several rounds of bugfixes and refinements, I cleared the WordPress Theme Review Team’s review process and, well, you can see the result over at the official demo site (or you can check out your current surroundings — Literal Barrage is running a child theme of Elbee Elgee).

What’s so exciting about Elbee Elgee?

I’m pretty psyched about several noteworthy features that I’ve included in this theme. Check ‘em out below.

Over 30 Layouts Out Of The Box

Elbee Elgee is based on the layout ideas I first encountered at Layout Gala. These principles allow for around 30 different total layouts using a single basic HTML structure, so users can switch from 1 column to 2 or even 3 at the click of a button.

Theme settings.

There’s a theme stylesheet, layoutgala.css, that nicely demonstrates the different parts of the theme. If you’re curious, activate it and then try out a few of the layout options.

Layout demo.

Child-Themable Options

One of my core goals in coding Elbee was to make theme options easy to customize/override through the child theme/parent theme relationship. Currently, simply placing a file at [child theme location]/includes/child-options.php will allow child themes full control over all theme options. Child theme authors can choose to prepend, append, replace, or even zero-out the native theme options. I hope to expand on this more in a future post.

Parent options.

Native BuddyPress Support

Out of the box, Elbee will detect whether a BuddyPress install is installed and active and will alter itself slightly to accommodate it.

First off, it will register a new custom menu, allowing BP administrators an easy way to offer their users direct access to BP’s various functionality.

Here’s the theme’s header without BP active:

Header without BuddyPress

And here it is once a BuddyPress install is detected:

Header with BuddyPress enabled.

Note the BuddyPress search function and the menu. This is also evident in the back end.

Without BuddyPress enabled.


With BuddyPress enabled.

The top image shows the default view, while the bottom image shows an install with an active BuddyPress instance. You’ll also note that a menu with the default BuddyPress sections is added.

Menus

Native bbPress (The Plugin!) Support

Elbee Elgee also supports the soon-to-be-officially-released plugin version of bbPress, the forum software built on top of WordPress.

Forums

NOTE: BuddyPress 1.2 and bbPress 2.x don’t play well together currently. Do not attempt to mix. (Total protonic inversion may result. Not responsible for hair loss, temporary blindness, vertigo, depression, hangnails, etc. –The Management)

Custom Header/Background Support

I’ve included a few of my own GPL-licensed photos for use in the base theme and you’re free to upload your own headers, logos, etc. to your heart’s content. (I’m particularly proud of the Philly skyline/Ben Franklin Bridge shot, myself.)

Headers

Custom Widgets

I’ve also included a couple of custom widgets, one of which I’m particularly proud of: Smart Recent Posts. This widget will display previous posts if a user is reading the front page or it will display the contents of the front page, if they’re reading an individual page or post.

Recent Posts.


On the front page.

Alert/Warning/Notification Styling

I’ve added a few useful utility CSS styling to make sticky posts, alerts, warnings and information stand out from standard posts. All you need to do is add categories for “Alert”, “Warning”, and “Notification” and you’ll get the styling for free.

Sticky/Alert/Warning/Notification

Custom Hooks

I’ve included a host of useful hooks which should make child theming a much easier process.

What’s Next?

In the weeks ahead, I hope to:

  • Release a child theme or two
  • Tighten up the core CSS
  • Add tabs and image-based radio button support to the backend options framework
  • Iterate on any feature requests/bug reports that (hopefully!) come in from users
  • Add support for post formats

So go ahead and download a copy, toy around with it, let me know what you think. Submit your bug reports over on my Bitbucket project page or simply start a new thread over on the official forums.

70 Comments

How can I remove the “Posted By Amin Date Xx” on pages and posts? Thanks.

Awesome! Congrats on the release and thanks for the shout out.

How do I get that shade off the left side of the header ?
I like it .. where do i go to get you a cup of coffee ?
thanks

    Nathan:
    Look for div#titledesc in styles/ng.css and then delete these lines:

    background:rgb(0,0,0);
    background:rgba(0,0,0,0.5);
    -ms-filter:alpha(opacity=50);
    filter:alpha(opacity=50);

    Note that this styling will come back if you upgrade to a newer version of the theme, so you may want to look into making a child theme and then overriding those properties in the child CSS.

    …And I need to throw up a PayPal donation link so people can contribute coffee funds if they’d like. *grin*

      Doug,

      I can’t find the style/ng.css file to remove the header shading. I can only find style.css? and no sign of the code referenced in this file. Many thanks.

        John:
        I think you’re looking in the wrong place. It’s styles/, with an “s”, not style/.

          Under the styles heading I only see style.css, print.css and editor-style.css. I’m totaly new at this. I am accessing the css and php files through the editor on the dashboard menu. Many thanks. John

          Ahh, I see. You can’t get to the styles/ directory under the theme editor in the WordPress backend, unfortunately. You’ll have to use FTP or SFTP (or, depending on your host, you may have cPanel or similar that grants you access to your files) to access wp-content/themes/elbee-elgee/styles/ng.css

          Does that make sense?

in where ? I just looked in the editor section.

That is interesting but I had to go to file manager and edit it but I think I Got it

thanks

Are drop down menus possible in the menu bar? I can nest the pages in the menu settings, but I never get a drop down….

I tried to send a message in the Contact Form, but got back errors.

I did a new clean install of WordPress, then Buddypress, then Elbee Elgee.
Then I deleted the Elbee Elgee Menu.

However, I still have two menus in the header, one on the left and right, plus the search box on the right.

It appears the header is divided into two sections. One on the left in black and one on the right that is invisible. Are these two separate widget areas?

I want to eliminate the menu and search box on the right and make the header invisible like it is on the right.

Please explain how that can be done. I do not know CSS or PHP, but I can maneuver around in WordPress and the backend files, if you explain exactly where to go. Plus, if I need to change anything in the CSS, I would need to know the code that needs changed or replaced.

By the way, great design and threaded comments.

Thanks for the help.

Hey!

I´v got a problem with my menu. I installed Elbee Elgee 1.3 and the menu is taking over half the screen. In the last theme, I had something called “parents” and i had a drop-menu. But now i see the “parent”, and then all the “kids” below and it´s about 20 kids and I only want the “kids” to be seen when i hold the mouse over them. Do you understand what i mean?

What can I do to fix this?

Best regards
//Nils

I found theloop.php but “the relevant section” isn’t obvious to me – probably because I’m a novice. Just what should I delete?

    Richard:
    It’s actually changed slightly in versions 1.3+. It’s using a hook — lblg_after_itemtext() — to render that portion. If you want to disable it, just open includes/functions/hooks.php, go to line 144 and comment it out.

    Does that make sense?

I’ve been waiting for the update on Elgee Elbee that added dropdowns in the menu bar, since I really like this design. But now that I’ve updated to 1.3.1, there is a problem. Instead of getting a dropdown off the menu bar, all the child pages show in the menu, under the parent page, messing up the alignment. What’s up with that?

    @Suzanne:
    Ahh, I see exactly what’s going on! You and a couple other folks have reported this behavior. (@Nils, up-thread — I think this is the behavior you’re seeing too, no?)

    I’ll need to adjust for this, but the core problem is that you’re not using a menu — am I correct? If you go to Appearance -> Menus in your Dashboard and assign a menu to the “Primary Navigation Menu” section, I believe it will clear right up.

    Let me know if that helps. In the meantime, I’ll code up a fix.

      Hi, I’m using your’s Elbee Elgee 1.3.1 and there is problem with menu and shade in IE (I added image to the email). Do you know how to fix it? I’d appreciate any idea, suggestion…

      Best regards
      Przemek (from Poland)

      ps.
      image adress:
      http://dl.dropbox.com/u/3354575/zrzut_ekranu.png

        @pz:
        What version[s] of IE have you tested this on?

          IE 5.5 and IE 6.0. I know…these versions of IE are old and unsupported, but I still can see a great number of visits from both in site statistics. I think that especially 6.0 is still in use, so it should be the oldest version to start with

          @pz:
          Unfortunately, I’m making this theme available for free and since both Microsoft and WordPress itself (as of version 3.2) have completely dropped support for IE 6 and older, I simply can’t dedicate the time nor the effort to supporting it.

          In fact, 3.4 is likely to drop support for IE 7 at this point (or so it’s rumored).

          In addition, I develop exclusively on a Mac with limited access options for testing on IE, so I’m mainly in the dark on that front as well.

          That being said, if you had a patch you wanted to contribute that would allow IE 6 support, I’d be happy to integrate it.

          Thanks!

I’d like to eliminate the post titles on several pages of my web site because they just repeat the title in the menu bar. I found clear instructions on how to do this in other themes, but can’t find the pertinent code in your theme. Can you point me to it? And tell me how to fix it to eliminate the duplicate titles.?

Thanks for the menu help. That did the trick. Now I have another question. Is there a way to remove the comment box? I’m using your theme to create my online teaching portfolio, and I don’t want a comment option below each section of information.

    If you disable comments on a post or page, the comments section should disappear. This is a requirement of the WP.org Theme Repository, so Elbee Elgee supports just such behavior.

    These options generally appear under the “Discussion” section on the New/Edit Post/Page admin pages.

    Let me know if you have any further questions!

I really like Elbee Elgee. I am probably dumb, but I would like a little bit more space between lines in the posts. Where do I set this? Cant find. Thanx alot.

Newbie to building a site using a theme like this.
How do I access the hooks for removing unneeded sidebars?
Is there a way to center-justify text in the sidebars?
Can I change the font size within a sidebar?
Can I insert line spaces in parts of the sidebar text?
Have not found the magic button for setting up subpages.

Thanks for your work on the theme!

This is a great theme, just what I’ve been looking for. There is only 1 small bug that I can’t fix. I am using a custom drop down menu and three of the drop down sections are actually categories that I’ve created rather than pages or posts. For some reason these items are shown in black on the menu, all other menu items are white.

Could you please tell me how to change these to black?

Many thanks
Paul

I’m new to WordPress. I’ve created a child theme based on elbee-elgee.
I want to modify some of the styles in styles/ng.css.
I thought I could do this by creating a new file:

elbee-elgee-child/styles/ng.css

but it doesn’t work. How do I change ng.css in the child copy only?

I recently switched to this theme. I have now noticed my .gif images are no longer working. Is this in the theme? If so is there a fix or will I have to switch to a new theme?

Maybe it’s just me and I don’t know how to setup ‘custom menus’, but surely it can’t be that difficult… is there a quick and easy way to add a drop-down menu that includes the most recent posts in a particular category? I’ve already added the categories to the Primary Nav Menu…

    Click Appearance -> Menus, then click on “Screen Options”. Make sure “Posts” is selected and then you can add posts to a custom menu. Easy-peasy.

      Just clicked to me that it seems like you’re saying that Posts should show up in a sub-menu under the name of the category with ‘custom menus’ but I haven’t found any function to make that happen… I am confused about whether ‘Custom Menus’ is just a menu that’s built in the Appearance -> Menus screen of if there’s something more complicated than that which requires a plugin?

      Sorry for the noobness, I’ve been out of the web design scene for a few years and wordpress is pretty much brand new to me!

      This is exactly what I tried but in the Elbee Elgee theme it didn’t give me a drop-down list, it just replaced the name of the category with the posts in that category across the top.

        So apparently I’m just dense… I didn’t realize the nesting capabilities in the custom menu, just a matter of drag and drop to make it a sub-item instead of a primary item.

        In this case, I had to add the category to the ‘custom menu’ then add the same category as a sub-item again but this time check the box “Replace with links to posts in this category.”

        Now it works perfectly in the theme and looks great! Thanks!

          Love the theme, however, I too want to disable the BuddyPress Elbee Elgee Menu. It’s showing a search box over my logo I don’t want. Getting nowhere trying to remove this. Help?

          When I click “delete menu”, or set it to blank on BuddyPress menu, it just saves my main menu on my header. not good.

Literal Barrage is Stephen Fry proof thanks to caching by WP Super Cache