先森曾發文說本站設置了全站鏈接為新頁面打開，然后發現這樣對用戶體驗不好，個別鏈接需要本頁面打開。上次為大家分享了歸檔頁分頁頁面實現本頁面打開，而這次先森要修改的是文章頂部評論統計部分的鏈接。優化：讓你的wordpress在新窗口打開鏈接WordPress整站鏈接新窗口打開模式下指定鏈接本窗口打開訪客通過點擊該鏈接，可以直接跳過文章內容，到達評論區。而現在的情況是，訪客點擊之后，會新頁面打開本文，再跳置評論區。想一想就知道這對用戶體驗有多不好了。評論統計-搶個沙發本以為這很簡單，直接在鏈接中添加一個target="_self"就行了，結果查看single.php的時候發現，a標簽是調用的comments_popup_link函數直接輸出的。當時先森就懵逼了，怎么搞？其實先森心里知道，這次先森終于要開始接觸WordPress的鉤子HOOK了。以往都是直接百度找能實現功能的代碼，然后直接復制到functions.php，現在終于要自己做功能實現的代碼了，想想還有點小激動。以往都是直接百度找能實現功能的代碼，然后直接復制到functions.php，現在終于要自己做功能實現的代碼了，想想還有點小激動。通過一兩個個小時的摸索，總算了解了一點add_action和add_filter兩個常用鉤子函數。關于鉤子函數等詳細內容，想要學習的可以將WordPress大學中WordPress開發部分好好研讀，先森也準備先馬后看。WordPress大學： WordPress開發去官網查找和comments_popup_link有關的過濾器，共有兩個結果，一個就是介紹該函數的功能，另一個就是我們需要用到的comments_popup_link_attributes。comments_popup_link_attributes過濾器comments_popup_link_attributes過濾器的作用是過濾評論輸出的鏈接顯示的屬性，也就是通過該鏈接我們可以給評論統計鏈接添加屬性。這里我們要加的屬性是“target="_self"”。將以下代碼加入functions.php中即可：/***給comments_popup_link函數（顯示評論數量）的a標簽添加本頁跳轉**//www.cnidcc.cn/w_wp_pltjljtj_target_sx.html*/function comment_a_self() { return ' target="_self"';}add_filter('comments_popup_link_attributes', 'comment_a_self');非常簡單的代碼，卻也是先森跨出的WordPress開發第一步了。

先森建站初始，WordPress寫文章非常隨意，幾乎是一篇文章新增一個標簽，任性的不要不要的。現在很少增加標簽了，一般都是規劃好文章分類。最新做了很多和七牛相關的變更，所以想著干脆新增一個“七牛”標簽。先森前幾天把文章、分類、標簽名稱自動添加拼音別名的插件Pinyin Permalinks刪了，覺得沒什么用。結果增加標簽的時候發現，打開七牛標簽是“tag/七牛”的帶中文地址，結果打開不了，趕緊去增加了別名。結果再次刷新，錯誤500，瀏覽器提示：“網站在檢索此網址時出現錯誤。托管此網站的服務器可能關閉進行維護或配置不正確。”當時我就懵逼了：發現問題，就要解決問題。趕緊百度找原因，結果百度半天，沒能找到問題原因和解決辦法。看到別人寫的錯誤500的分析，說可能是插件沖突、緩存插件、.htaccess文件等等原因。先森首先想到的就是Pinyin Permalinks插件，因為以前刪除這個插件的時候，導致最早的一些文章無法訪問，后來解決了，也就把插件刪了。Pinyin Permalinks插件看張戈博客中提到的刪除插件導致頁面404的文章，說將后臺設置-固定鏈接隨便換為默認的幾種固定鏈接的一種，再換成自定義鏈接，就可以解決了。但是先森嘗試了一番，并沒有什么卵用。張戈博客說，將刪除的插件重新裝回，能訪問成功。然而先森重裝上之后，發現還是并沒有什么卵用。后來先森又懷疑是.htaccess文件被修改了的原因，結果反復嘗試之后，發現也沒能解決問題，有次還把除首頁外的網頁全變成404，無語。。。先森繼張戈博客留言、開發者論壇提問無果后，準備把WordPress重裝了。重裝前覺得網站應該還能搶救一波，所以把WordPress的開發者調試模式打開了，沒想到真的解決問題了。從WordPress的根目錄下載wp-config.php到本地，修改第72行，define('WP_DEBUG', false)改成true。并添加ini_set('display_errors','Off')：開啟DeBug調試模式不知道怎么回事，先森從FTP軟件FileZilla中下載服務器文件，內容都會每行被增加一個換行。開啟之后，再去刷新tag標簽頁面，密密麻麻的，還真有點暈。DeBug調試tag標簽頁研究了一下，發現重點是最后一句：“Parse error: syntax error, unexpected ';' in /data/home/************/htdocs/wp-content/themes/jiage-V2.9/tag.php on line 21”也就是先森的主題中標簽模板的第21行有語法錯誤。先森直接在后天編輯主題，看了半天沒發現問題。本地新建了一個php空頁，把代碼復制過去果然有問題。第21行語法錯誤最后發現的問題讓先森哭笑不得，結果就是最近整改標簽頁的時候不小心加了一個括號，還不是在本地測試的時候添加的，是直接在WordPress后臺將調試好的代碼復制過去的時候添加的。WordPress后臺編輯主題沒有代碼高亮，沒有錯誤提示，大家編輯的時候一定要小心一點啊。最好還是在本地調整代碼，最后直接復制整篇代碼。對了，找出原因之后，修改->測試->問題解決，一定還要記得把wp-config.php中的修改改回來。

