A list of the popular posts of the blog is a standard feature in many wordpress blogs. There are quite a few wordpress plugins that offer this feature and it’s very simple to install a plugin to display your most popular posts.

There a many wordpress hacks out there that advise you how to do it without using a plugin.

The system is the  to direct query wordpress mysql database and sort posts by comment count in order to achieve this. Since WordPress 2.9 there is no need for more direct queries. WordPress 2.9 added  ‘orderby=comment_count‘ argument to query_posts() which allow us to sort retrieved posts by comment count. So if you want to avoid yet another direct sql query in order to create a list for your most popular post this is how you can do it:

First  create the function. I named mine  dd_most_popular. Copy the code below and paste it to your functions.php file.

<?php function dd_most_popular() {

global $post;

 $most_popular = get_posts('numberposts=10&order=DESC&orderby=comment_count'); ?>

 	<ul>

 	<?php foreach($most_popular as $post) :

   	setup_postdata($post);?>

    	<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>

  	<?php endforeach; ?>

 	</ul>

<?php }?>

Now, wherever you want to display the popular posts list, place the following code. You can do it in the sidebar or other wordpress theme files.

<?php dd_most_popular(); ?>

Stay updated I may write a plugin!

The post Better WordPress Popular Posts appeared first on Divine Developer.

The widget has been written out of need for that functionality in my upcoming wordpress theme. After looking for plugins to do what I wanted, I found a couple of plugins that had components of what I wanted, but nothing that had everything. So I decided to write my own. Anyway I must give credits to this fantastic widget Category Posts Widget 3.0.

It was also an opportunity for me to learn the new method now a part of WordPress 2.8, that involves extending the standard widget class and some of its functions. (See the wordpress widget api – developing widgets on 2.8+.)

Because if follows the new widget API, it is a multi-widget, meaning it can be used in multiple widgetized areas, or even multiple times in the same widgetized area.

I would like to hear any thoughts for future directions, improvements and any wisdom you may want to share.

Installation

1. Unzip the dd_page_widget.zip file.
2. Upload the dd_page_widget folder to the /wp-content/plugins/ directory.
3. Activate the plugin through the ‘Plugins’ menu in WordPress.
4. In the ‘Widgets’ panel you should see DD Page Widget
5. Drag and Drop that widget into any widgetized area.
6. Configure the widget with the options available.

DD Page Widget can be downloaded from here Download

The post DD Page Widget 0.1 appeared first on Divine Developer.

The theme comes with 5 widgets:

• “Author Info” which displays the author info in single post pages.
• “Find Me!” shows icons for your social network sites that linkback to your social networking profiles
• “Most Popular Posts” shows unordered list of most popular posts on your site according to the number of comments.
• “Recent Comments” improves default wordpress recent comments widget.
• “Subscriptions” widget which add Feedburner E-mail and RSS subscription options.

Three widgetized areas:
Tabber area creates tabbed interface of widgets draged in and two normal areas above and below tabber.

Cufon Font Replacement:
Cufon Font Replacement for headings. Font used Museo 300 light.

Three color schemes:
Three predefined color schemes and and a very flexible skinning system that allows you to very fast create your own skins , while keeping the layout intact.

Flexible navigation:
Easy way to set up main navigation menu from theme options page with possibility to edit the categories and pages that should be part of the main menu and options to show only categories, only pages or mix of both powered by JQuery Superfish drop down menu.

Powerful images and content handling:
LetterPress gives you opportunity to automatically generate all the thumbnails and post excerpts for different site areas but enables you to override everything from different post writing panels including support for wordpress 2.9 post thumbnail function.

jQuery Cycle and 3D Slider:
Enable/disable jQuery Cycle or cu3er 3D Slider from theme options page, set default options and then fine tune it from LetterPress custom post panels (upload and remove slides, display text… ).

• Working AJAX /PHP Contact form – With jQuery validation.
• Image Gallery Template.
• Full Width Page Template Useful for Galleries or Portfolios.
• PSD files included.
• Custom Logo and favicon integration from theme control panel.
• Installation and Setup Guide.
• Gravatars Support (comments section).
• Developed for Localization.
• Built-In wp-pagenavi plugin.
• Tested in IE7, IE8 , FireFox, Opera and Google Chrome.
• Optimized for search engines.
• Lots of features, you need to download and try it to see everything!

