內容簡介
MB Portfolio是一個 WordPress 外掛，設計用於在您的 WordPress 網站上顯示時尚的作品集網格，並提供分類篩選的導航功能。
在網站的任何位置顯示您的作品集網格，只需使用簡單的 shortcode 就能掌握網格的顯示方式。
shortcode 有多個可控制前端顯示的參數
用法：
在頁面或文章中的任何位置放置這個 shortcode，它將顯示您的作品集網格 => [mb_portfolio navigation=”true” posts=”6″ term_id=”” pagination=”true”]
Shortcode 參數解釋：
1- ‘navigation’：
'navigation' 參數接受 'true/false'，以顯示/隱藏按類別篩選的導航。預設值為 'true'。
2- ‘posts’:
'posts' 參數接受一個 '整數'，以顯示網格中的文章數量。預設值為 '6'。
3- ‘term_id’:
'term_id' 參數接受作品集分類的 '整數' id，以在網格中顯示特定分類的文章。預設為顯示所有文章。
4- ‘pagination’:
'pagination' 參數接受 'true/false'，以顯示/隱藏網格後的分頁。預設值為 'true'。
自訂顏色方案
使用下列類別在主題自訂器中使用您所需的顏色代碼來更改作品集部分的顏色。只需用您所需的顏色代碼替換 ‘red’，並複製到主題自訂器中。
#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;
}
外掛標籤
開發者團隊
原文外掛簡介
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;
}