近期先森對WordPress和七牛研究的比較勤，折騰了很多，其中很多都是和七牛有關的。七牛的裁剪功能確實好用，但是先森為縮略圖（文章下面相關文章的圖片）和文章中的圖片都加上七牛裁剪代碼后，就發生了沖突。關于為縮略圖和文章圖片添加七牛裁剪代碼，大家可以先看看這些文章：1.七牛代碼如何使用：WordPress調整Tag標簽頁文章列表縮略圖優化小記2.已發布的文章添加代碼：將WordPress歷史文章中所有圖片加上七牛裁剪水印代碼其實，發生沖突是必然的事情。首先，縮略圖調用的圖片，是從文章中調用圖片鏈接。圖片鏈接獲取的優先順序是：自定義字段為 thumb 的圖片>特色縮略圖>文章第一張圖片>隨機圖片/默認圖片。也就是只有文章中沒有圖片時，才會調用你設置的隨機圖片。而文章中的圖片，先森已經全部加上了七牛裁剪代碼。調用這些圖片鏈接的時候，鏈接里面實際上已經有一段七牛裁剪代碼了。這將導致，縮略圖調用的時候在后面增加的裁剪代碼會重復加在后面，而七牛的規則是只生效前面的一段，也就是縮略圖的裁剪失效了，你調用縮略的時候還是更大的圖片，沒有達到裁剪縮小圖片體積的目的。加上了兩段七牛裁剪代碼前期準備這種情況，整理了一下思路，總結了下解決方案。增加判斷，如果圖片鏈接中含有裁剪代碼，則替換成新的裁剪代碼；如果不包含，則直接在鏈接后面添加裁剪代碼。要用兩種函數，查找和替換。先森在w3school里找到了這兩種適合的函數，要了解的可以看看：查找函數：PHP strpos() 函數替換函數：PHP str_replace() 函數除了準備這兩個函數，如果是使用WordPress大學中的縮略圖調用代碼的同學，還要修改下代碼。縮略圖調用：WORDPRESS添加相關文章功能（標題/縮略圖樣式）WordPress大學提供的代碼，是加在functions.php中的，調用的時候可以直接輸出圖片鏈接：//添加特色縮略圖支持if ( function_exists('add_theme_support') )add_theme_support('post-thumbnails'); //輸出縮略圖地址 From wpdaxue.comfunction post_thumbnail_src(){    global $post; if( $values = get_post_custom_values("thumb") ) { //輸出自定義域圖片地址 $values = get_post_custom_values("thumb"); $post_thumbnail_src = $values [0]; } elseif( has_post_thumbnail() ){    //如果有特色縮略圖，則輸出縮略圖地址        $thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID),'full'); $post_thumbnail_src = $thumbnail_src [0];    } else { $post_thumbnail_src = ''; ob_start(); ob_end_clean(); $output = preg_match_all('/<img.+src=['"]([^'"]+)['"].*>/i', $post->post_content, $matches); $post_thumbnail_src = $matches [1] [0];   //獲取該圖片 src if(empty($post_thumbnail_src)){ //如果日志中沒有圖片，則顯示隨機圖片 $random = mt_rand(1, 10); echo get_bloginfo('template_url'); echo '/images/pic/'.$random.'.jpg'; //如果日志中沒有圖片，則顯示默認圖片 //echo '/images/default_thumb.jpg'; } }; echo $post_thumbnail_src;}因為要對圖片鏈接增加查找，所以上面代碼中，最后幾行的輸出可不能要，這樣是判斷不了的。需要將上面的最后五行的"echo"換成"return"，即： return get_bloginfo('template_url').'/images/pic/'.$random.'.jpg'; //如果日志中沒有圖片，則顯示默認圖片 //echo '/images/default_thumb.jpg'; } }; return $post_thumbnail_src;}解決方法準備齊全之后，就可以解決問題了。之前，先森是這樣調用相關文章的圖片的： <img src="<?php echo post_thumbnail_src(); ?>?imageView2/1/w/130/h/100/q/100" alt="<?php the_title(); ?>" class="thumbnail" />那么，現在為了解決重復代碼的問題，需要將上面的代碼換成下面的內容：<?php     $imgsrc = post_thumbnail_src();    $qiniu_dengxiang='imageView2/2/w/500/q/100|watermark/1/image/aHR0cDovL2ltZy5jYXBqc2ouY24vY2FweHNfMi5wbmc=/dissolve/80/gravity/SouthEast/dx/5/dy/4';    $qiniu_xiangguan='imageView2/1/w/130/h/100/q/100'; if(strpos($imgsrc,$qiniu_dengxiang)){?>            <img src="<?php echo str_replace($qiniu_dengxiang,$qiniu_xiangguan,$imgsrc);?>" alt="<?php the_title(); ?>" class="thumbnail" />           <?php }        else{?>            <img src="<?php echo post_thumbnail_src(); ?>?imageView2/1/w/130/h/100/q/100" alt="<?php the_title(); ?>" class="thumbnail" />        <?php }?>修改保存之后，檢查一番，發現問題確實得到了解決：只增加了一次七牛裁剪代碼同理，側邊欄的最新文章縮略圖也可以這么修改，先森也就不累述了。