Download / Preview

The post LetterPress – WordPress Theme with CMS Features appeared first on Divine Developer.

Hemsida is blog magazine premium WordPress theme suitable for any niche. It comes with an integrated theme options page, a comprehensive installation guide to help adjust the theme to your liking.  Hemsida has 6 widgetized areas including tabbed area that will automatically create tabbed interface of widgets you drag in.  There is built-in WP-PageNavi and 3 additional widgets: Recent Comments, Most Popular Posts and Social Networks.

Features

• Custom theme options page.
• 6 widget-ready areas.
• Tabbed interface widgetized area.
• SuperFish for dropdown menu (Both pages and Categories).
• 3 additional widgets: Recent Comments, Most Popular Posts and Social Networks.
• Installation guide
• Adsense, banners ready
• Gravatars Support (comments section)
• Auto thumbnail resizing generator and content limit.
• PSD files included.
• Developed for Localization.
• Built-In wp-pagenavi plugin.
• Tested in IE6 , IE7, IE8 , FireFox, Opera and Google Chrome.
• Optimized for search engines
• Lots of features, you need to download and try it to see everything!

Admin Options Features

• 2 alternate styles ready.
• Add your own logo image in header
• Add your own favicon
• A customizable footer text
• Banner Ad Management System
• Add Google Analytics or other tracking code

Download / Preview

The post Hemsida Blog Magazine WordPress Theme appeared first on Divine Developer.

Current version: 0.1 Initial Public Release

Downloadit from here:

content-and-image-teaser

Or from WordPress repository:

content-and-image-teaser

Installation:

1. Unzip the content-and-image-teaser.zip file.
2. Upload the content-and-image-teaser folder to the /wp-content/plugins/ directory.
3. Activate the plugin through the ‘Plugins’ menu in WordPress.
4. Place following code in your theme (index.php, archive.php) within the loop:

<?php content(100, __('(more...)')); ?>

The post WordPress Plugin Content and Image Teaser appeared first on Divine Developer.

Releasing updated blue, two-columns, right-sidebar, fixed-width, translation-ready with Superfish Dropdown menu navigation Webbdesign WP Theme. Original Webbdesign by Divine Developer. Released under the GNU General Public License. This means you may use it for any purpose, and make any changes you like. However I would like if you leave Webbdesign link to my site under your footer.

Updates

2009.09.27 – Version 1.1

• changelog.txt – added changelog and revised version number
• 2.7 and up compatible

Features

• Retro style, two-columns, right-sidebar, fixed-width, Unique design wordpress theme
• Widget ready
• translation-ready wp theme
• Valid XHTML 1.0 Transitional
• Superfish Dropdown menu navigation
• 2.7 an up compatible
• SEO Optimized title and meta tags

Installation

• Unzip the downloaded file. You’ll get a folder named “webbdesign”
• Upload the entire “webbdesign” folder to your ‘wp-content/themes/” folder
• Login into WordPress admin panel
• Click on the “Appearance” tab
• Click on the “Webbutveckling” theme screenshot or activate button
• Go to Appearance/ Webbdesign Options

See Webbdesignin action or download it from WordPress Theme Directory.

Support: If you find a bug, somethingthat doesn’t working correctly, please let me know in the comments. I would be very happy if those of you who are using the theme on a live site post a link in the comments. I would be also happy if you like Webbdesign theme and by me a beer.

The post Webbdesign 1.1 appeared first on Divine Developer.

I’ve just released a upgrade to Webbutveckling, one of my WordPress themes. It was released some time ago and I haven’t had the chance to give it any attention since then.
Webbutveckling wordpress theme is fully compatible with WordPress version 2.7 and up. Released under the GNU General Public License. This means you may use it for any purpose, and make any changes you like. However I would like if you leave Webbutveckling link to my site under your footer. Version: 1.2

Updates

2009.09.22 – Version 1.2

• changelog.txt – Added changelog and revised version number
• built-in wp-pagenavi iplugin
• admin panel now with options to change logo and theme style (default blue and red)
• sidebar with two widgetized area above and below ui tabs
• markup improvements
• PSD files included

2008.12.29 – Version 1.1

