]]>
希望WP愛好者能夠喜歡并嘗試一下‘
1.樣式表
- /*SidebarTabsAd*/
- #cwpad_box{width:100%;text-align:center}
- #cwpad_box ul, #cwpad_box dd, #cwpad_box tt{
- margin:0px;
- padding:0px;
- float:left;
- list-style: none;
- }
- #cwpad_box{
- width:313px;/*250px+(n-1)*21px*/
- height:250px;
- border-left: 1px solid #740a20;
- }
- #cwpad_box dd{
- width:21px;
- height:250px;
- overflow:hidden;
- position:relative;
- }
- #cwpad_box dd.hove{
- width:250px;
- text-align:rightright;
- }
- #cwpad_box dd tt{
- width:20px;
- height:250px;
- top:0px;
- left:0px;
- color:#fff;
- cursor:pointer;
- text-align:center;
- padding:20px 0 0 0;
- background:#b9000d;
- position:absolute;
- border-right:1px solid #740a20;
- }
- #cwpad_box dd tt.hove{
- background:#620317;
- }
在上面的樣式表中，假設放置的是四個250px*250px的圖片廣告，所以250+（4-1）*21=313px。
2.javascript代碼
- <script type="text/javascript">
- function myAddEvent(obj, sEvent, fn){
- return obj.attachEvent ? obj.attachEvent('on' + sEvent, fn) : obj.addEventListener(sEvent, fn, false);
- }
- function Class(oParent, sClass){
- var aElem = oParent.getElementsByTagName('*');
- var aClass = [];
- var i = 0;
- for(i=0;i<aElem.length;i++)if(aElem[i].className == sClass)aClass.push(aElem[i]);
- return aClass;
- };
- function css(obj, attr, value){
- if(arguments.length == 2){
- var style = obj.style,
- currentStyle = obj.currentStyle;
- if(typeof attr === 'string')return currentStyle ? currentStyle[attr] : getComputedStyle(obj, false)[attr];
- for(var propName in attr)propName == 'opacity' ? (style.filter = "alpha(opacity=" + attr[propName] + ")", style.opacity = attr[propName] / 100) : style[propName] = attr[propName];
- }else if(arguments.length == 3){
- switch(attr){
- case "width":
- case "height":
- case "paddingTop":
- case "paddingRight":
- case "paddingBottom":
- case "paddingLeft":
- case "top":
- case "right":
- case "bottom":
- case "left":
- case "marginTop":
- case "marginRigth":
- case "marginBottom":
- case "marginLeft":
- obj.style[attr] = value + "px";
- break;
- case "opacity":
- obj.style.filter = "alpha(opacity=" + value + ")";
- obj.style.opacity = value / 100;
- break;
- default:
- obj.style[attr] = value
- }
- }
- };
- function extend(destination, source){
- for (var propName in source) destination[propName] = source[propName];
- return destination
- };
- function doMove(obj, json, fnEnd){
- clearInterval(obj.timer);
- obj.iSpeed = 0;
- fnEnd = extend({
- type: "buffer",
- callback: function() {}
- }, fnEnd);
- obj.timer = setInterval(function(){
- var iCur = 0,
- iStop = true;
- for(var propName in json){
- iCur = parseFloat(css(obj, propName));
- propName == 'opacity' && (iCur = Math.round(iCur * 100));
- switch(fnEnd.type){
- case 'buffer':
- obj.iSpeed = (json[propName] - iCur) / 5;
- obj.iSpeed = obj.iSpeed > 0 ? Math.ceil(obj.iSpeed) : Math.floor(obj.iSpeed);
- json[propName] == iCur || (iStop = false, css(obj, propName, iCur + obj.iSpeed));
- break;
- case 'elasticity':
- obj.iSpeed += (json[propName] - iCur) / 5;
- obj.iSpeed *= 0.75;
- Math.abs(json[propName] - iCur) <= 1 && Math.abs(obj.iSpeed) <= 1 ? css(obj, propName, json[propName]) : css(obj, propName, json[propName]) || (iStop = false, css(obj, propName, iCur + obj.iSpeed));
- break;
- case 'accelerate':
- obj.iSpeed = obj.iSpeed + 5;
- iCur >= json[propName] ? css(obj, propName, json[propName]) : css(obj, propName, json[propName]) || (iStop = false, css(obj, propName, iCur + obj.iSpeed));
- break;
- }
- }
- if(iStop){
- clearInterval(obj.timer);
- obj.timer = null;
- obj.iSpeed = 0;
- fnEnd.callback();
- }
- },30);
- };
- window.onload = function(){
- var oBox = document.getElementById('cwpad_box')
- var aSpan = document.getElementsByTagName('tt');
- var aLi = document.getElementsByTagName('dd');
- var playtime = null;
- var iNow = 0;
- for(i=0;i<aSpan.length;i++){
- aSpan[i].index = i;
- aSpan[i].onclick = function(){
- for(var len=aLi.length,i=0;i<len;i++)doMove(aLi[i], {width:21});
- for(var len=aSpan.length,i=0;i<len;i++)aSpan[i].className = '';
- this.className = 'hove';
- doMove(this.parentNode, {width:250});
- iNow = this.index;
- };
- }
- playtime = setInterval(tab,3500);
- oBox.onmouseover = function(){
- clearInterval(playtime);
- }
- oBox.onmouseout = function(){
- playtime = setInterval(tab,3500);
- }
- function tab(){
- iNow == aLi.length-1 ? iNow = 0 : iNow++;
- aSpan[iNow].onclick();
- }
- };
- </script>
3.示例的HTML代碼
- <div id="cwpad_box">
- <ul>
- <dd class="hove">
- <tt class="hove">網站設計及培訓</tt>
- <a ></a>
- </dd>
- </ul>
- </div>
使用的是索凌網絡前面介紹過的"假圖"生成網站fakeimg.pl生成的"假圖"。
這組代碼的一個顯著缺點是：不適合移動設備顯示。
]]>
- if(is_admin())
- {
- new Cool_Wp_List_Table();
- }
- /**
- * Cool_Wp_List_Table class will create the page to load the table
- */
- class Cool_Wp_List_Table
- {
- /**
- * Constructor will create the menu item
- */
- public function __construct()
- {
- add_action( 'admin_menu', array($this, 'add_menu_example_list_table_page' ));
- }
- /**
- * Menu item will allow us to load the page to display the table
- */
- public function add_menu_example_list_table_page()
- {
- add_menu_page( 'Coowp示例表格', 'Coowp示例表格', 'manage_options', 'coolwp-list-table.php', array($this, 'list_table_page') );
- }
- /**
- * Display the list table page
- *
- * @return Void
- */
- public function list_table_page()
- {
- $exampleListTable = new Example_List_Table();
- $exampleListTable->prepare_items();
- ?>
- <div class="wrap">
- <div id="icon-users" class="icon32"></div>
- <h2>Coowp示例表格-頁面標題</h2>
- <?php $exampleListTable->display(); ?>
- </div>
- <?php
- }
- }
- // WP_List_Table is not loaded automatically so we need to load it in our application
- if( ! class_exists( 'WP_List_Table' ) ) {
- require_once( ABSPATH . 'wp-admin/includes/class-wp-list-table.php' );
- }
- /**
- * Create a new table class that will extend the WP_List_Table
- */
- class Example_List_Table extends WP_List_Table
- {
- /**
- * Prepare the items for the table to process
- *
- * @return Void
- */
- public function prepare_items()
- {
- $columns = $this->get_columns();
- $hidden = $this->get_hidden_columns();
- $sortable = $this->get_sortable_columns();
- $data = $this->table_data();
- usort( $data, array( &$this, 'sort_data' ) );
- $perPage = 2;
- $currentPage = $this->get_pagenum();
- $totalItems = count($data);
- $this->set_pagination_args( array(
- 'total_items' => $totalItems,
- 'per_page' => $perPage
- ) );
- $data = array_slice($data,(($currentPage-1)*$perPage),$perPage);
- $this->_column_headers = array($columns, $hidden, $sortable);
- $this->items = $data;
- }
- /**
- * Override the parent columns method. Defines the columns to use in your listing table
- *
- * @return Array
- */
- public function get_columns()
- {
- $columns = array(
- 'id' => __('ID'),
- 'title' => __('Title'),
- 'description' => __('描述'),
- //__('Description'),怎么被Wordpress翻譯為“圖像描述”了？
- 'date' => __('Date'),
- 'price' => __('價格'),//__('Price'),
- 'rating' => __('Rating')
- );
- return $columns;
- }
- /**
- * Define which columns are hidden
- *
- * @return Array
- */
- public function get_hidden_columns()
- {
- return array();
- }
- /**
- * Define the sortable columns
- *
- * @return Array
- */
- public function get_sortable_columns()
- {
- return array('title' => array('title', false));
- }
- /**
- * Get the table data
- *
- * @return Array
- */
- private function table_data()
- {
- $data = array();
- $data[] = array(
- 'id' => 1,
- 'title' => '某IT設備租賃公司：楊先生',
- 'description' => '上海，需求描述',
- 'date' => '2013.01.01',
- 'price' => '---',
- 'rating' => '7.3'
- );
- $data[] = array(
- 'id' => 2,
- 'title' => '某婚攝團隊：李先生',
- 'description' => '臺灣，臺北',
- 'date' => '2013.12.15',
- 'price' => '---',
- 'rating' => '7.2'
- );
- $data[] = array(
- 'id' => 3,
- 'title' => '在校研究生：梁小姐',
- 'description' => '墨爾本大學：藝術設計',
- 'date' => '2013.12.03',
- 'price' => '---',
- 'rating' => '7.0'
- );
- $data[] = array(
- 'id' => 4,
- 'title' => '某私人航空公司',
- 'description' => '僅前端交互：何小姐',
- 'date' => '2014.01.01',
- 'price' => '---',
- 'rating' => '7.0'
- );
- return $data;
- }
- /**
- * Define what data to show on each column of the table
- *
- * @param Array $item Data
- * @param String $column_name - Current column name
- *
- * @return Mixed
- */
- public function column_default( $item, $column_name )
- {
- switch( $column_name ) {
- case 'id':
- case 'title':
- case 'description':
- case 'date':
- case 'price':
- case 'rating':
- return $item[ $column_name ];
- default:
- return print_r( $item, true ) ;
- }
- }
- /**
- * Allows you to sort the data by the variables set in the $_GET
- *
- * @return Mixed
- */
- private function sort_data( $a, $b )
- {
- // Set defaults
- $orderby = 'title';
- $order = 'asc';
- // If orderby is set, use this as the sort column
- if(!emptyempty($_GET['orderby']))
- {
- $orderby = $_GET['orderby'];
- }
- // If order is set use this as the order
- if(!emptyempty($_GET['order']))
- {
- $order = $_GET['order'];
- }
- $result = strcmp( $a[$orderby], $b[$orderby] );
- if($order === 'asc')
- {
- return $result;
- }
- return -$result;
- }
- }
ENJOY IT!
]]>
上面這句話并不是翻譯來的，只是我想一句話說完。
下面開始吧：
1.在頁面頭部加載jQuery和這個Lazyload插件，如果已經加載過了jQuery，那就不用再次加載了：
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>
是的，我習慣在國內用又拍云的云加速。
對圖片的處理：
<img class="lazy" src="img/grey.gif" data-original="img/true_image.jpg" width="730" heigh="300">
上面示例中的grey.gif實際上相當于一個占位符，建議采用1*1px的灰色png或者gif，data-original后面的才是真正的圖片鏈接，class="lazy"是個可以定義的特定class。
Lazyload基本設置
<script type="text/javascript" charset="utf-8">
$(function() {
$("img.lazy").lazyload();
});
</script>
Lazyload基本設置的在線DEMO:Lazyload DEMO1
對不支持js瀏覽器的處理
<img class="lazy" src="img/grey.gif" data-original="img/true_image.jpg" width="730" heigh="300">
<noscript><img src="img/true_image.jpg" width="730" heigh="300"></noscript>
用CSS隱藏占位符：
.lazy {
display: none;
}
對支持js的瀏覽器，應該在DOM準備階段就初始化插件：
$("img.lazy").show().lazyload();
當然了，這樣處理兼容性更好，不過現在的瀏覽器大多都是支持js的。
加載敏感度
默認的情況下，圖片將會在出現在屏幕上時顯示，如果想提載入圖片，可以使用 threshold 進行設置，下例的含義是：在圖片距離屏幕180px時提前載入：
$("img.lazy").lazyload({ threshold :180});
占位圖片
可以自定義一個簡單的淺色或灰色系的小圖片（越小越好，1*1px最佳，格式推薦采用gif）作為占位圖片來觸發加載動作。
事件觸發
可以是jQuery的任何事件（如click、mouseover），還可以使用自己定義的事件。
例如：處于等待狀態, 直到瀏覽者滾動到窗口中圖片所在位置，在占位圖片被點擊之前不加載圖片, 可以這樣做:
$("img").lazyload({
placeholder : "img/grey.gif",
event : "click"
});
特效的使用
當圖片完全加載的時候，默認使用show()方法來顯示圖片，所以，上面的那個基本設置示例中未寫出show(),但是可以照常運行。
圖片淡入（FadeIn）效果
$("img.lazy").lazyload({
effect : "fadeIn"
});
Lazyload圖片淡入效果演示
將圖片放在特定容器中
先看示例：水平滾動演示頁面和垂直滾動的演示頁面
CSS部分示例
#container {
height: 600px;
overflow: scroll;
}
js部分示例
$("img.lazy").lazyload({
container: $("#container")
});
圖片未按順序排列的情況
滾動頁面的時候，Lazyload會按照在HTML代碼中的順序先后可視范圍內的加載圖片，在第一張不在可視范圍內的圖片處停止執行，但是在某些頁面布局中，這種聰明的假設可能是不成立的，那么可以用failurelimit來控制加載動作：
$("img.lazy").lazyload({
failure_limit : 10
});
上面的意思是：在找到10張不在可視范圍內的圖片時停止執行。額，好吧，如果你的頁面布局猥瑣到10不足以滿足的時候，那就再大一些吧。
Lazyload定時延遲圖片載入
Lazyload的一個并不完備的功能，并不影響使用，但是實際用途并不大！用途描述：在頁面和可見圖片載入后一定時間內載入圖片。Lazyload定時延遲圖片載入示例
$(function() {
$("img:below-the-fold").lazyload({
event : "sporty"
});
});
$(window).bind("load", function() {
var timeout = setTimeout(function() {$("img.lazy").trigger("sporty")}, 5000);
});
上例中采用的參數或者說定時是5秒。
加載隱藏的圖片
你的頁面上可能隱藏了很多不可見的圖片用作特殊用途，Lazyload默認是忽略這些圖片的，如果不想忽略掉，可以這樣：
$("img.lazy").lazyload({
skip_invisible : false
});
Lazyload下載與兼容性
最新的未壓縮版 source與壓縮版 minified。
你看到這篇文章時可能有更新的版本了，請點擊Lazyload了解更多！
兼容于：
OSX平臺： Safari 5.1, Safari 6, Chrome 20, Firefox 12
WIN平臺：Chrome 20, IE 8 and IE 9 on Windows
iPhone和 iPad上：Safari 5.1
]]>
1.樣式表
- /*SidebarTabsAd*/
- #cwpad_box{width:100%;text-align:center}
- #cwpad_box ul, #cwpad_box dd, #cwpad_box tt{
- margin:0px;
- padding:0px;
- float:left;
- list-style: none;
- }
- #cwpad_box{
- width:313px;/*250px+(n-1)*21px*/
- height:250px;
- border-left: 1px solid #740a20;
- }
- #cwpad_box dd{
- width:21px;
- height:250px;
- overflow:hidden;
- position:relative;
- }
- #cwpad_box dd.hove{
- width:250px;
- text-align:rightright;
- }
- #cwpad_box dd tt{
- width:20px;
- height:250px;
- top:0px;
- left:0px;
- color:#fff;
- cursor:pointer;
- text-align:center;
- padding:20px 0 0 0;
- background:#b9000d;
- position:absolute;
- border-right:1px solid #740a20;
- }
- #cwpad_box dd tt.hove{
- background:#620317;
- }
在上面的樣式表中，假設放置的是四個250px*250px的圖片廣告，所以250+（4-1）*21=313px。
2.javascript代碼
- <script type="text/javascript">
- function myAddEvent(obj, sEvent, fn){
- return obj.attachEvent ? obj.attachEvent('on' + sEvent, fn) : obj.addEventListener(sEvent, fn, false);
- }
- function Class(oParent, sClass){
- var aElem = oParent.getElementsByTagName('*');
- var aClass = [];
- var i = 0;
- for(i=0;i<aElem.length;i++)if(aElem[i].className == sClass)aClass.push(aElem[i]);
- return aClass;
- };
- function css(obj, attr, value){
- if(arguments.length == 2){
- var style = obj.style,
- currentStyle = obj.currentStyle;
- if(typeof attr === 'string')return currentStyle ? currentStyle[attr] : getComputedStyle(obj, false)[attr];
- for(var propName in attr)propName == 'opacity' ? (style.filter = "alpha(opacity=" + attr[propName] + ")", style.opacity = attr[propName] / 100) : style[propName] = attr[propName];
- }else if(arguments.length == 3){
- switch(attr){
- case "width":
- case "height":
- case "paddingTop":
- case "paddingRight":
- case "paddingBottom":
- case "paddingLeft":
- case "top":
- case "right":
- case "bottom":
- case "left":
- case "marginTop":
- case "marginRigth":
- case "marginBottom":
- case "marginLeft":
- obj.style[attr] = value + "px";
- break;
- case "opacity":
- obj.style.filter = "alpha(opacity=" + value + ")";
- obj.style.opacity = value / 100;
- break;
- default:
- obj.style[attr] = value
- }
- }
- };
- function extend(destination, source){
- for (var propName in source) destination[propName] = source[propName];
- return destination
- };
- function doMove(obj, json, fnEnd){
- clearInterval(obj.timer);
- obj.iSpeed = 0;
- fnEnd = extend({
- type: "buffer",
- callback: function() {}
- }, fnEnd);
- obj.timer = setInterval(function(){
- var iCur = 0,
- iStop = true;
- for(var propName in json){
- iCur = parseFloat(css(obj, propName));
- propName == 'opacity' && (iCur = Math.round(iCur * 100));
- switch(fnEnd.type){
- case 'buffer':
- obj.iSpeed = (json[propName] - iCur) / 5;
- obj.iSpeed = obj.iSpeed > 0 ? Math.ceil(obj.iSpeed) : Math.floor(obj.iSpeed);
- json[propName] == iCur || (iStop = false, css(obj, propName, iCur + obj.iSpeed));
- break;
- case 'elasticity':
- obj.iSpeed += (json[propName] - iCur) / 5;
- obj.iSpeed *= 0.75;
- Math.abs(json[propName] - iCur) <= 1 && Math.abs(obj.iSpeed) <= 1 ? css(obj, propName, json[propName]) : css(obj, propName, json[propName]) || (iStop = false, css(obj, propName, iCur + obj.iSpeed));
- break;
- case 'accelerate':
- obj.iSpeed = obj.iSpeed + 5;
- iCur >= json[propName] ? css(obj, propName, json[propName]) : css(obj, propName, json[propName]) || (iStop = false, css(obj, propName, iCur + obj.iSpeed));
- break;
- }
- }
- if(iStop){
- clearInterval(obj.timer);
- obj.timer = null;
- obj.iSpeed = 0;
- fnEnd.callback();
- }
- },30);
- };
- window.onload = function(){
- var oBox = document.getElementById('cwpad_box')
- var aSpan = document.getElementsByTagName('tt');
- var aLi = document.getElementsByTagName('dd');
- var playtime = null;
- var iNow = 0;
- for(i=0;i<aSpan.length;i++){
- aSpan[i].index = i;
- aSpan[i].onclick = function(){
- for(var len=aLi.length,i=0;i<len;i++)doMove(aLi[i], {width:21});
- for(var len=aSpan.length,i=0;i<len;i++)aSpan[i].className = '';
- this.className = 'hove';
- doMove(this.parentNode, {width:250});
- iNow = this.index;
- };
- }
- playtime = setInterval(tab,3500);
- oBox.onmouseover = function(){
- clearInterval(playtime);
- }
- oBox.onmouseout = function(){
- playtime = setInterval(tab,3500);
- }
- function tab(){
- iNow == aLi.length-1 ? iNow = 0 : iNow++;
- aSpan[iNow].onclick();
- }
- };
- </script>
3.示例的HTML代碼
- <div id="cwpad_box">
- <ul>
- <dd class="hove">
- <tt class="hove">網站設計及培訓</tt>
- <a ></a>
- </dd>
- </ul>
- </div>
使用的是索凌網絡前面介紹過的"假圖"生成網站fakeimg.pl生成的"假圖"。
這組代碼的一個顯著缺點是：不適合移動設備顯示。
]]>
一、查詢Wordpress某篇文章作者的全部文章或部分最新文章
1.獲取當前文章作者的ID
- get_post($id)->post_author
這才是獲取Wordpress當前文章作者ID的正確方式，網上到處亂傳的那篇名叫“WordPress 通過文章ID獲取文章標題、內容等信息”的文章里的說法是錯誤的，雖然是錯誤的，但是卻被廣泛的Ctrl+C然后Ctrl+V，以訛傳訛，不可思議啊。
另外get_post($id)->可以獲取與文章有關的許多信息，轉述如下：
- post_author：(整數）文章作者的編號
- post_data：(字符）文章發表的日期和時間（YYYY-MM-DD HH-MM-SS)
- post_data_gmt：（字符）文章發表的格林尼治標準時間（GMT） （YYYY-MM-DD HH-MM-SS)
- post_content：（字符）文章內容
- post_title：（字符）文章標題
- post_category：（整數）文章類別的編號。注意：該值在WordPress 2.1之后的版本總為0。定義文章的類別時可使用 get_the_category()函數。
- post_excerpt：（字符）文章摘要
- post_status：(字符）文章狀態（publish|pending|draft|private|static|object|attachment|inherit|future）
- comment_status：（字符）評論狀態（open|closed|registered_only）
- ping_status：（字符）pingback/trackback狀態（open|closed）
- post_password：(字符）文章密碼
- post_name：(字符）文章的URL嵌套
- to_ping：(字符）要引用的URL鏈接
- pinged：（字符）引用過的鏈接
- post_modified：(字符）文章最后修改時間（YYYY-MM-DD HH-MM-SS)
- post_modified_gmt：(字符）文章最后修改GMT時間（YYYY-MM-DD HH-MM-SS)
- post_parent：(整數）父級文章編號（供附件等）
- guid：（字符）文章的一個鏈接。注意：不能將GUID作為永久鏈接（雖然在2.5之前的版本中它的確被當作永久鏈接），也不能將它作為文章的可用鏈接。GUID是一種獨有的標識符，只是目前恰巧成為文章的一個鏈接。
- post_type：（字符）（日志 | 頁面 | 附件）
- post_mime_type：(字符）Mime類型（供附件等）
- comment_count：（整數）評論總數
2.Wordpress查詢文章作者的全部文章/部分文章的主要函數及輸出
- <?php
- global $wpdb;
- //$current_user->ID的話，查詢的就是當前登錄的用戶，所以是不對的;
- $author_id = get_post($id)->post_author;
- $sql = "SELECT * FROM $wpdb->posts WHERE post_status IN ('publish','static') AND post_author = '$author_id' AND post_type ='post'LIMIT 5" ; //查詢作者文章數量
- $posts= $wpdb->get_results($sql);
- foreach ($posts as $post) {
- echo'<li><a href="';the_permalink();echo '" rel="twipsy" title="';the_title();echo '">'. mb_strimwidth(get_the_title(), 0, 20,"...").'</a></li>';
- }
- ?>
只在無序列表ul里輸出一個列表，格式是截斷的標題加上鏈接，查詢了僅僅5篇，多了的話，沒什么用，這里僅僅是測試。
二、Wordpress用戶角色與權限
WordPress用戶角色或者Wordpress用戶權限說是從Wordpress2.0開始，逐漸的完善起來的，默認分以下幾種的：
- Super Admin超級管理員-針對Wordpress多站點環境，一般人很少接觸，所以很少有人提及；
- Administrator管理員 -擁有特定的某一個站點的所有管理權限；
- Editor編輯 -發表文章、編輯文章、并能編輯其他人的文章等等；
- Author作者-能夠發布和編輯自己的文章；
- Contributor貢獻者或者叫投稿者 -能夠撰寫和編輯自己的文章、但不能發布；
- Subscriber訂閱者 -能夠查看評論/添加評論/查看文章，等等。
當新用戶在你的Wordpress站點上注冊了的時候（假設已經開啟注冊），他的默認角色可以在Wordpress后臺-->設置-->常規頁面設置。
下面的用戶角色以及對應的權限能力等級對照表翻譯自Wordpress官方網站，所在頁面：
http://codex.wordpress.org/Roles_and_Capabilities#Capabilities
| 角色 | 超級管理員 | 管理員（單個站點） | 編輯 | 作者 | 貢獻者（投稿者） | 訂閱者 |
|---|---|---|---|---|---|---|
| manage_network | 是 | |||||
| manage_sites | 是 | |||||
| manage_network_users | 是 | |||||
| manage_network_plugins | 是 | |||||
| manage_network_themes | 是 | |||||
| manage_network_options | 是 | |||||
| unfiltered_html | 是 | |||||
| 角色 | 超級管理員 | 管理員（單個站點） | 編輯 | 作者 | 貢獻者（投稿者） | 訂閱者 |
| activate_plugins | 是 | 是 | ||||
| create_users | 是 | 僅單個站點 | ||||
| delete_plugins | 是 | 是 | ||||
| delete_themes | 是 | 僅單個站點 | ||||
| delete_users | 是 | 是 | ||||
| edit_files | 是 | 是 | ||||
| edit_plugins | 是 | 僅單個站點 | ||||
| edit_theme_options | 是 | 是 | ||||
| edit_themes | 是 | 僅單個站點 | ||||
| edit_users | 是 | 僅單個站點 | ||||
| export | 是 | 是 | ||||
| import | 是 | 是 | ||||
| 角色 | 超級管理員 | 管理員（單個站點） | 編輯 | 作者 | 貢獻者（投稿者） | 訂閱者 |
| install_plugins | 是 | 僅單個站點 | ||||
| install_themes | 是 | 僅單個站點 | ||||
| list_users | 是 | 是 | ||||
| manage_options | 是 | 是 | ||||
| promote_users | 是 | 是 | ||||
| remove_users | 是 | 是 | ||||
| switch_themes | 是 | 是 | ||||
| update_core | 是 | 僅單個站點 | ||||
| update_plugins | 是 | 僅單個站點 | ||||
| update_themes | 是 | 僅單個站點 | ||||
| edit_dashboard | 是 | 是 | ||||
| 角色 | 超級管理員 | 管理員（單個站點） | 編輯 | 作者 | 貢獻者（投稿者） | 訂閱者 |
| moderate_comments | 是 | 是 | 是 | |||
| manage_categories | 是 | 是 | 是 | |||
| manage_links | 是 | 是 | 是 | |||
| edit_others_posts | 是 | 是 | 是 | |||
| edit_pages | 是 | 是 | 是 | |||
| edit_others_pages | 是 | 是 | 是 | |||
| edit_published_pages | 是 | 是 | 是 | |||
| publish_pages | 是 | 是 | 是 | |||
| delete_pages | 是 | 是 | 是 | |||
| delete_others_pages | 是 | 是 | 是 | |||
| delete_published_pages | 是 | 是 | 是 | |||
| delete_others_posts | 是 | 是 | 是 | |||
| delete_private_posts | 是 | 是 | 是 | |||
| edit_private_posts | 是 | 是 | 是 | |||
| 閱讀_private_posts | 是 | 是 | 是 | |||
| delete_private_pages | 是 | 是 | 是 | |||
| edit_private_pages | 是 | 是 | 是 | |||
| 閱讀_private_pages | 是 | 是 | 是 | |||
| 角色 | 超級管理員 | 管理員（單個站點） | 編輯 | 作者 | 貢獻者（投稿者） | 訂閱者 |
| edit_published_posts | 是 | 是 | 是 | 是 | ||
| upload_files | 是 | 是 | 是 | 是 | ||
| create_product | 是 | 是 | 是 | 是 | ||
| publish_posts | 是 | 是 | 是 | 是 | ||
| delete_published_posts | 是 | 是 | 是 | 是 | ||
| edit_posts | 是 | 是 | 是 | 是 | 是 | |
| delete_posts | 是 | 是 | 是 | 是 | 是 | |
| 閱讀 | 是 | 是 | 是 | 是 | 是 | 是 |
| 角色 | 超級管理員 | 管理員（單個站點） | 編輯 | 作者 | 貢獻者（投稿者） | 訂閱者 |
1.查詢Wordpress文章作者的角色
在本文的開頭，我們已經知道如何獲取Wordpress某一篇文章的作者ID了，現在就來獲取其角色：
- $user_id=get_post($id)->post_author;
- if(user_can($user_id,'install_plugins')){echo'管理員';}
- elseif(user_can($user_id,'edit_others_posts')){echo'管理編輯';}elseif(user_can($user_id,'publish_posts')){echo'作者';}elseif(user_can($user_id,'delete_posts')){echo'貢獻者';}elseif(user_can($user_id,'read')){echo'訂閱者';}
管理員和編輯都能publish_posts，但是這里的判斷有先后順序，所以不用擔心這個問題，這個判斷是不錯的！
WordPress某篇文章的作者是否有某權限的推薦函數：
- if ( author_can( $post, $capability ) ) {
- // 如果文章 $post 的作者擁有 $capability 時執行的動作
- }
這個相對簡單一些，可以直接去判斷，所以我再某個項目中最終使用了這個函數。參數中的$post可以是文章自身，也可以是文章ID，使用起來很方便！
- if(author_can($post->ID,'install_plugins'))
- {echo'<span class="label label-warning role">管理員</span>';}elseif(author_can($post->ID,'edit_others_posts')){echo'管理編輯';}elseif(author_can($post->ID,'publish_posts')){echo'作者';}elseif(author_can($post->ID,'delete_posts')){echo'投稿者';}elseif(author_can($post->ID,'read')){echo'訂閱者';}
2.Wordpress當前登錄者的權限/權限等級
這個函數是經常被使用的，使用的是權限等級，Wordpress官方已經聲明：從Wordpress3.0，已經廢棄了對這個權限等級制度的支持，所以，網上到處亂飛的復制文章，謹慎對待吧！
- <?php if(current_user_can('level_10')){ echo '管理員';}elseif(current_user_can('level_7')){ echo '管理編輯';}elseif(current_user_can('level_4')){ echo '作者';}elseif(current_user_can('level_4')){ echo '貢獻者';}elseif(current_user_can('level_0')){ echo '訂閱者';}
- ?>
]]>
]]>
]]>
首先設置.htaccess文件，將動態調用的參數轉換為靜態的HTML的URL地址，例如將在post目錄下的文件，轉發到根目錄的wp- post.php文件中，加入的語句類似：RewriteRule ^post/([a-z0-9\-]+\.html)$ wp-post.php?$1$2
然后修改wp-post.php文件，在文件的開頭加入以下PHP代碼：
以下為引用的內容：
ob_start();
$qstring = isset($_SERVER["QUERY_STRING"]) ? $_SERVER["QUERY_STRING"] : "";
define("HTML_FILE", $_SERVER['DOCUMENT_ROOT']."/post/".$qstring);
if (file_exists(HTML_FILE))
{
$lcft = filemtime(HTML_FILE);
if (($lcft + 3600) > time()) //判斷上次生成HTML文件是否超過1小時，若沒有才直接輸出文件內容
{
echo(file_get_contents(HTML_FILE));
exit(0);
}
}
之后是現有的PHP的代碼，然后在當前代碼的最后面加上如下的PHP代碼：
以下為引用的內容：
define("HTMLMETA","");
$buffer = ob_get_flush();
$fp = fopen(HTML_FILE, "w");
if ($fp)
{
fwrite($fp, $buffer.HTMLMETA);
fclose($fp);
}
好了，然后查看你的靜態HTML頁面，如果頁面尾部出現了注釋行，說明已經成功的創建了靜態HTML文件。
這個方法的一個應用就是我先前寫的那個“WordPress年度博客統計插件”，這個統計插件由于查詢十多次數據庫，很多人訪問的時候會有很大性能問題，使用我介紹的這種動態生成HTML技術后，一天就查詢一次，生成一次統計排行，完美解決了查詢數據庫的性能問題。
]]>
]]>