關于WordPress發布文章怎么同步推送到微博，先森很早以前就已經分享過了。但是文中也提到，先森申請微博高級寫入接口時，卻遇到了閉門羹。開始先森以為是剛申請的原因，可能是通過微博點擊進入網站的人不多，所以申請失敗。所以先森在開啟同步后幾個月又重新申請了一次，結果還是失敗了。這樣先森就沒轍了，所以干脆就沒管了。先森在有一次申請的失敗的時候，也曾找過原因，但沒有找到。所以就去了分享同步推送微博方法的提供者，張戈博客那里留言。這段時間先森在張戈博客那里比較活躍，所以張大哥也破天荒的回答了我1月份提出的問題：張戈博客的回復郵件張戈提出，可能是和微博粉絲數量有關。這一句話，讓先森恍然大悟。在這里再次感謝張戈張大哥。有了方向，先森就知道往哪里努力了。打開微博，先森發現，先森的微博@成航先森 才80+的粉絲，果然有點拿不出手。所以開始了一系列的刷粉。開始漲的很慢，但是當先森找到了方法后，兩天的時間，讓粉絲增加到了350左右。關于短期內如何快速漲粉，以及如何同步發布文章到微博，先森都做了分享：WordPress發布文章自動同步到新浪微博詳細方法微博短期內快速漲粉先森的做法本來這次先森的目標是1000+的，想粉絲上千后再申請一下試試。但到了350左右先森又嘗試申請了一下，沒想到就申請成功了。微博高級寫入接口申請成功額。。關于上圖的微博高級讀取接口，是先森申請的時候申請錯了，請忽略。下面，重要的事情說三遍：微博關注@成航先森！微博關注@成航先森！微博關注@成航先森！

