New PowerBlogger Flexy Version (includes admin theme options)

A new version of PowerBlogger theme is now available.  It’s called PowerBlogger Flexy. You can watch the PowerBlogger Flexy, 7 minute video tour.

It still follows the original theme design principle of providing a “non-blog” look, which is particularly suitable for niche content and review websites.

But, the big change is..  It now has a theme options page in the  admin back-end, where you can easily customize color and style options, without having to dive into the code.  Hence the name, “Flexy”.

Here’s a screenshot of the theme options admin page..

Admin page for PowerBlogger Flexy theme options

Admin page for PowerBlogger Flexy theme options

 

So it should be more user-friendly, especially for less technical people.  And be much easier to customize.

At present, it’s a version 1.02 release.  The intention is to develop it further, adding more theme customization options over the coming weeks.

PowerBlogger Flexy also includes some other new enhancements, in addition to the admin options:

  1. A “Featured Post” facility.  Simply tag a post as “featured” and it will be automatically highlighted at the top of each post page.  Great for offers or special messages, you want your readers to really notice!
  2. The theme has been updated to take advantage of new features included in WordPress version 2.7, such as threaded comments.

Hope you like it.  Do please leave comments here, with any feedback or problems etc.

16 responses to “New PowerBlogger Flexy Version (includes admin theme options)”

  1. Mike says:

    Nice addition. Is there a way to get rid of the dashed outline on the “Featured Blog”? Thanks

  2. admin says:

    Hi Mike

    Thanks a lot.

    I’ll add that as another admin option, in due course. But in the meantime, you can use the Theme Editor to change this style in file “style.php”

    Find this line, about halfway down.

    Entry in style.php file, controlling featured post display

    #featured .post {
    border: 1px dashed #a00;

    Change 1px to 0px and the dashed outline will disappear.

    Or, change dashed to solid for a solid line, or change the color code #a00 for a different color.

    Hope that helps
    Kevin

  3. Robert Pasquill says:

    Hi Kevin,

    Thanks for this excellent update
    and for keeping in touch.
    I will be trying this theme out soon.

    Thanks once again

  4. Gary Speer says:

    Nice job, Kevin. Your theme looks good for a couple of my blogs.

    I just installed it on one blog and everything works, except — the top nav bar isn’t showing all the pages it should?

    The pages are showing in the “Pages” widget box on the right-hand side, but the “Privacy” page isn’t showing up in the top nav bar.

    I use a “Page Link Manager” plugin to either show or not show a page in the site navigation. All the pages I have checked “Show” are showing up in both the Pages widget and in the top nav — except the “Privacy” page. I’ve triple checked to make sure 1) it has been published, and, 2) it is marked in the Page Link Manager option to show in the site navigation.

    Any ideas? I’m running WP 2.6.5 on that site, as I’ve not yet upgraded to 2.7.

    Thanks

    • admin says:

      Hi Gary

      (Testing the threaded comment facility of WordPress v2.7 and my Flexy theme, here) :)

      I think the problem is, your pages which are not showing, just happen to match the page ids of my tests (which I should have removed – red face..) Sorry.

      Go into the Theme Editor and edit topnav.php

      topnav.php before
      To this…

      topnav.php after

      Hope that works.

      I will of course, alter and reissue the theme.

      Thanks and all the best
      Kevin

  5. Adrian Bold says:

    Hi Kevin

    Congrats on the new Flexy theme and thanks for sharing!

    Cheers

    Adrian

  6. Kevin says:

    Robert and Adrian,

    Thanks for you comments :)

    All the best

    Kevin

  7. Kevin says:

    I’ve been asked by Mike…

    “How did you customize you web address at the top of the page? I love the new felxy theme as I am not that familiar with html code. Any help would be appreciated.

    Mike”

    Here is my answer, with some screenshots…

    Hi Mike

    Thanks, glad you like the new Flexy version of http://powerbloggertheme.com

    There are 2 ways to change the look of the logo area, in the blog header.

    logo area in the header

    1. As a default, the logo area displays the blog title. You can alter the appearance of this by adding a ‘#header h1 a’ tag to the stylesheet (style.php in Flexy) and then setting the font size, family and color etc to your requirements, as shown in this screenshot…

    css code controlling the blog title style in the header

    2. OR… Get a logo image made, say 200px wide by 80px high. Call it ‘header.jpg’ and upload to the theme’s image folder. Then edit the ‘#header’ tag in style.php to display the logo image. (Just remove the commenting-out). Also, edit header.php to comment out the display of the blog title.

    header.php edit to display the logo image

    Hope that helps,

    Kevin

    PS, I will add some of this as Admin Options, very soon and release a new version of the theme.

  8. Catherine Rzecki says:

    Thanks very much for sharing this. It is also good to know how to add a logo or change the header. I am not using WordPress yet, but will be soon, and this will be great.

    Catherine :)

  9. Frank Edwards says:

    Hi Kevin,
    Love the Flexy Theme.

    I’ll try it out on a blog and let you know how it goes.

    This is a god-send for anyone who’s afraid to dabble with lines of code.

    Anything that makes Wordpress easier to use will be great.

    Frank

  10. Kevin says:

    Lovely comment tonight from June Parker (published with permission), about PowerBlogger Flexy theme.

    “Thanks Kevin!

    It is just what I needed. I have had problems in the past setting up blog themes, once installed, so the video was a huge help.”

    Thanks June, and please ask if I can help at all.

    All the best,

    Kevin

  11. Alisa says:

    Love the flexy theme and your detailed instructions! I just put it on my blog (www.bluevisionpi.com/Blog/), customized it a little, but am having a hard time changing the color of the line around the search box and the light yellow background. Can you tell me where I can modify that in the editor?

    BTW, I had to go into the editor to change the color of the title of my blog. Changing the color of the links somehow still left it red.

    Thanks!

    • Kevin says:

      Hi Alisa,

      Thanks for trying it. It looks good!

      The style of the search box is controlled by the header-box div in style.css

      #header-box {
      float: right;
      width: 200px;
      margin-top: 15px;
      margin-right: 30px;
      padding: 10px;
      background-color: #ffffdd;
      font-size: 1.2em;
      font-weight: bold;
      border: 1px solid #cc0000;
      text-align: center;
      }

      Use the theme editor to alter the background-color and border style as desired.

      And yes, the blog title is not controlled by the general link color setting. I’ll take a look at whether it should be, soon.

      Hope that helps.

      All the best
      Kevin

  12. Irene says:

    Kevin,

    Thanks for the theme it’s good of you to share your work. In future releases would it be possible to have an option for the sidebars i.e. as they are now or both floating right or left.

    Regards

    Trene

Leave a reply