• changelog.txt – Added changelog and revised version number
• added function content limit which limits xxx number of words on posts on front
• added admin panel for welcome message
• added function which pull first image from posts as a thumbnail on a front page
• 2.7 compatible

Features

• Modern, 2-columns, Unique design wordpress theme
• Widget ready
• Fully gettext wp theme
• Valid XHTML 1.0 Transitional
• Gravatars support
• JQuery powered tabbed sidebar
• Son of Suckerfish Dropdown menu navigation
• wp-pagenavi integration
• Custom theme options page
• Two Color Schemes: Blue (default)and Red
• Built-In wp-pagenavi plugin
• Tested in IE6 , IE7, IE8 , FireFox, Opera and Google Chrome
• Header, Footer, Logo and Main Background PSD files included
• 2.7 an up compatible
• SEO Optimized title and meta tags

Installation

• Unzip the downloaded file. You’ll get a folder named “webbdesign”
• Upload the entire “webbdesign” folder to your ‘wp-content/themes/” folder
• Login into WordPress admin panel
• Click on the “Apperance” tab
• Click on the “Webbutveckling” theme screenshot or activate button
• Go to Appearance/ Webbutveckling Options
• Copy url of you logo and choose color scheme
• Then just take a look at your blog and hit refresh to see the new theme.
• If you want to change number of words that are displayed on posts on front page open index.php file and on line 21 find

  <?php content(100, __('(more...)')); ?>

  Change number 100 with whatever number of words you would like Example:

  <?php content(250, __('(more...)')); ?>

See Webbutveckling in action or download it from WordPress Theme Directory.

Support: If you find a bug, somethingthat doesn’t working correctly, please let me know in the comments. I would be very happy if those of you who are using the theme on a live site post a link in the comments. I would be also happy if you like Webbutveckling theme and by me a beer.

The post Webbutveckling 1.2 appeared first on Divine Developer.

I decided to update mu WordPress themes Webbutveckling and Webbdesign which I hope I will release in next couple of days when problem concerning content limit in WordPress occur to me. There is possibility to include more tag: <!–more–> in every post, but what if you have thousands of posts or later want to change place of more tags? You can use the the_excerpt but what if you don’t want to write excerpts?

I search web for solutions and find 3 plugins.

First one http://labitacora.net/comunBlog/limit-post.phps which is basically a function Limits the displayed text length (number of characters)on the index page entries and generates a link to a page to read the full content if it’s bigger than the selected maximum length. Everything fine except that function strips all html tags and put content between<p> and </p> tag. However it produces valid xhtml against The W3C Markup Validation Service.

Next one – Excerpt and Content Word Limit – limits the number of words from posts or excerpts. It even pulls out first image but with actual size and without wordpress align classes. Plugin also takes html tags and that’s its main downfall because it cuts code regardless if tag is open or closed. HTML output is full of errors and even whole layout could break.

Third – WP Limit Posts Automatically – first check if there is a <!–more–> tag and if is not limits post by number of letters, words or just take first paragraph by inserting <!–more–> tag on specified place. There is same problem as with the plugin above. Leaves unclosed html tags.

I obviously wasn’t satisfied so I write small piece of code which do the job: limits content after set number of words, add gettexted more link to the endof it , pull out only wordpress allowed html tags, check if any tag is unclosed and closing it. And here it is:

<?php

////////////////////////////////////////////////////////////////////////////////

// Find and close unclosed xhtml tags

function close_tags($text) {

    $patt_open    = "%((?<!</)(?<=<)[\s]*[^/!>\s]+(?=>|[\s]+[^>]*[^/]>)(?!/>))%";

    $patt_close    = "%((?<=</)([^>]+)(?=>))%";

    if (preg_match_all($patt_open,$text,$matches))

    {

        $m_open = $matches[1];

        if(!empty($m_open))

        {

            preg_match_all($patt_close,$text,$matches2);

            $m_close = $matches2[1];

            if (count($m_open) > count($m_close))

            {

                $m_open = array_reverse($m_open);

                foreach ($m_close as $tag) $c_tags[$tag]++;

                foreach ($m_open as $k => $tag)    if ($c_tags[$tag]--<=0) $text.='</'.$tag.'>';

            }

        }

    }

    return $text;

}

////////////////////////////////////////////////////////////////////////////////