先森對于微博其實不是很感冒的，以前甚至根本不用。記得第一次用微博，還是上了大學，同學需要微博投票，專門注冊了一個微博給她投票。后來，使用微博是為了網站發布文章同步推送到微博。現在，在女票的影響下開始玩微博。私人號@狂族晨曦 完成了橙V個人認證，網站號@成航先森 完成了藍V企業認證。關于WordPress發布文章怎么同步推送到微博，先森很早以前就做過方法分享:方法分享：WordPress發布文章自動同步到新浪微博詳細方法下面先森介紹一下，先森是怎么快速漲粉的，先貼上這幾天的成效：@成航先森 每日漲粉數量上圖可以看到，最多的一天漲粉167人，先森是怎么做到的呢？嘗試階段對于如何漲粉，先森也做過很多的嘗試。首先是互粉。先森在#互粉大廳#和百度貼吧微博吧，一個一個的找人互粉，但是發現這樣的效率太慢，而且很多人也不是像先森那樣誠信。然后是只在微博吧中找那些“粉一回幾”的，也就是你粉TA，TA回粉你很多。但是后來發現，根本不知道哪些人是回了說好數量的粉絲。接著先森自己注冊了兩個小號，自己在貼吧里發【粉一回二】的帖子。一開始是長的比較快，但是漲的卻不是很多，漲了30-40個粉絲后，就沒人理我的帖子了。看著別人同樣回粉兩個的帖子回復達到幾百幾百，先森那個心塞。后來先森找到了微博應用“互粉大廳”。進了這個應用，只要對方在線，你一粉對方，對方就會自動回粉。當然，你自己也是，別人粉你，你也會自動回粉別人。但是每次你關注對方，都要花費6點體力。默認100點體力，每天簽到可以獲得幾十體力，還有一些其他賺體力的方法，但是要求頗多。體力決定了，實際上也漲不了多少粉。快速漲粉階段經歷了上面的種種漲粉方法后，先森漸漸摸索出了自己的一套漲粉方法。首先要準備的，還是上面提到的，兩個小號。當然，小號越多越好。然后要準備的，是要漲粉的微博，添加多個微博互粉群。加微博群目前先森發現只能在手機端添加。PC端網上說有個“微群”應用，但是先森實際上發現，那個應用確實存在，但是打開卻只有一行“OK, Iamalive”的文字。在微博手機端，“消息”頁面的左上角，有個“發現群”。點擊“發現群”搜索“互粉”即可：微博手機端添加微博群當然，加群也是有技巧的。你先把群主和管理員都關注了，再在申請中寫“已粉群主和管理員”字樣，這樣更容易入群。別想著不想增加自己的關注數量，沒有付出怎么收獲呢？另外，先森的做法還有，新建一個關注組“微博群管理員”，關注群主和管理員的時候，先森會把他們添加到這個組里，然后會將群的名字設置為他們的備注。這樣當很久沒有申請通過的時候，方便私信他們。以及以后退群清粉的時候...下面要重磅出擊了，最關鍵的一個工具上場——鬼站新浪微博秘書。這個是一個軟件，會自動幫你在群里不停的推送消息。鬼站新浪微博秘書群發界面大家自己到網上下載，不要下載破解版，因為破解版用不了。為什么會想著找破解版？因為免費版會在你發的消息下面增加廣告，廣告內容是如下：鬼站新浪微博秘書-廣告內容很多微博群會很厭惡這個軟件，所以你加群的時候一定要看群公告是否標明禁止使用微博秘書。這個軟件有個缺點，就是群列表沒有群名稱，全是不知道在哪里查看的群號。所以選擇推送群的時候要研究清楚。關于推送的消息。一開始先森內容大概為“粉一回二，在線秒回”，但是這樣太累了，也太影響你了，其他事情都做不了。所以后面改成了“晚上10點統一回粉”。另外，你辛辛苦苦的用兩個小號為關注你的人回粉，對方卻在你回粉后對你取消關注，這是會讓人很氣憤，也是不道德的事情。為了知道哪些人對你取消了關注，方便你用小號對TA做出取消關注的懲罰，你還需要在微博應用中搜索一個工具，叫“關注查詢”。上面就是先森快速漲粉的方法，有什么可以優化的地方，還請大家指出。有什么更好的方法，也希望大家能夠做個分享。當然，這個方法是短期內快速漲粉的，長期漲粉還是需要發原創、偽原創高質量微博內容了。另外，歡迎關注先森的兩個微博：@狂族晨曦 和@成航先森

