Matthias Pospiech » Web

theme modifications

pospiech — Sun, 25 Oct 2009 11:07:16 +0000

In the following I present the modifcations I made to several themes of elegantthemes.

The changes include

integrated page numbers with css (was integrated in some themes but without css support)
breadcrumbs in all themes
Link for ‘edit’ and ‘print page’ (using wp-print plugin)
css support for tables. This is unfortunately missing in all themes
alternating colors in table rows with js file, using alternate_rows.js (see forum with discussion). If you can recommend a better solution I would like to know about it.
css for wp_syntax and toc plugin.
some general bug fixes in php and css. (All bugs have been reported to the theme author, but I have no information if he fixed any of these.

Any comments, especially hints and code for improvements are welcome.

The code here is not complete. Changes that I have applied to every theme are only shown once, and tiny changes to the main css file are mostly not discussed, though these are often fixes for visible bugs. The full code can not be made availabe anyway, because these are commercial themes. The changes were applied to themes downloaded in september 2009.

Not all bugs can be fixed though. Especially the images that are loading in the css files, but are missing in the themes. With the 404 logfile I found out that these are missing:

themes/GrungeMag/images/content-bg.gif
themes/PureType/images/bullet.gif
themes/Simplism/images/pages-bg.png
themes/EarthlyTouch/images/pages-hover.gif
themes/EarthlyTouch/images/dropdown-bottom.png

(no guaranty that this is a complete list.

EarthlyTouch

Screenshots

Code

Example code which is used to integrate the breadcrumps and the edit and print link, here for page.php



    
         if (have_posts()) : ?>
         if(function_exists('bcn_display')): ?> bcn_display(); ?>
        
 endif; ?>
 
         while (have_posts()) : the_post(); ?>
        
        
             the_permalink() ?>" rel="bookmark" title="Permanent Link to  the_title(); ?>">
                 the_title(); ?>
                
            
             the_content(); ?>
                    
             wp_link_pages(array('before' => 'Pages:','after' => '
', 'next_or_number' => 'number'));  ?>    
             edit_post_link('Edit entry.', '', ' | '); ?>
             if(function_exists('wp_print')) { print_link(); } ?>

example code for page numbers, here in blogstyle.php.

 if(function_exists('wp_pagenavi')) { wp_pagenavi(); } 
else { ?>

	 next_posts_link('« Previous Entries') ?>
	 previous_posts_link('Next Entries »') ?>

 } ?>

in single.php and post.php the following code is used instead


     wp_link_pages(array('before' => 'Pages:','after' => '
', 'next_or_number' => 'number'));  ?>

the ‘wp_link_pages’ code does not nearly achieve what I want from a page numbering display, but the wp-pagenavi plugin does not work on pages/posts and others do not fit my requirements of code and css styling.

additional css for sidebar listnavigation

.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active { display: block; color: #373434; width: 100%; padding: 3px 3px 3px 3px; background-image: none !important; border-bottom: 1px solid #dedede; } 
.sidebar-box ul li { color: #373434 !important; list-style-type: none;}
.sidebar-box ul li a:hover { width: 100%; display: block; color: #393939; padding: 3px 3px 3px 3px; background-color: #fff; }
.sidebar-box ul { margin-left: 0px; padding-left: 0px}
.sidebar-box ul li ul { margin-left: 0px; padding-left: 20px}  
.sidebar-box h2 { margin-top: 5px; font-size: 20px; color: #4A493F; padding-top: 4px; padding-bottom: 4px; margin-left: 0px; }

Additional css file: pospiech.css

#breadcrump { background-color: #f6f6f6; padding: 5px 15px; margin-bottom: 10px; width: 583px; border: 1px solid #EBEBEB; }
 
h1 { margin-top: 20px; }
h2 { margin-top: 20px; }
h3 { margin-top: 20px; }
h4 { margin-top: 20px; }
h3.post-title{ margin-top: 0px; }
 
.articleinfo { border-bottom: 4px solid #F0EACA; margin-bottom: 14px; padding-bottom: 7px; color: #57554B; }
 
 
.current_page_item { font-weight: bold; }
.current_page_item .page_item { font-weight: normal;}
.current_cat_item { font-weight: bold; }
 
.related-posts {
	background-color: #FFF; 
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding-left: 15px;
	padding-top: 0px;
	display: block;
	margin-bottom: 15px; 
	margin-top: 15px;
}
 
.landingsites{
	background-color: #FFF; 
	border: 1px solid #e7e7e7;
	padding: 5px 15px; 
	display: block;
	margin-right: 15px;
	margin-bottom: 15px; 
	margin-top: 15px;
	padding-top: 15px;
}
 
/* TOC Plugin */
.toc {
  border: #ccc solid 1px;
  /*float: left;*/
  font-size: .9em;
  margin: 0 0 15px 0px;
  width: 50%;
}
 
.toc ol {
  margin: 5px;
  padding-left: 30px;
}
 
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ebebeb;
	margin: 10px 0px;
} 
 
.blanktable {
	width: auto;
	border-collapse: collapse;
	border: none;
} 
 
 
td, th{
	line-height: 130%;
	vertical-align: top; 
	font-weight: normal; 
} 
 
 
table thead tr {
	border: solid #3badef;
	border-width: 1px;
}
 
table thead th{
	letter-spacing: .1em; 
	color:#fff; 
	background: #3badef; 
	font-weight: bold; 
	text-align:left;
} 
 
table tbody th{
	border: solid #53718b;
	border-width: 1px 0;
	text-align:left;
	background: #88b0d4; 
} 
 
table tbody tr {
	border: solid #dadada;
	border-width: 1px;
}
 
 
td, th { padding: 6px; margin: 0px; }   
table tr.even th, 
table tr.even td {background: #f6f6f6; } 
table tr.odd th,
table tr.odd td {background: #fff; }
 
tr td.tablesubheader,
tr.odd td.tablesubheader,
tr.even td.tablesubheader  {
	background: #dadada; 
	border: 1px solid #dadada;
	color: #000;
}
 
.wp-pagenavi{
	margin-bottom: 10px;
}
 
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #e7e7e7;
	color: #1d8dcb;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #e7e7e7;
	color: #1d8dcb;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #3b3b3b;
	color: #3b3b3b;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #e7e7e7;
	color: #e56100;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 4px 6px 4px 6px; 
	margin: 2px 2px 2px 2px;
	color: inherit;
	border: 1px solid #e7e7e7;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #e7e7e7;
	color: inherit;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 4px 6px 4px 6px; 
	margin: 2px;	
	border: 1px solid #e7e7e7;
	color: inherit;
	background-color: #FFFFFF;
}
 
.pagenumbers{
	margin-bottom: 10px;
}
 
.pagenumbers a, .pagenumbers a:link {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #e7e7e7;
	color: #1d8dcb;
	background-color: #FFFFFF;	
}
.pagenumbers a:visited {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #e7e7e7;
	color: #1d8dcb;
	background-color: #FFFFFF;	
}
.pagenumbers a:hover {	
	border: 1px solid #3b3b3b;
	color: #3b3b3b;
	background-color: #FFFFFF;
}
.pagenumbers a:active {
	padding: 4px 6px 4px 6px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #e7e7e7;
	color: #e56100;
	background-color: #FFFFFF;	
}

Next page: “GrungeMag”

No related posts.

Wordpress plugin memory usage

pospiech — Sun, 27 Sep 2009 08:18:20 +0000

memory measurement

I disabled all plugins and then activated them one by one. In between I measured the memory usage that php reports and calculated the difference. This may not be really accurate, but I only want to be precise up to 0.1 MB.

memory monsters (1.0 – 10 MB)

Events Calendar (3.4 MB)
WP Security Scan (2.8 MB)
All in One SEO Pack (2.3 MB)
NextGEN Gallery (2.1 MB)
WP-SpamFree (1.4 MB)
Simple Tags (1.1 MB
Wordpress Download Monitor (1.1 MB)
Popular Posts (1.0 MB)
Subscribe2 (1.0 MB)
Advertising Manager (1.0 MB)

little memory monsters (0.4 – 1.0 MB)

Contact Form 7 (0.8 MB)
WP-Syntax (0.78 MB)
Redirection (0.76 MB)
WP-Print (0.69 MB)
Adminimize (0.68 MB)
StatPress (0.61 MB)
Breadcrumb NavXT (0.6 Mb)
NextGEN FlashViewer (0.53 Mb)
Yet Another Related Posts Plugin (0.48 MB)
One Click Plugin Updater (0.43 MB)
WP Super Cache (0.41 MB)

Note that this was tested on my lokal 32bit machine. On my webserver the total memory used increased from 40 MB to 54 MB for the same configuration.

Wordpress 2.8 Plugins

pospiech — Wed, 12 Aug 2009 18:53:36 +0000

In the following I present the plugins I tested for my new Wordpress Installation. I initially started with 2.7.x and hope to finish with 2.8.x. In total in tested more the 3 times more plugins than presented here. So many because for every task there are typically about 10 plugins which could be used and additionally because there are new plugins which provide new functionality which I wanted to test. Unfortunately most plugins are either not compatible with the current WP or do not satisfy me. Most frustrating is however that many plugins are buggy itself or with other plugins. To find out the error caused by 2 of 100 plugins can take hours.

To summarize: Choosing plugins is difficult erroneous and highly frustrating. In total I spend something like 40-80 hours only to test and realise a bug free collection of plugins.

Why did I put this long article together? – Because I can work on the new website only on weekends and if I have enough free time. Since I forget what plugins are usefull and why they did not work I had to make a site to remind me. With the help of this information it is now much easier for me, and maybe others, to start a new website.

Recommended plugins are marked with “*”, so you have an idea what I chose in the end for my installation.

Security

* WP Security Scan
Scans your WordPress installation for security vulnerabilities and suggests corrective actions. (Only activate for scans)
* WordPress Exploit Scanner
This plugin searches the files and database of your website for signs of suspicious activity.
* TAC (Theme Authenticity Checker)
TAC scans all of your theme files for potentially malicious and unwanted code.

Access Restriction

Page Restrict
This plugin will allow you to restrict all, none, or certain pages to logged in users only.
Hidden Content
Some blocks of the text can be shown/hidden for bots, logged-in users or all visitors (in posts, pages and comments)
Members Only
plugin that allows you to make your blog only viewable to visitors that are logged in
WP Sentry
This is a simple plugin to allow for access-restricted posting, allowing bloggers to discuss sensitive subjects without Google or the world finding the post.
Access to the private marked pages granted on users/group based settings.
Role Manager
This Plugin allows you to define and manage multiple subscriber profiles – called Roles and their Capabilities. Also you can create new Roles and Capabilities.

Next page: “Admin Customizations”

commercial Wordpress Premium Themes

pospiech — Wed, 25 Feb 2009 19:16:53 +0000

I am considering to use a premium theme for the next website generation.

Here is a collection of the companies I found so far

I must however say that not all of their themes satisfy me. Especially since almost every theme is missing a decent view of a structured page (permant posts) hierarchy.

mediawiki installieren

pospiech — Sat, 23 Aug 2008 14:11:45 +0000

Zuerst ein Verzeichnis erstellen in das man die mediawiki Datei (z.B: mediawiki-1.12.0.tar.gz) entpackt. Dort das Verzeichnis config für den Webserver schreibbar machen. Sollte mediawiki auf einem eigenen Server installiert sein in /etc/hosts und den vhost Dateien von apache2 die entsprechenden Einträge vornehmen.

Danach kann man die Installationsprozedur von mediawiki starten. Diese erreicht man durch einfaches Aufrufen der zugeordneten URL (z.B. www.local-wiki.org). Dabei werden alle grundlegenden Einstellungen insbesondere die für den mysql Server abgefragt. Der Standard Admin Name ist dabei WikiSysop was relativ ungewöhnlich als Administratorname ist. Am Ende werden diese Einstellungen in LocalSettings.php gespeichert.

Danach kopiert man config/LocalSettings.php in das übergeordnete Verzeichnis und ändert die Zugriffsrechte von LocalSettings.php so, dass keine Besucher die Passwörter auslesen können.

Ändern der URIs

Änderungen an .htaccess:

RewriteEngine On
 
# Don't rewrite requests for files in MediaWiki subdirectories,
# MediaWiki PHP files, HTTP error documents, favicon.ico, or robots.txt
RewriteCond %{REQUEST_URI} !^/wiki/(stylesheets|images|skins)/
RewriteCond %{REQUEST_URI} !^/wiki/(redirect|texvc|index).php
RewriteCond %{REQUEST_URI} !^/wiki/error/(40(1|3|4)|500).html
RewriteCond %{REQUEST_URI} !^/wiki/favicon.ico
RewriteCond %{REQUEST_URI} !^/wiki/robots.txt
 
RewriteRule ^[^:]*\.(php|src|jpg|png|gif|css|js|inc|swf|pl|ico|html|shtml|zip|mp3)$ - [L,NC]
RewriteRule ^index.php?title - [L]
RewriteRule ^(.*)\&(.*)$ $1\%26$2
 
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
 
# Rewrite http://wiki.domain.tld/article properly, this is the main rule
# RewriteRule ^/wiki/(.*)$ /wiki/index.php/?title=$1 [L,QSA]
RewriteRule ^(.*)$ /index.php?title=$1 [L,QSA]

entnommen aus 1, 2 sowie einer alten mediawiki Installation von mir wo ich die Quellen der htaccess Befehle nicht mehr kenne.

desweiteren sind Einträge in LocalSettings.php notwendig.

// Make Clean URLs with PHP5 MediaWikis
$wgScriptPath = "";
$wgArticlePath = "$wgScriptPath/$1";
$wgScript = "$wgScriptPath/index.php";
$wgRedirectScript = "$wgScriptPath/redirect.php";
 
// Trailing slash
$wgArticlePath = "$wgScriptPath/$1";
$GLOBALS['_REQUEST']['title'] = preg_replace("/^(.+)\/$/", "$1", $GLOBALS['_REQUEST']['title']);

Logo zuweisen

Eintrag in LocalSettings.php:

$wgLogo="images/LaTeXblueTrans150.png";

Installation der Extensions

BreadCrumbs

Quelle: http://www.mediawiki.org/wiki/Extension:BreadCrumbs

Installation:

require_once("$IP/extensions/BreadCrumbs/BreadCrumbs.php");
$wgBreadCrumbsDelimiter = ' > ';
$wgBreadCrumbsCount = 5;

CategoryTree

Quelle: http://www.mediawiki.org/wiki/Extension:CategoryTree

Installation:

$wgUseAjax = true;
require_once( 'extensions/CategoryTree/CategoryTree.php' );

ConfirmEdit

Quelle: http://www.mediawiki.org/wiki/Extension:ConfirmEdit

Installation:

require_once( "$IP/extensions/ConfirmEdit/ConfirmEdit.php" );
 
// mögliche Konfiguration
$wgGroupPermissions['*'            ]['skipcaptcha'] = false;
$wgGroupPermissions['user'         ]['skipcaptcha'] = false;
$wgGroupPermissions['autoconfirmed']['skipcaptcha'] = false;
$wgGroupPermissions['bot'          ]['skipcaptcha'] = true; // registered bots
$wgGroupPermissions['sysop'        ]['skipcaptcha'] = true;
// There are four triggers that can generate a captcha and allow for different situations.
// 
//     * $wgCaptchaTriggers['edit'] = true; -- Would check on every edit
//     * $wgCaptchaTriggers['create'] = true; -- Check on page creation.
//     * $wgCaptchaTriggers['addurl'] = true; -- Check on edits that add URLs
//     * $wgCaptchaTriggers['createaccount'] = true; -- Check on account creation.
//     * $wgCaptchaTriggers['badlogin'] = true; -- Check after a failed log-in attempt.
$wgCaptchaTriggers['edit']          = false; 
$wgCaptchaTriggers['create']        = false; 
$wgCaptchaTriggers['addurl']        = true; 
$wgCaptchaTriggers['createaccount'] = true;
$wgCaptchaTriggers['badlogin']      = true;

http://www.mediawiki.org/wiki/Extension:StubManager

StubManager

Quelle: http://www.mediawiki.org/wiki/Extension:StubManager

Installation:

require 'extensions/StubManager/StubManager.php';

SecureHTML

Quelle: http://www.mediawiki.org/wiki/Extension:SecureHTML

Benötigt: StubManager

Installation:

$wgRawHtml = true;
require_once( "$IP/extensions/SecureHTML/SecureHTML.php" );

spellchecker not working with 1.12.0

Quelle: http://www.mediawiki.org/wiki/Extension:Spellcheck

Installation:

require_once($IP."/extensions/spellcheck/spellcheckext.php");
$personalDictionaryLocation = "$IP/extensions/spellcheck/added_words.txt";

benötigt ein installiertes GNU Aspell

SyntaxHighlight_GeSHi

Quelle: http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi

Installation:

require_once("extensions/SyntaxHighlight_GeSHi/SyntaxHighlight_GeSHi.php");
require_once("extensions/geshi/geshi.php");

benötigt zusätzlich GeSHi von http://qbnz.com/highlighter/. Dies entpackt man nach extensions/geshi/

UserImages

Quelle: http://www.mediawiki.org/wiki/Extension:User_Image_Gallery

Installation:

require_once( "{$IP}/extensions/UserImages/UserImages.php" );

CategoryCloud

Quelle: http://www.mediawiki.org/wiki/Extension:CategoryCloud

Installation:

require_once("extensions/CategoryCloud/CategoryCloud.php");

CategoryBreadcrumb

Quelle: http://www.mediawiki.org/wiki/Extension:CategoryBreadcrumb

Installation:

$wgUseCategoryBrowser = true;
require_once("extensions/CategoryBreadCrumbs/CategoryBreadCrumbs.php");

Google Analytics

Quelle: http://www.mediawiki.org/wiki/Extension:Google_Analytics

Installation:

require("extensions/analytics/analytics.php");

Nutzung:

<analytics uacct="UA-XXXXXX-X" >analytics>

bbclone in mediawiki

pospiech — Sun, 20 Jul 2008 17:29:36 +0000

This happens to be quite easy, as nothing more than adding this to the index.php at the beginning is necessary

if (strstr($_SERVER['REQUEST_URI'],"?") == false) {
	define("_BBC_PAGE_NAME",$_SERVER['REQUEST_URI']);
	define("_BBCLONE_DIR", "bbclone/");
	define("COUNTER", _BBCLONE_DIR."mark_page.php");
	if (is_readable(COUNTER)) include_once(COUNTER);
}

Website Icons

pospiech — Sun, 20 Jan 2008 09:13:44 +0000

Link Collections

Icon Downloads

No related posts.

Collection of free wordpress themes

pospiech — Sun, 13 Jan 2008 08:42:56 +0000

The smashing magazine has released a structured list of 100 high quality wordpress themes: 100 free WordPress themes

CSS Layout

pospiech — Tue, 01 Jan 2008 20:13:46 +0000

With the layout of a new site I am looking at CSS Site Layout techniques again. Unfortunately not everthing I can find or have used so far can fullfill my requirements. So in the following I will go though the techniques I could find and there drawbacks. Interestingwise the code created by the CSS Creator has changed a lot during the last years, since most of the example are based originally on this creator.

Right side column (Light Biz)

This one based on the theme lightbiz.

It uses a content div containing everthing. This one is centered using the “margin: auto” technique and has a fixed size. The left and rigth column are both with fixed size and floated left and right. This approach is simple but does not allow all columns to have equal colored backgrounds with unequal sizes.

View the Layout CSS code

HTML code



     
    
    Matthias Pospiech
    
   
  
    
    
      
        Hauptmenu
        
		Right Sidebar
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula.
	
      	
      
        Breadcrump
        
		Content
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula.Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.
	
      
      
        Footer

body { margin:5px 0; padding:0; font: 74% Arial, Sans-Serif; color:#FFF; line-height: 1.4em; background : #3C4049;}
.content { color: #505050; margin: 0 auto; padding: 0; width: 760px; background: #FAFAFA; } 
 
/*LEFT SIDE */
.lside { background: #FFF; color: #000; width: 579px; float: left; }
.lside .main { background: #FFF; color: #505050; padding: 15px 20px 15px 20px; }
.lside .breadcrump { background: #E6E9EE; color: #505050; width: 580px; height: 15px; margin: 0; padding: 5px 0px 5px 0px ; font-size: 90%; } /*trbl*/
 
 
/* RIGHT SIDE */
.rside {	background: #000; color: #000; width: 180px; float: right; clear: both; }
.rside .topmain { background: #FF8D00; height: 15px; color: #FFF; padding: 5px;}
.rside .menu { background: #FAFAFA; padding: 5px; color: #333; }
 
 
/* FOOTER */
.footer { clear:both; width: 760px; padding-top: 3px; padding-bottom: 3px; color:#FFF; font-size:90%; background: #546078; text-align:center; }

Next page: “3 column (intensivstation.ch)”

Development of a Plugin for Wordpress

pospiech — Tue, 04 Dec 2007 20:37:03 +0000

I am trying to learn how to develop a plugin for wordpress. Here are some basic links I have found to be usefull

Matthias Pospiech » Web

theme modifications

EarthlyTouch

Screenshots

Code

the_permalink() ?>" rel="bookmark" title="Permanent Link to the_title(); ?>"> the_title(); ?>

Wordpress plugin memory usage

memory measurement

memory monsters (1.0 – 10 MB)

little memory monsters (0.4 – 1.0 MB)

Wordpress 2.8 Plugins

Security

Access Restriction

commercial Wordpress Premium Themes

mediawiki installieren

Ändern der URIs

Logo zuweisen

Installation der Extensions

BreadCrumbs

CategoryTree

ConfirmEdit

StubManager

SecureHTML

spellchecker not working with 1.12.0

SyntaxHighlight_GeSHi

UserImages

CategoryCloud

CategoryBreadcrumb

Google Analytics

bbclone in mediawiki

Website Icons

Link Collections

Icon Downloads

Collection of free wordpress themes

CSS Layout

Right side column (Light Biz)

HTML code

Right Sidebar

Content

Development of a Plugin for Wordpress