// Content Limit

	function content($num, $more_link_text = '(more...)') {  

	$theContent = get_the_content($more_link_text);  

	$output = preg_replace('/<img[^>]+./','', $theContent);  

	$limit = $num+1;  

	$content = explode(' ', $output, $limit);  

	array_pop($content);  

	$content = implode(" ",$content);  

    $content = strip_tags($content, '<p><a><address><a><abbr><acronym><b><big><blockquote><br><caption><cite><class><code><col><del><dd><div><dl><dt><em><font><h1><h2><h3><h4><h5><h6><hr><i><img><ins><kbd><li><ol><p><pre><q><s><span><strike><strong><sub><sup><table><tbody><td><tfoot><tr><tt><ul><var>');

      echo close_tags($content);

      echo "<p><a href='";

      the_permalink();

      echo "'>".$more_link_text."</a></p>";

}?>

How does it works?

First function function close_tags($text) use php function preg_match_all to match all xml/html tags against a pattern, find unclosed ones and close them.
The other one function content($num, $more_link_text = ‘(more…)’) get the content with the wp build in function get_the_content(), strip images, strip html tags except allowed, then calls function close_tags to close them, get the permalink to post with wp the_permalink() and that’s it.

How to use this?

Copy the code above and paste it in your themes function.php file

In you theme within the loop find the following code

<?php the_content(); ?>

And replace it with

<?php content(100, __('(more...)')); ?>

Where ’100′ is the number of words to limit content and ‘more…’ is link to full post. Change ’100′ to whatever number and ‘more…’ to ‘Read more’ or whatever

Comments are allowed and welcomed.

The post WordPress Content Limit appeared first on Divine Developer.

Announcing the release of a new two-column, widget-ready, gravatar-ready, fully gettext WordPress theme called Webbutveckling. Theme is standards compliant with a JQuery powered tabbed sidebar box and Son of Suckerfish Dropdown menu navigation. Webbutveckling wordpress theme is fully compatible with WordPress version 2.7 Released under the GNU General Public License. This means you may use it for any purpose, and make any changes you like. However I would like if you leave Webbutveckling link to my site under your footer. Version: 1.1

*************************** UPDATES ***************************

2008.12.29 – Version 1.1

• changelog.txt – Added changelog and revised version number
• added function content limit which limit posts on front page after 450 characters
• added admin panel for welcome message
• added function which pull first image from posts as a thumbnail on a front page
• 2.7 compatible

*************************** FEATURES ***************************

Features

• Modern, 2-columns, Unique design wordpress theme
• Widget ready
• Fully gettext wp theme
• Valid XHTML 1.0 Transitional
• Gravatars support
• JQuery powered tabbed sidebar
• Son of Suckerfish Dropdown menu navigation
• Fully compatible with WordPress version 2.7

*************************** INSTALLATION ***************************

• Unzip the downloaded file. You’ll get a folder named “webbdesign”
• Upload the entire “webbdesign” folder to your ‘wp-content/themes/” folder
• Login into WordPress admin panel
• Click on the “Presentation” tab
• Click on the “Webbutveckling” theme screenshot or title
• Then just take a look at your blog and hit refresh to see the new theme.

See Webbutveckling in action or download it from WordPress Theme Directory.

If you like the themes, found a bug and/or want to make a suggestion please leave a comment below.

The post Webbutveckling appeared first on Divine Developer.

I’m proud to release free wordpress theme: Webbdesign

Screenshot:

Features:

• 2-column wordpress theme
• Unique design
• Widget ready
• Fully gettext wp theme
• Valid XHTML 1.0 Transitional
• Works with latest WordPress 2.5.1 and 2.3
• Backward compactable with WordPress 2.2

Download | Live demo

Instalation

• Unzip the downloaded file. You’ll get a folder named “webbdesign”
• Upload the entire “webbdesign” folder to your ‘wp-content/themes/” folder
• Login into WordPress admin panel
• Click on the “Presentation” tab
• Click on the “Webbdesign” theme screenshot or title
• Then just take a look at your blog and hit refresh to see the new theme.

License:

Released under a Creative Commons Attribution-Share Alike 3.0 License. This means you may use it for any purpose, and make any changes you like. Just leave my Webbdesign link under your footer.

Please feel free to provide feedback!

The post Webbdesign Free WordPress Theme appeared first on Divine Developer.