最近先森在對網站進行改版。說起來，改版的原因就是想給文章頁側邊欄的最新文章列表添加縮略圖。但是一看發現，側邊欄的寬度不夠。然后去研究大神們的網站是怎么做的的時候，發現大神們的網站會根據瀏覽器的寬度進行自適應。先森對側邊欄拓寬之后就開始研究自適應，這一研究就一發不可收拾。關于怎么自適應就不多說了。現在為什么想給側邊欄的最新文章添加縮略圖，就是因為以前的樣式實在是太丑了。雖然先森的網站現在沒有多少人看，但是人要臉樹要皮，要把自己最好的一面展示給觀眾嘛。我來將以前的“最新文章”樣式貼出來，大家與現在旁邊的樣式對比，隨便感受一波：以前的“最新文章”代碼實現-方案1有了樣式的想法之后，先森就開始搜索實現方法了。但是百度一查， 寫這方面的文章的文章好像并沒有很多，熟悉的幾位大神也都沒有寫這方面的文章。其他寫實現方法的文章還有很多是重復轉載的。后來先森找到一種可以帶縮略圖的“最新文章”列表方法：<ul><?php $result = $wpdb->get_results(“SELECT ID,post_title FROM $wpdb->posts where post_status=’publish’ and post_type=’post’ ORDER BY ID DESC LIMIT 0 , 5″);foreach ($result as $post) {setup_postdata($post);$postid = $post->ID;$title = $post->post_title;?><li><img src="<?php echo post_thumbnail_src($postid); ?>" alt="<?php echo $title; ?>" class="new-post-img" /><a href=”<?php echo get_permalink($postid); ?>” title=”<?php echo $title ?>”><?php echo $title ?></a> </li><?php } ?></ul>上面的5是調用5篇最新文章。關于上面的那種調用縮略圖的方式，先森曾經在文章中提到過，調用的縮略圖優先順序是：自定義字段為 thumb 的圖片>特色縮略圖>文章第一張圖片>隨機圖片/默認圖片；。主題還沒有集成調用縮略圖的同學可以去看看。WordPress調整Tag標簽頁文章列表縮略圖優化小記代碼實現-方案2好了，言歸正傳。上面找到的那種調用代碼，雖然已經可以實現縮略圖和文章列表，但是文章標題下面卻顯得空空的。先森想了一下那里可以放什么，看了一下其他博主一般放的是瀏覽量和點贊量。先森的網站人少，瀏覽量少，點贊的更少，所以想想還是算了。最后決定放發布時間。發布時間的代碼簡單嘛，就是the_time('Y-m-d')嘛，但是放上去竟然出錯了。調用出來的時間全是1970年1月1日。無語ing...先森想了各種辦法解決時間調用的問題，結果發現：從古至今眾人皆談的時間果然不是那么好解決的。上面的代碼，貌似是直接用的數據庫搜索語句，里面沒有搜索時間，所以調用出來的時間就有問題。但是不像先森一樣畫蛇添足的還想加時間，上面的代碼就完全夠用了。現在在凌亂中繼續搜索代碼實現方法。最終終于找到了合適的代碼，重點還很簡單：添加至主題的sidebar.php中：    <ul id="new-posts">                   <?php $postslist = get_posts('numberposts=5'); foreach( $postslist as $post ) : ?>         <li class="new-post-li">           <a class="new-post-a" title="<?php the_title(); ?>" href="<?php the_permalink();?>">             <div class="new-post-imgdiv">             <img src="<?php echo post_thumbnail_src(); ?>" alt="<?php the_title(); ?>" class="new-post-img" />             </div>           </a>          <div class="new-postadiv">          <a class="new-post-title"  href="<?php echo  the_permalink(); ?>" title="<?php the_title();?>"><?php the_title(); ?></a>          </div>          <div id="new-post-time"> <i class="fa fa-clock-o"></i><a><?php echo the_time('Y-m-d'); ?></a></div>        </li><?php endforeach;wp_reset_query(); ?>      </ul>就這樣，先森的想法就變成事實了。新“最新文章”帶縮略圖、發布時間

關于七牛云儲存的好，各位站長都有所了解。以前先森不怎么重視的七牛縮略圖裁剪、為圖片增加水印等功能，先森也開始重視起來了。經過七牛裁剪之后的效果顯而易見，圖片體積小了，網頁打開速度也就快了。當然，成航先森的網站訪問量較小，還不存在服務器壓力過大等問題。總之，七牛能為我們減少很多問題。前段時間，先森鼓搗出了怎么讓百度UEditor在編輯圖片的時候，就為圖片添加上七牛裁剪的代碼。但是這樣影響到的圖片，也之后實現該效果之后的文章中的圖片，之前已經發布的圖片就沒法影響到了。但是這還就成了先森心中的一根刺。關于七牛云儲存代碼的文章，大家可以看看：1.七牛代碼如何使用：WordPress調整Tag標簽頁文章列表縮略圖優化小記2.如何更方便的使用：WordPress百度UEditor編輯器自動添加七牛云儲存裁剪代碼其實關于如何處理這種情況，先森心里早已有了想法。首先，不可能自己一篇篇的打開文章，修改圖片的鏈接，這太繁瑣了，不現實。使用插件的話，也太麻煩。所以肯定還是要動動非常敏感的數據庫啦。本來，現實想的是，先使用正則表達式，查找圖片鏈接，然后為圖片后面，增加七牛的裁剪代碼。也就是在每張圖片的后面，增加以下代碼：?imageView2/2/w/500/q/100|watermark/1/image/aHR0cDovL2ltZy5jYXBqc2ouY24vY2FweHNfMS5wbmc=/dissolve/100/gravity/SouthEast/dx/10/dy/10但是百度了一下，MySql數據庫使用正則，好像很麻煩的樣子（實際上是有點懶，看著頭暈）。所以還是研究鏈接本身，最終想出了懶辦法。還是直接使用我們百試不爽的替換大法：update 表 set 內容字段=replace(內容字段,'需要被替換字符串','替換字符串')研究鏈接之后，發現，只要把能只有圖片鏈接才有的部分，替換成這部分加上七牛裁剪即可。所以最后顯示用的替換語句是：update wp_posts set post_content=replace(post_content,'.jpg" title','.jpg" title') update wp_posts set post_content=replace(post_content,'.png" title','.png" title')因為先森文章中圖片基本只有jpg和png兩種格式，圖片<img>便簽中，都是鏈接后面加title，所以就用上面的那種替換。運行之后，發現沒有問題：替換圖片鏈接運行之后，抽樣檢查了一下以往的文章，發現確實生效了，沒有出現問題，OK！

