Title: MB Portfolio
Author: Muhammad Mubeen
Published: <strong>7 maart 2020</strong>
Last modified: 8 februari 2021

---

Plugins zoeken

Deze plugin **is niet getest met de laatste 3 grotere versies van WordPress**. Mogelijk
wordt het niet meer onderhouden of ondersteund. Ook kunnen er compatibiliteitsproblemen
ontstaan wanneer het wordt gebruikt met recentere versies van WordPress.

![](https://ps.w.org/mb-portfolio/assets/icon-256x256.png?rev=2470818)

# MB Portfolio

 Door [Muhammad Mubeen](https://profiles.wordpress.org/smubeen0786/)

[Download](https://downloads.wordpress.org/plugin/mb-portfolio.1.1.zip)

 * [Details](https://nl.wordpress.org/plugins/mb-portfolio/#description)
 * [Beoordelingen](https://nl.wordpress.org/plugins/mb-portfolio/#reviews)
 *  [Installatie](https://nl.wordpress.org/plugins/mb-portfolio/#installation)
 * [Ontwikkeling](https://nl.wordpress.org/plugins/mb-portfolio/#developers)

 [Ondersteuning](https://wordpress.org/support/plugin/mb-portfolio/)

## Beschrijving

MB Portfolio is designed to display a stylish portfolio grid in your wordpress website
with navigation to filter portfolio with categories.
 Display your portfolio grid
anywhere in the website with simple shortcode. You can have full control over how
the grid will display. Shortcode has multple parameter to control the display in
front-end.

### Usage :

Place this shorcode anywhere in the page or post where you want to display the portfolio
grid => [mb_portfolio navigation=”true” posts=”6″ term_id=”” pagination=”true”]

### Shortcode parameter explaination:

 * 1- ‘navigation’:
    `'navigation' parameter accepts 'true/false' to show/hide the
   navigation that filter the grid accordiing to category. Default value is 'true'.`
 * 2- ‘posts’:
    `'posts' parameter accepts an 'integer' to show number of posts 
   in grid. Default value is '6'.`
 * 3- ’term_id’:
    `'term_id' parameter accepts an 'integer' id of portfolio category
   to show posts of specific category in the grid. By Default all categories posts
   will be displayed.`
 * 4- ‘pagination’:
    `'pagination' parameter accepts 'true/false' to show/hide the
   pagination after the grid. Default value is 'true'.`

### Custom Color Scheme

To use your desired color for portfolio section use the following classes in theme
customizer with your Color #code. Just replace ‘red’ with your desired color code
and copy in theme customizer.

**#portfolio .portfolio-nav ul li i,
 .cath4,#portfolio .portfolio-hover span { 
color: red; } #portfolio .portfolio-nav ul li.mbactive, #portfolio .portfolio-nav
ul li:hover, #portfolio .portfolio-nav ul li span, #portfolio .portfolio-single .
mbbtn, #portfolio .portfolio-hover .mbbutton a:hover, #portfolio .portfolio-hover.
mbbutton .primary, #portfolio .mbbutton .mbbtn, #portfolio.archive .nav-bg, #portfolio.
single .portfolio-single.slider .owl-nav div, #portfolio.single .content h2:before,#
portfolio.single .portfolio-widget, .k-line{ background: red; } #header .nav li 
a::after, #portfolio .portfolio-nav ul li span::before{ border-top-color:red; }

**#portfolio div.mbpagination a,.page-numbers.current{
 border: 1px solid red; }#
portfolio div.mbpagination .page-numbers.current{ background: red; } #portfolio 
div.mbpagination a:hover{ background: red; }

## Schermafbeeldingen

[⌊Custom post type for Portfolio.⌉⌊Custom post type for Portfolio.⌉[

Custom post type for Portfolio.

[⌊screenshot for adding custom link i.e. project website link.⌉⌊screenshot for adding
custom link i.e. project website link.⌉[

screenshot for adding custom link i.e. project website link.

[⌊screenshot to add fa icon for portfolio category.⌉⌊screenshot to add fa icon for
portfolio category.⌉[

screenshot to add fa icon for portfolio category.

[⌊screenshot for placing shortcode in the page or post.⌉⌊screenshot for placing 
shortcode in the page or post.⌉[

screenshot for placing shortcode in the page or post.

[⌊screenshot of final look front-end.⌉⌊screenshot of final look front-end.⌉[

screenshot of final look front-end.

## Installatie

This section describes how to install the plugin and get it working.

 1. Upload the plugin files to the `/wp-content/plugins/plugin-name` directory, or 
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress
 3. Place “[mb_portfolio navigation=’true’ posts=’6′ term_id=’any’ pagination=’false’]”
    in your pages or templates.

## Beoordelingen

Er zijn geen beoordelingen voor deze plugin.

## Bijdragers & ontwikkelaars

“MB Portfolio” is open source software. De volgende personen hebben bijgedragen 
aan deze plugin.

Bijdragers

 *   [ Muhammad Mubeen ](https://profiles.wordpress.org/smubeen0786/)

[Vertaal “MB Portfolio” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/mb-portfolio)

### Interesse in ontwikkeling?

[Bekijk de code](https://plugins.trac.wordpress.org/browser/mb-portfolio/), haal
de [SVN repository](https://plugins.svn.wordpress.org/mb-portfolio/) op, of abonneer
je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/mb-portfolio/) via
[RSS](https://plugins.trac.wordpress.org/log/mb-portfolio/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

Bug fix and improvement in grid design.

## Meta

 *  Versie **1.1**
 *  Laatst geüpdatet **6 jaar geleden**
 *  Actieve installaties **10+**
 *  WordPress versie ** 4.0 of nieuwer **
 *  Getest t/m **5.6.22**
 *  PHP versie ** 5.6 of nieuwer **
 *  Taal
 * [English (US)](https://wordpress.org/plugins/mb-portfolio/)
 * Tags
 * [best portfolio](https://nl.wordpress.org/plugins/tags/best-portfolio/)[filterable portfolio](https://nl.wordpress.org/plugins/tags/filterable-portfolio/)
   [portfolio](https://nl.wordpress.org/plugins/tags/portfolio/)[portfolio plugin](https://nl.wordpress.org/plugins/tags/portfolio-plugin/)
 *  [Geavanceerde weergave](https://nl.wordpress.org/plugins/mb-portfolio/advanced/)

## Waarderingen

Er zijn nog geen beoordelingen ingediend.

[Je beoordeling](https://wordpress.org/support/plugin/mb-portfolio/reviews/#new-post)

[Bekijk alle beoordelingen](https://wordpress.org/support/plugin/mb-portfolio/reviews/)

## Bijdragers

 *   [ Muhammad Mubeen ](https://profiles.wordpress.org/smubeen0786/)

## Ondersteuning

Iets te melden? Hulp nodig?

 [Het supportforum bekijken](https://wordpress.org/support/plugin/mb-portfolio/)