這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

MB Portfolio

外掛說明

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;
}

螢幕擷圖

  • Custom post type for Portfolio.
  • screenshot for adding custom link i.e. project website link.
  • screenshot to add fa icon for portfolio category.
  • screenshot for placing shortcode in the page or post.
  • screenshot of final look front-end.

安裝方式

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.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈MB Portfolio〉的開發相關工作。

參與者

將〈MB Portfolio〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

Bug fix and improvement in grid design.