關于給文章點贊的功能，先森一直用的是WP-Zan插件。不知道其他使用該插件的網站是否出現了和先森一樣的情況：點贊的那個圖標字體的上半截一直是被擋住了的狀態。WP-Zan插件圖標字體顯示不正確這讓先森很郁悶，最初還以為是CSS的設置問題。但是先森鼓搗了半天，發現通過CSS無法修復該問題。后來看別的網站的圖標是正確的，就直接把字體代碼復制過來，結果發現這樣沒有顯示。然后發現，是別的網站使用的圖標字體和WP-Zan插件的不一樣。發現字體不一樣先森才想到，是不是插件自己的字體有問題？趕緊從服務器把插件的字體文件下載下來。路徑很簡單，就是/wp-content/plugins/wp-zan/static/fonts里面。下載下來，打開一看，果然有問題。這里先森用了字體編輯軟件FontCreator_CHS_7.5，非常好用，但是需要破解。先森記得之前是破解了的，不知道怎么回事現在又失效了，導致先森保存一次之后就不能保存了。有興趣的可以去百度下載：FontCreator_CHS_7.5先森打開的是ttf文件，進行編輯。打開就發現了問題所在：WP-Zan插件的問題原因點擊上圖可以放大。放大后可以看到，兩個圖標都有一點點被擋住了，這一點點，就是導致問題出現的原因。選中其中一個右鍵-“編輯”，即可進入編輯界面：FontCreator_CHS_7.5字體編輯圈選整個圖標，將其整體往下移動，在最終顯示上面讓其不被擋著即可。當然，最好還是居中。FontCreator_CHS_7.5-調整-保存這個保存，只能保存出otf和wotf格式的字體文件，而插件中需要的，是.ttf .woff .eot .svg四中文件，這時候就可以使用一個國外的字體在線轉換網站了：字體在線轉換點擊上面的選擇文件，選好文件點擊下面的“CONVERT & DOWNLOAD”,點擊之后可能需要等10秒鐘，就會跳出一個下載對話框。下載的壓縮包內，就是已經轉換好了的4個文件。字體在線轉化：FONT2WEB接下來只需要將這4個文件上傳到服務器，替換原文件即可了。修改后的效果 ↓↓↓ 點擊下方查看

