Web Design Portfolio WordPress Plugin for Free

For your personal site or your client’s site you may have a portfolio page where all of your previous work will be listed out. WordPress plugin availability make it really easy to develop a portfolio section for your website. But all the free plugin available there wouldn’t suit your requirements to show your portfolio. So we have come up for your help with web design portfolio WordPress plugin which is free and if you request us we will also help you to customize the plugin.

Web Design Portfolio WordPress Plugin for Free

 

First of all get the free version of this plugin from here and install or upload the plugin in WordPress plugin folder. After uploading the plugin to WordPress directory activate it:

Web Design Portfolio WordPress Plugin for Free

 

After activating the plugin you will see a new menu Portfolio list:

Web Design Portfolio WordPress Plugin for Free

 

The main feature of this plugin is you can add three different image with three different size for each portfolio item. To set Image size go to Portfolio List-> Settings:

Web Design Portfolio WordPress Plugin for Free

 

In next step you can add the technology used to build the website like HTML,CSS, AJAX etc. Go to Portfolio List-> Add Technology

Web Design Portfolio WordPress Plugin for Free

 

You can find out all technology list in Portfolio List-> Technology List:

 

Web Design Portfolio WordPress Plugin for Free

 

Then you can add category of each portfolio like Ecommerce, WordPress etc. Go to Portfolio List-> Add Category to add new category:

Web Design Portfolio WordPress Plugin for Free

And get all category in Portfolio List-> Category List:

Web Design Portfolio WordPress Plugin for Free

 

And finally add a new portfolio from Portfolio List->Add Portfolio menu:

Web Design Portfolio WordPress Plugin for Free

 

 

Web Design Portfolio WordPress Plugin for Free

 

And get all Portfolio in Portfolio List-> Portfolio List:

Web Design Portfolio WordPress Plugin for Free-portfolio-list

Portfolio id will be generated automatically.  If you don’t understand any field then please send us a query. We will definately try to help you.

Here is the sample Front-end query to display data:

[php] <?php
global $wpdb;
global $wp_query;
$upload_dir = wp_upload_dir();
$image_file_path = $upload_dir[‘baseurl’].’/mtgportfolio/large/’;
$image_file_path_thumb = $upload_dir[‘baseurl’].’/mtgportfolio/large/’;
$image_file_path_feature = $upload_dir[‘baseurl’].’/mtgportfolio/large/’;
$poftfolio_id = $wp_query->query_vars[‘pid’];
$table_product = $wpdb->prefix . "mtgportfolio_portfolio_items";
$retrieve_portfolio = $wpdb->get_row( "SELECT * FROM $table_product WHERE portfolio_id=$poftfolio_id ");
$image_url_large = $image_file_path.’/’.$retrieve_portfolio->portfolio_large_file;
$image_url_thumb = $image_file_path_thumb.’/’.$retrieve_portfolio->portfolio_thumb_file;
$image_url_feature = $image_file_path_feature.’/’.$retrieve_portfolio->portfolio_featured_file;
?>

<?php echo $retrieve_portfolio->portfolio_title; ?></h2>
<img src="<?php echo $image_url_large;?>" />
<img src="<?php echo $image_url_thumb;?>" />
<img src="<?php echo $image_url_feature;?>" />
<?php echo date("F-j-Y", strtotime($retrieve_portfolio->portfolio_date)); ?>
<h2>PROJECT ID</h2>
<p><?php echo $retrieve_portfolio->portfolio_serial; ?></p>
<?php
if ($retrieve_portfolio->portfolio_client!="")
{
?>
<h2>Client Name:</h2>
<p> <?php echo $retrieve_portfolio->portfolio_client; ?></p>
<?php }?>

<?php
if ($retrieve_portfolio->portfolio_client_country!="")
{
?>
<h2>Location:</h2>
<p> <?php echo $retrieve_portfolio->portfolio_client_country; ?></p>
<?php }?>

<h2>Project Year:</h2>
<p> <?php echo date("Y", strtotime($retrieve_portfolio->portfolio_date)); ?></p>

<?php
if ($retrieve_portfolio->portfolio_requirements!="")
{
?>
<h2>Project Requirements:</h2>
<p> <?php echo $retrieve_portfolio->portfolio_requirements; ?></p>
<?php }?>
<h2>Technologies:</h2>
<p> <?php echo str_replace(",","|",$retrieve_portfolio->portfolio_technology); ?></p>

<?php
if ($retrieve_portfolio->portfolio_description!="")
{
?>
<h2>Project Description:</h2>
<p> <?php echo $retrieve_portfolio->portfolio_description; ?></p>
<?php }?>
<?php
if ($retrieve_portfolio->portfolio_url!="")
{
?>
<h2>URL:</h2>
<p> <a href="<?php echo $retrieve_portfolio->portfolio_url; ?>" target="_blank" rel="nofollow"><?php echo $retrieve_portfolio->portfolio_url; ?></a></p>
<?php }?>[/php]

 

 

Author: mytutorialguru

Share This Post On

Submit a Comment

Your email address will not be published. Required fields are marked *