身為站長，想必各位都有過這樣的經歷：截圖時部分內容超出瀏覽器窗口，無法一次性截圖。這時候怎么辦呢？有經驗的站長，可能會做出這樣的操作：1.調整瀏覽器網頁大小，在盡可能大的時候截完整的圖；2.按Ctrl + Shift + S鍵，保存整個網頁為圖片，然后再裁剪。但是這樣多多少少有點麻煩，那么我們可以從截圖工具方面下手了。不知道大家是不是和先森一樣一樣，習慣按Ctrl + Shift + A鍵用QQ截圖工具呢？那么現在有更好的選擇了：網頁截圖:注釋&批注。瀏覽器插件網頁截圖:注釋&批注安裝網頁截圖:注釋&批注插件是Chrome網上應用店中的擴展程序，先森用的是UC瀏覽器，所以支持安裝Chrome網上應用店中的插件。當然，現在大部分的瀏覽器對Chrome網上應用店中的插件都是支持的。要安裝該插件，首先就要進入Chrome網上應用店，而由于眾所周知的原因，谷歌網站在國內無法訪問。無法打開Chrome網上應用店的，可以去看看先森分享的兩種帆檣方式：分享兩款免費好用的帆墻軟件進入Chrome網上應用店后，搜索“網頁截圖”，即可找到該插件：Chrome網上應用店搜索“網頁截圖”找到后點擊右側的“+ 添加至 CHROME”安裝即可。先森已經安裝過了，所以右側是“評分”。使用安裝成功后，插件會在瀏覽器右上角，圖標是一個鏡頭，先森安裝后果斷把該插件放至第一位了。點擊即可操作：單擊使用插件從上圖就可以看出該插件的功能。下面先森來簡單的介紹一下該插件的各個功能。1.截取可視部分： 這個簡單，字面意思即可知道這個是截取你所能看到的界面。2.Delayed capture（延遲捕獲）： 這個功能看圖標可以猜到（對，是猜到，因為先森英語差），這是延遲截圖功能。先森暫時還沒想到什么時候用的到。默認倒計時時間是3秒，可以到設置中設置倒計時為5秒，二選一。3.截取選擇部分： 這個功能就是先森所需的了，當所需要截圖的部分過多，瀏覽器窗口不能完全顯示的時候就可以使用了。遺憾的是，類似郵箱這種框架網頁還是無法截取。截圖插件-截取選擇部分4.截取整個頁面： 這個功能也非常便利，只要一點，回自動幫你把整個網頁截圖，和按Ctrl + Shift + S鍵保存整個網頁為圖片的效果一樣。5.選擇一張本地圖片： 這個功能可以讓本地的圖片使用該插件的編輯功能，有時候也很好用的。點擊之后，將圖片拖到打開的頁面中即可：截圖工具-選擇一張本地圖片6.截取桌面窗口： 你認為它只是一個瀏覽器插件，不會像QQ截圖功能一樣可以截取任何地方的截圖，但這個功能就可以對這個缺點做一定的補償。點擊它會跳出你現在的所有會顯示在桌面的應用截圖讓你選擇：截取桌面窗口-選擇截圖7.Options（選項）： 即設置。可以設置保存的圖片格式、快捷鍵和延遲捕獲的時間秒數設置。至于保存路徑和自動保存，因為該插件是擴展程序所以不被谷歌允許使用這樣的功能了（官方是這樣解釋的）。截圖插件-設置界面可能大家會覺得每次使用要點擊一下插件圖標會比較麻煩，那么設置中的快捷鍵設置就剛好解決這個問題了。先森設置的分別是：獲取可見 Ctrl+Shift+Q獲取選擇區域 Ctrl+Shift+A捕獲整個 Ctrl+Shift+ZQ、A、Z剛好是功能的順序，也比較好記，而且和其他軟件設置的快捷鍵沒有沖突。注釋&批注截圖功能好不好用，還有一個重要指標，就是截圖成功后的注釋和批注功能，也就是能夠再截圖上添加醒目的提醒。先森覺得這個插件的注釋和批注功能還是很好用的。插件的注釋和批注功能先森簡單的用每個工具畫了一下，然后用箭頭中的“變型箭頭”將功能指向了效果。先森對這些功能是非常滿意的，尤其是三種箭頭方式選擇，和最后的那個文本突出功能。更多好用的地方，各位快安裝研究研究吧！

前幾天先森收到了在張戈博客上評論張哥給先森的回復，看到張哥的提醒郵件，先森頓時覺得自己在用的郵件提醒模板實在是丑爆了！張戈博客郵件提醒先森現在用的郵件提醒，是很早以前淘的模板，并且也在本站分享過：WordPress評論回復郵件提醒-簡單模板看了張哥的郵件提醒后，先森決定修改下這個模板。雖然先森的網站從來就沒有什么評論，但是好歹也要把功能準備好，對不對？！暫時就直接按照張哥的CSS樣式來改，相信以張哥樂于分享的偉大精神，是不會怪罪先森的。。。。。。。鼓搗10分鐘。。。好了，直接貼出整個為WordPress增加郵件提醒的代碼：/*  *有人回復時發郵件給我 *//www.cnidcc.cn/xgmh_wpplhfyjtxdjdmb.html */function comment_mail_notify($comment_id) {  $admin_notify = '1'; // admin 要不要收回復通知 ( '1'=要 ; '0'=不要 )  $admin_email = get_bloginfo ('admin_email'); // $admin_email 可改為你指定的 e-mail.  $comment = get_comment($comment_id);  $comment_author_email = trim($comment->comment_author_email);  $parent_id = $comment->comment_parent ? $comment->comment_parent : '';  global $wpdb;  if ($wpdb->query("Describe {$wpdb->comments} comment_mail_notify") == '')    $wpdb->query("ALTER TABLE {$wpdb->comments} ADD COLUMN comment_mail_notify TINYINT NOT NULL DEFAULT 0;");  if (($comment_author_email != $admin_email && isset($_POST['comment_mail_notify'])) || ($comment_author_email == $admin_email && $admin_notify == '1'))    $wpdb->query("UPDATE {$wpdb->comments} SET comment_mail_notify='1' WHERE comment_ID='$comment_id'");  $notify = $parent_id ? get_comment($parent_id)->comment_mail_notify : '0';  $spam_confirmed = $comment->comment_approved;  if ($parent_id != '' && $spam_confirmed != 'spam' && $notify == '1') {    $wp_email = 'no-reply@' . preg_replace('#^www\.#', '', strtolower($_SERVER['SERVER_NAME'])); // e-mail 發出點, no-reply 可改為可用的 e-mail.    $to = trim(get_comment($parent_id)->comment_author_email);    $subject = '您在 [' . get_option("blogname") . '] 的留言有了回復';    $message = '    <div style="background:#fff;padding-bottom:20px;zoom:1;position:relative;z-index:1;" class="qm_bigsize qm_converstaion_body body qmbox"><style type="text/css">.qmbox blockquote{width: 94%;color: #8b8b8b;margin: 0 auto;padding: 10px;clear: both;border: 1px solid #ebebeb;}.qmbox style, .qmbox script, .qmbox head, .qmbox link, .qmbox meta {display: none !important;}a{color: #0088cc; }</style><table cellpadding="0" cellspacing="0" style="font-family: 微軟雅黑,verdana, arial; margin: 0 auto; width: 100%;"> <tbody> <tr> <td style="background: #08c; color: #fff; font-family: 微軟雅黑,verdana, arial; font-size:15px;line-height: 35px;"><strong>&nbsp; 您在成航先森的留言有了新的回復：</strong></td> </tr> <tr> <td style="border: solid 1px #ccc; font-size: 13px; line-height: 180%; padding: 20px;"> <span style="color: rgb(186, 76, 50); font-family:微軟雅黑, verdana, arial; line-height: 23.3999996185303px;">' . trim(get_comment($parent_id)->comment_author) . '</span>(您在本站設置的昵稱), 您好!            <p>您曾在<span style="color:#ba4c32;">《' . get_the_title($comment->comment_post_ID) . '》</span>的留言:</p> <blockquote><p>'. trim(get_comment($parent_id)->comment_content) . '</p></blockquote> <p>有了<span style="color:#ba4c32;">' . trim($comment->comment_author) . ' </span>給您的回復:</p> <blockquote><p>'. trim($comment->comment_content) . '</p></blockquote> <p style="padding: 5px;">您可點擊 <a href="' . htmlspecialchars(get_comment_link($parent_id)) . '" target="_blank">查看回應完整內容</a></p> <p style="padding: 5px;">歡迎再次光臨 <a href="' . get_option('home') . '" target="_blank"  title="成都航院計算機系一個學生的個人網站">' . get_option('blogname') . '</a>！</p> <p style="color:#999">(此郵件由系統自動發出，請勿回復.)</p> </td> </tr> <tr> <td style="color: rgb(255, 255, 255); font-size: 12px; line-height: 21.6000003814697px; padding: 10px; background: rgb(51, 51, 51);">請注意：此郵件由&nbsp;<a href="' . get_option('home') . '" target="_blank"  title="成都航院計算機系一個學生的個人網站">' . get_option('blogname') . '</a>&nbsp;自動發送，請勿直接回復。<br> 如果此郵件不是您請求的，請忽略并刪除！</td> </tr> </tbody></table></div>';    $from = "From: \"" . get_option('blogname') . "\" <$wp_email>";    $headers = "$from\nContent-Type: text/html; charset=" . get_option('blog_charset') . "\n";    wp_mail( $to, $subject, $message, $headers );    //echo 'mail to ', $to, '<br/> ' , $subject, $message; // for testing  }}add_action('comment_post', 'comment_mail_notify');上面的代碼放置于主題的 functions.php 文件中即可。最終顯示的效果，直接預覽的效果圖如下：仿制張戈博客郵件提醒效果圖當然，顯示只是給大家做個示范，網友們的郵件提醒是一個比一個提醒，只是顯示的見識有點短，有好看的誰能發給先森看看呢？心里默念三遍：張哥不要打我~ 張哥不要打我~ 張哥不要打我~ 雅美蝶~