国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP，暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP

首頁

好書

留言交流

下載APP

聯(lián)系客服
知更鳥begin主題使用常見問題匯總

一款成熟的主題需要長期的磨合修正，才能完美無暇，所以Begin主題難免會(huì)有這樣那樣的問題，另外，個(gè)人的需求喜好不同，主題的一些功能并不能適合所有人，本文匯集一些常見問題及個(gè)性化修改方法，供大家參考，本文內(nèi)容會(huì)隨時(shí)更新，包括隨著主題的升級(jí)，一些內(nèi)容不適用后會(huì)替換掉。

看《知更鳥begin主題使用常見問題匯總》之前推薦先看《知更鳥begin各版本主題使用指南[精細(xì)版]》以更好的使用該主題，如已看過或了解該主題請(qǐng)略過吧。

查看
沃森資源
PHP技術(shù)學(xué)習(xí)、實(shí)踐、經(jīng)驗(yàn)分享的PHP博客。

注：修改中文主題模板，建議使用專門的編輯工具，比如：Notepad++（免費(fèi)），絕不能用操作系統(tǒng)自帶的記事本編輯模版文件，否則會(huì)造成模板錯(cuò)位，中文模版編碼為：UTF-8 無BOM（無簽名）。

1、啟用CMS首頁錯(cuò)位

第一次啟用CMS首頁，因未設(shè)置正確的分類ID（包括分類中無文章），會(huì)顯示頁面錯(cuò)位。如果不清楚各模塊由后臺(tái)主題選項(xiàng)那里控制，可以在主題選項(xiàng)中將CMS首頁的各模塊取消啟用勾選，然后逐一設(shè)置分類ID后，再開啟，這樣就可以清楚具體控制位置。

 

2、分類小工具添加圖標(biāo)字體

這篇《為導(dǎo)航菜單添加個(gè)性圖標(biāo)字體》中的方法可以為菜單添加圖標(biāo)字體，有童鞋要求側(cè)邊分類小工具也加上圖標(biāo)字體，分類小工具是無法添加圖標(biāo)字體的，但可以變通一下，使用自定義菜單小工具來實(shí)現(xiàn)。

新建一個(gè)單獨(dú)的菜單（不能有二級(jí)菜單項(xiàng)目），然后使用自定義菜單小工具調(diào)用這個(gè)單獨(dú)的菜單，圖標(biāo)字體添加方法同《為導(dǎo)航菜單添加個(gè)性圖標(biāo)字體》。

3、去掉段首空格

Begin主題修改主題樣式外觀無需修改主題樣式文件style.css，可以打開主題選項(xiàng)→定制風(fēng)格，在“自定義樣式”中，添加準(zhǔn)備修改的樣式屬性即可。

比如去掉正文段首空格，主題默認(rèn)樣式是：

  1. .single-content p {  
  2. text-indent: 2em;  
  3. }  

在“自定義樣式”中添加：

  1. .single-content p {  
  2. text-indent: 0;  
  3. }  

即可，無需改動(dòng)主題文件，而且下次更新升級(jí)主題這些自定義的樣式也不會(huì)丟失。

4、優(yōu)酷視頻遮擋頂部固定導(dǎo)航

默認(rèn)優(yōu)酷HTMTL代碼：

  1. <embed src="http://player.youku.com/player.php/sid/XMjM2OTE3ODg4/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>  

改為：

  1. <embed src="http://player.youku.com/player.php/sid/XMjM2OTE3ODg4/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" wmode="transparent"></embed>  

只在后臺(tái)添加一個(gè)參數(shù)：wmode="transparent"

將修改后的代碼添加到文章中即可，其它視頻站點(diǎn)視頻以此類推。

不過貌似編輯文章時(shí)，如果從文本模式切換到可視化WP會(huì)過濾掉部分代碼，這個(gè)方法也將失效。

5、更新文章歸檔頁面

文章歸檔頁面，會(huì)在數(shù)據(jù)庫中生成一個(gè)類似：cx_archives_list的表，用于存儲(chǔ)文章發(fā)表/刪除時(shí)生成html，可加快訪問速度，不用每次都要查詢數(shù)據(jù)庫生成歸檔，如果發(fā)現(xiàn)文章歸檔頁面一直不更新，可以進(jìn)入WP后臺(tái)---設(shè)置---全部設(shè)置頁面，搜索cx_archives_list，清空其右側(cè)的數(shù)據(jù)并保存。

6、首頁幻燈改為通欄展示

以CMS首頁為例，首先打開begin主題根目錄的cms.php模板文件，將第6行到第8行的：

  1. <?php if (zm_get_option('slider')) { ?>  
  2.     <?php require get_template_directory() . '/inc/slider.php'; ?>  
  3. <?php } ?>  

整體移動(dòng)到第1行：

  1. <?php get_header(); ?>  

下面，這樣幻燈就會(huì)變?yōu)橥诓⒆赃m應(yīng)。

7、修改正文字號(hào)大小

  1. .single-content {  
  2. font-size: 16px;  
  3. font-size: 1.6rem;  
  4. line-height: 2;  

修改其中的數(shù)字，并添加到主題選項(xiàng)→定制風(fēng)格→自定義樣式中

8、目錄索引改為三級(jí)標(biāo)題H3標(biāo)簽

主題默認(rèn)自將四級(jí)標(biāo)題H4標(biāo)簽轉(zhuǎn)換為文章索引目錄，簡單修改一下將三級(jí)標(biāo)題H3標(biāo)簽變?yōu)樗饕夸洝?/p>

打開主題begin\inc\core目錄的setting.php查找：

  1. $r = "/<h4>([^<]+)<\/h4>/im";  

將其中的數(shù)字4，改為3即可。

9、加粗導(dǎo)航菜單字體

將下面樣式加到主題選項(xiàng)→定制風(fēng)格→自定義樣式中

  1. #site-nav .down-menu li {  
  2. font-weight: bold;  
  3. }  

10、文章列表文字截?cái)噙^濾短代碼標(biāo)簽內(nèi)容

用于，在文章列表過濾掉短代碼形成的類似的截取內(nèi)容：

打開Begin主題根目錄的setting.php模板，在大約19行查找：

  1. <?php if (has_excerpt('')){ echo wp_trim_words( get_the_excerpt(), 90, '...' ); } else { echo wp_trim_words( get_the_content(), 100, '...' ); } ?>  

用下面代碼替換：

  1. <?php if (has_excerpt('')){  
  2. echo wp_trim_words( get_the_excerpt(), 90, '...' );  
  3.     } else {  
  4. $content = get_the_content();  
  5. $content = wp_strip_all_tags(str_replace(array('[',']'),array('<','>'),$content));  
  6. echo wp_trim_words( $content, 100, '...' );  
  7.     }  
  8. ?>  

另外，主題cms目錄的cat-big和cat-small模板也需要找到類似代碼并替換。

本方法只針對(duì)Begin主題1.4+版，可能會(huì)影響執(zhí)行效率就不加主題中了，有需要的自行修改。

如果只是不想顯示短代碼標(biāo)簽內(nèi)容內(nèi)容，可以在編輯文章時(shí)，在下面的“摘要”中添加些文字說明就可以了

11、自定義搜索結(jié)果文章數(shù)量

打開主題search.php模板文件，在類似：

  1. <?php if ( have_posts() ) : ?>  

上面添加：

  1. <?php $posts = query_posts($query_string . '&posts_per_page=5');?>  

或者（置頂文章按正常排序）：

  1. <?php $posts = query_posts($query_string . '&orderby=date&posts_per_page=5');?>  

其中的數(shù)字5是文章搜索結(jié)果每頁的文章數(shù)，該方法也適用于其它分類頁面。

 

12、友情鏈接添加nofollow

用于友情鏈接頁面，為自己收藏的網(wǎng)址添加nofollow屬性，以WordPress 4.22例：

打開wordpress\wp-admin\includes目錄的meta-boxes.php，在第990行后面添加：

  1. <label for="Nofollow">  
  2. <input class="valinp" type="checkbox" name="professional" value="nofollow" id="nofollow" <?php xfn_check('physical', 'nofollow'); ?> /><?php /* translators: xfn: http://gmpg.org/xfn/ */ _e('nofollow') ?>  
  3. </label>  

之后編輯鏈接時(shí)，在鏈接關(guān)系網(wǎng)面板---職場關(guān)系一項(xiàng)中，會(huì)增加一個(gè)nofollow選項(xiàng)。

13、調(diào)整留言表情大小

將下面樣式添加到主題選項(xiàng)→定制風(fēng)格→輸入自定義樣式代碼框中即可。

  1. .wp-smiley {  
  2. height: 24px !important;  
  3. max-height: 24px !important;  
  4. }  
  5. .smiley-box img {  
  6. height: 24px;  
  7. width: 24px;  
  8. }  

14、去掉wp-postview插件計(jì)數(shù)后面的views

WP后臺(tái)→設(shè)置→Post Views設(shè)置頁面，找到Views Template（瀏覽計(jì)數(shù)顯示模板）：

默認(rèn)顯示為：%VIEW_COUNT% views

去掉其中紅色的部分，并保存。

另外，除了主題部分功能需要調(diào)用Post Views插件的計(jì)數(shù)外，這個(gè)插件的主要功能就是站長的滿足虛榮心，因此想讓這個(gè)計(jì)數(shù)倍增，可以在插件設(shè)置頁面，設(shè)置被統(tǒng)計(jì)的訪問者選擇“所有人”（包括登錄者，），是否排除機(jī)器人（也就是搜索引擎爬蟲）選擇“否”，還可以編輯文章將下面自定義欄目名稱中“views”的值改大一些......

15、自定義頁面寬度后，調(diào)整側(cè)邊跟隨寬度

由于側(cè)邊跟隨使用position:fixed用于定位，無法使用百分?jǐn)?shù)設(shè)定寬度，可以將下面樣式添加到主題選項(xiàng)→定制風(fēng)格→自定義樣式代碼框中

  1. .follow {width: 340px;}  

根據(jù)實(shí)際適當(dāng)修改其中寬度數(shù)值：340px

16、去掉文章列表的分類名稱

將下面樣式添加到主題選項(xiàng)→定制風(fēng)格→自定義樣式代碼框中

  1. .thumbnail .cat{display: none;}  

17、主題自定義欄目名稱說明

主題很多功能，是通過自定義欄目實(shí)現(xiàn)的，一些插件也會(huì)自動(dòng)為文章添加自定義欄目，比如文章點(diǎn)擊統(tǒng)計(jì)插件wp-postviews，會(huì)添加自定義欄目名稱：views，值為：統(tǒng)計(jì)數(shù)

下面是主題集成的自定義欄目名稱及說明：

  • thumbnail 文章列表縮略圖
  • zm_like 占贊
  • Baidusubmit 百度主動(dòng)推送
  • show 幻燈調(diào)用及幻燈中圖片
  • hot 側(cè)邊欄本站推薦
  • posts 側(cè)邊欄推薦文章
  • button1 下載按鈕
  • url1 下載按鈕鏈接
  • no_sidebar 無側(cè)邊欄

如果認(rèn)為之前的一些自定義欄目已無用，可以參閱下文批量刪除：

批量刪除WordPress自定義欄目，將下面的代碼添加到當(dāng)前主題functions.php中：

  1. global $wpdb;  
  2. $wpdb->query( " 
  3. DELETE FROM $wpdb->postmeta 
  4. WHERE `meta_key` = '自定義欄目名稱' 
  5. " );  

之后，指定刪除的自定義欄目會(huì)自動(dòng)從數(shù)據(jù)庫中被清理掉。該代碼運(yùn)行一次就夠了，沒有必要留在主題中，用后刪除即可。

另外，如果你準(zhǔn)備修改已存在的WordPress自定義欄目名稱，將以下代碼添加到主題 functions.php 文件中:

  1. global $wpdb;  
  2. $wpdb->query( " 
  3. UPDATE `wp_postmeta` 
  4. SET `meta_key` = 'NEW NAME' 
  5. WHERE `meta_key` = 'OLD NAME' 
  6. " );  

替換上面代碼中新的自定義欄目名稱和原自定義欄目名稱。

注：重命名后，請(qǐng)立即從主題functions.php文件中刪除這段代碼，只在需要時(shí)添加運(yùn)行此代碼，沒有必要讓這段代碼保留在你的主題中。

18、刪除評(píng)論表單中的網(wǎng)址項(xiàng)

打開主題begin主題根目錄的comments.php評(píng)論模板文件，在大約第112行找到：

  1. <p class="comment-form-url">  
  2.     <input type="text" name="url" id="url" class="commenttext" value="<?php echo $comment_author_url; ?>" tabindex="3" />  
  3.     <label for="url">網(wǎng)址</label>  
  4. </p>  

刪除即可。

19、突出顯示導(dǎo)航菜單中的項(xiàng)目

通過添加CSS樣式，突出顯示導(dǎo)航菜單中某個(gè)項(xiàng)目，最終效果如本博客導(dǎo)航上的“?Begin主題購買”。

一、安裝Font Awesome 4 Menus插件，利用插件添加特殊的class。

注：1.7以上版本主題不需要再安裝上面的插件。

二、為準(zhǔn)備突出顯示的菜單項(xiàng)隨便添加一個(gè)相應(yīng)的圖標(biāo)字體選擇器名稱，比如：fa?fa-home。

（注：因這個(gè)圖標(biāo)字體無法與突顯的菜單項(xiàng)完全對(duì)齊，影響美觀，所以下面的代碼會(huì)隱藏掉這個(gè)圖標(biāo)字體，所以選擇什么圖標(biāo)無所謂。）

三、將如下代碼添加到主題選項(xiàng)→定制風(fēng)格→自定義樣式代碼框中：

  1. #menu-item-6597 .font-text {  
  2. background: #ff4400;  
  3. color: #fff;  
  4. padding: 4px 8px;  
  5. border-radius: 2px;  
  6. }  
  7. #menu-item-6597 .font-text:hover {  
  8. background: #2f889a;  
  9.     transition: all .2s ease-in 0s  
  10. }  
  11. .fa-home {  
  12. display: none;  
  13. }  

四、查看網(wǎng)頁源代碼，比如我的“Begin主題購買”項(xiàng)是：

將第三步代碼中的6597改為你準(zhǔn)備突出顯示項(xiàng)目對(duì)應(yīng)的數(shù)字即可。

20、滾屏到評(píng)論位置按鈕適用于多說

打開begin\js目錄的 script.js文件，將大約第39行的：

  1. scrollTop: $('#respond').offset().top  

替換為：

  1. scrollTop: $('#ds-thread').offset().top  

定位到多說評(píng)論框的上面，或者自行修改其中的DIV 選擇器 #respond 讓其滾動(dòng)那合適的位置。

21、為頁面元素添加CSS3閃爍動(dòng)畫

將下面樣式文件添加到主題選項(xiàng)→定制風(fēng)格→自定義樣式代碼框中：

  1. @keyframes blink {  
  2.     0%{opacity: 1;}  
  3.     50%{opacity: 1;}  
  4.     50.01%{opacity: 0;}  
  5.     100%{opacity: 0;}  
  6. }  
  7. .fa-volume-up {  
  8.     animation: blink 1s linear infinite;  
  9. }  

修改其中的 fa-volume-up 為指定的頁面元素class，閃爍間隔為1秒。

22、調(diào)整主菜單項(xiàng)目間距

打開主題樣式文件style.css，在大約367行（版本不同可能位置有所區(qū)別），找到：

  1. #site-nav .down-menu a {  
  2. padding: 0 10px;  
  3. color: #444;  
  4. text-align: left;  
  5. }  

可適當(dāng)修改其中 padding:?0?10px 的數(shù)字10。

23、強(qiáng)制文章中圖片居中顯示

將下面樣式添加到主題選項(xiàng)→定制風(fēng)格→輸入自定義樣式代碼框中：

  1. .single-content img{margin: 0 auto;}  

注：對(duì)于響應(yīng)式設(shè)計(jì)的主題，添加圖片時(shí)必須選擇對(duì)齊方式為：中

24、添加瀏覽器title滾動(dòng)、閃動(dòng)特效

這是一種常見的網(wǎng)頁特效，將下面代碼添加到主題頭部模板header.php，這句

  1. <?php wp_head(); ?>  

的上面，保存時(shí)需將編碼選擇為UTF-8 無BOM（無簽名），否則會(huì)出現(xiàn)亂碼，直接在WP后臺(tái)主題編輯中添加則不需要自己選擇編碼。

展開代碼：

25、去掉正文中的摘要顯示

打開主題begin主題根目錄的content.php模板文件，在大約第44行找到：

  1. <?php if ( has_excerpt() ) { ?><span class="abstract"><span>摘要</span><?php the_excerpt() ?><div class="clear"></div></span><?php }?>  

刪除即可。

26、在小屏幕上隱藏首頁頁腳友情鏈接

當(dāng)屏幕小于620px時(shí)隱藏頁腳友情鏈接，把下面代碼加到主題選項(xiàng)→定制風(fēng)格→自定義樣式代碼框中：

  1. @media screen and (max-width: 620px) {  
  2. #links {  
  3. display: none;  
  4.     }  
  5. }  

27、解決 WP Dialog 插件與滑動(dòng)解鎖沖突

張戈這個(gè)滾動(dòng)條插件貌似很受歡迎，不過與Begin主題的滑動(dòng)解鎖有沖突，大概的原因是插件調(diào)用隨機(jī)文章的函數(shù)是query_posts，干擾了滑動(dòng)解鎖的加載，解決辦法，改為使用 WP_Query調(diào)用隨機(jī)文章：

打開WP Dialog 插件scroll-bar.php文件，將大約21行開始的：

  1. <?php  
  2.     wp_reset_query();  
  3.     query_posts( array ( 'orderby' => 'rand', 'showposts' => 5, 'ignore_sticky_posts' => 10 ) ); while ( have_posts() ) : the_post();  
  4. ?>  

替換為：

  1. <?php  
  2.     wp_reset_query();  
  3. $loop = new WP_Query( array ( 'orderby' => 'rand', 'showposts' => 5, 'ignore_sticky_posts' => 10 ) );  
  4. while ( $loop->have_posts() ) : $loop->the_post();  
  5. ?>  

之后，覆蓋替換原文件即可。

28、關(guān)于縮略圖...

主題對(duì)縮略圖有比較嚴(yán)格的要求：大小比例必須相同。

29、回復(fù)無法郵件通知

如果你的主機(jī)不支持SMTP 發(fā)送郵件，無法實(shí)現(xiàn)回復(fù)郵件通知，可以安裝 Configure SMTP 插件，并配置郵箱參數(shù)啟用就可以了。也可以將以下代碼添加到主題的 functions.php 中：

  1. //使用smtp發(fā)送郵件（請(qǐng)根據(jù)自己使用的郵箱設(shè)置SMTP）  
  2. add_action('phpmailer_init', 'mail_smtp');  
  3. function mail_smtp( $phpmailer ) {  
  4. $phpmailer->FromName = '常陽時(shí)光'; //發(fā)件人名稱  
  5. $phpmailer->Host = 'smtp.qq.com'; //修改為你使用的郵箱SMTP服務(wù)器  
  6. $phpmailer->Port = 465; //SMTP端口  
  7. $phpmailer->Username = '123@qq.com'; //郵箱賬戶  
  8. $phpmailer->Password = '123123123'; //郵箱密碼  
  9. $phpmailer->From = '123@qq.com'; //郵箱賬戶  
  10. $phpmailer->SMTPAuth = true;  
  11. $phpmailer->SMTPSecure = 'ssl'; //tls or ssl （port=25時(shí)->留空，465時(shí)->ssl）  
  12. $phpmailer->IsSMTP();  
  13. }  

附上各郵箱的端口及smtp地址：以上方法提供者：常陽時(shí)光

30、再添加一個(gè)下載按鈕

主題集成的通過短代碼實(shí)現(xiàn)的下載按鈕功能，在一篇文章中只能使用一次，如果準(zhǔn)備再加一個(gè)按鈕，可以在編輯文章時(shí)，切換到“文本”編輯模式，將下面代碼添加到適合的位置即可。

  1. <div id="down">  
  2. <a id="load" title="下載鏈接" href="替換為鏈接地址" target="_blank"><i class="fa fa-download"></i>下載地址</a>  
  3. <div class="clear"></div>  
  4. </div>  

自行替換其中的鏈接地址及按鈕文字。

當(dāng)然這個(gè)下載按鈕無法實(shí)現(xiàn)彈窗效果。

31、啟用主題后感覺網(wǎng)站打開速度變慢

一般啟用CMS布局后和側(cè)邊添加了多個(gè)小工具時(shí)，會(huì)感覺速度變慢，道理很簡單，頁面每多加載一篇文章都會(huì)增加一次數(shù)據(jù)庫查詢，普通博客類主題，最多頁面也就加載20幾篇文章，而CMS布局加載幾十篇文章是正常的事，而用主題集成的很多小工具也是大量調(diào)用文章，數(shù)據(jù)查詢多，自然就慢。緩解方法：盡量少加載文章，包括少使用小工具，導(dǎo)航菜單也盡量不要放太多項(xiàng)目，啟用主題自動(dòng)截圖功能，減小圖片尺寸，安裝靜態(tài)緩存插件。

32、調(diào)整logo在導(dǎo)航菜單懸浮固定時(shí)的大小

默認(rèn)logo大小是220×50px，如果logo尺寸比較大，在向下滾動(dòng)網(wǎng)頁導(dǎo)航菜單懸浮固定時(shí)，可能會(huì)造成圖片超出導(dǎo)航菜單，可以將下面的代碼添加到主題選項(xiàng)→定制風(fēng)格→自定義樣式代碼框中：

  1. @media screen and (min-width: 900px) {  
  2. #menu-box.shadow img{  
  3. width: 198px;  
  4.     }  
  5. }  

需要注意的是logo圖片尺寸雖然可以任意，但必須大于220×50px，并保持220×50px的比例。

33、制作網(wǎng)站logo中，如何保證小字號(hào)中文清晰度

教大家一個(gè)在PS中制作logo，如何讓比較小的中文漢字保持清晰的小技巧。

很多PS新手對(duì)字號(hào)比較小的漢字看上去模糊，感到很撓頭，其實(shí)一個(gè)小技巧就可以輕松解決：

1、在處理小字號(hào)的漢字時(shí)，比如小于14px，必須選擇“宋體”或者“新宋體”。

2、在PS字符面板中，選擇消除鋸齒的方法為“無”.

如圖，上面的LOGO小字號(hào)的文字是選擇“無”的效果，下面是選擇“犀利”的效果。

34、編輯器添加表情按鈕

將下面代碼添加到主題functions模板最后的“// 全部結(jié)束”注釋后面即可。

  1. //輸出WordPress表情  
  2. function fa_get_wpsmiliestrans(){  
  3.     global $wpsmiliestrans;  
  4.     $wpsmilies = array_unique($wpsmiliestrans);  
  5.     foreach($wpsmilies as $alt => $src_path){  
  6.         $output .= '<a class="add-smily" data-smilies="'.$alt.'"><img class="wp-smiley" src="'.get_bloginfo('template_directory').'/img/smilies/'.rtrim($src_path, "gif").'gif" /></a>';  
  7.     }  
  8.     return $output;  
  9. }  
  10. add_action('media_buttons_context', 'fa_smilies_custom_button');  
  11. function fa_smilies_custom_button($context) {  
  12.     $context .= '<style>.smilies-wrap{background:#fff;border: 1px solid #ccc;box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.24);padding: 10px;position: absolute;top: 60px;width: 380px;display:none}.smilies-wrap img{height:24px;width:24px;cursor:pointer;margin-bottom:5px} .is-active.smilies-wrap{display:block}</style><a id="insert-media-button" style="position:relative" class="button insert-smilies add_smilies" title="添加表情" data-editor="content" href="javascript:;">  
  13.     添加表情  
  14.     </a><div class="smilies-wrap">'. fa_get_wpsmiliestrans() .'</div><script>jQuery(document).ready(function(){jQuery(document).on("click", ".insert-smilies",function() { if(jQuery(".smilies-wrap").hasClass("is-active")){jQuery(".smilies-wrap").removeClass("is-active");}else{jQuery(".smilies-wrap").addClass("is-active");}});jQuery(document).on("click", ".add-smily",function() { send_to_editor(" " + jQuery(this).data("smilies") + " ");jQuery(".smilies-wrap").removeClass("is-active");return false;});});</script>';  
  15.     return $context;  
  16. }  

將以下代碼添加到style.css中

  1. .wp-smiley {  
  2.     display: inline-block !important; /*為了讓表情不會(huì)獨(dú)占一行*/  
  3.     height:24px !important;/*為了讓表情不和默認(rèn)的CSS代碼沖突，讓表情顯示的大點(diǎn)*/  
  4.     max-height: 24px !important;/*為了讓表情不和默認(rèn)的CSS代碼沖突，讓表情顯示的大點(diǎn)*/  
  5. }  

35、隱藏前臺(tái)瀏覽統(tǒng)計(jì)

有人說開了靜態(tài)緩存插件，前臺(tái)不計(jì)數(shù)，有些怪，那就用隱藏掉，可以將下面的代碼添加到主題選項(xiàng)→定制風(fēng)格→自定義樣式代碼框中：

  1. .views, .single-meta .views {display: none;}  

隱藏后，并不會(huì)影響計(jì)數(shù)，后臺(tái)還在繼續(xù)計(jì)數(shù)。

36、精簡字體圖標(biāo)CSS代碼

主題1.7+版本用font awesome字體圖標(biāo)替換主題原來的字體圖標(biāo)，這樣在主題任意位置添加小圖標(biāo)方便了許多，但font awesome字體圖標(biāo)有400多個(gè)，有些你可能用不到，可以酌情精簡不用的字體圖標(biāo)CSS代碼，精簡后主題樣式文件大約會(huì)減小30KB左右。

打開主題樣式文件style.css，在大約3725行，有一行“ /** 可選圖標(biāo) **/ ”注釋，從此以下的字體圖標(biāo)樣式代碼不是主題必須用的，都可刪除。

如果你在導(dǎo)航菜單上添加了字體圖標(biāo)，比如在菜單中添加了首頁小圖標(biāo)

  1. fa fa-home  

就在樣式文件style.css中搜索：fa-home 并保留類似的樣式代碼：

  1. .fa-home:before {  
  2. content: "\f015";  
  3. }  

其余沒有用到的字體圖標(biāo)樣式代碼可以刪除。

39、頁腳版權(quán)信息回行方法

主題默認(rèn)頁腳內(nèi)容編輯是調(diào)用的WP的自帶的編輯器，可以添加任意內(nèi)容，如果內(nèi)容較多想回行，如果輸入：

  1. <br />  

當(dāng)切換到可視化模式，并保存設(shè)置后，會(huì)被WP過濾掉，可以按下方法實(shí)現(xiàn)回行：

切換到文本編輯模式，輸入類似：

  1. <div>文字內(nèi)容</div>  

多個(gè)回行，以此類推。

38、外鏈跳轉(zhuǎn)路徑改為網(wǎng)站根目錄

首先，將begin\inc目錄的go.php復(fù)制到到網(wǎng)站根目錄（WordPress程序文件所在的位置）

其次，打開begin\inc\core目錄的setting.php，將

  1. $content=str_replace("href=\"$val\"", "href=\"".get_template_directory_uri()."/inc/go.php?url=$val\" ",$content);  

替換為：

  1. $content=str_replace("href=\"$val\"", "href=\"go.php?url=$val\" ",$content);  

將：

  1. echo "<a href='".get_template_directory_uri()."/inc/go.php?url=$url' rel='external nofollow' target='_blank' class='url'>$author</a>";  

替換為：

  1. echo "<a href='go.php?url=$url' rel='external nofollow' target='_blank' class='url'>$author</a>";  

修改的目的是什么？有人說會(huì)暴露主題程序目錄.....

39、隱藏分類目錄小工具的某個(gè)分類

如果想隱藏分類目錄小工具中的某個(gè)分類，可以將下面的代碼添加到主題選項(xiàng)→定制風(fēng)格→自定義樣式代碼框中：

  1. .widget_categories .cat-item-20{display: none;}  

修改其中：cat-item-20中的數(shù)字為分類ID.

40、關(guān)于排版樣式

主題目前的樣式是：

  1. .single-content p,  
  2. .single-content ul,  
  3. .single-content ol,  
  4. .single-content dd,  
  5. .single-content pre,  
  6. .single-contenthr {  
  7. margin: 0 0 5px 0;  
  8.     -webkit-hyphens: auto;  
  9.     -moz-hyphens: auto;  
  10.     -ms-hyphens: auto;  
  11.     hyphens: auto;  
  12.     word-wrap: break-word;  
  13. text-align: justify;  
  14.     text-justify: inter-ideograph;  
  15.     word-wrap: break-word;  
  16. }  

英文按單詞回行，不過中英文混排可能會(huì)出現(xiàn)字間距加大問題。

可以修改為：

  1. .single-content p,  
  2. .single-content ul,  
  3. .single-content ol,  
  4. .single-content dd,  
  5. .single-content pre,  
  6. .single-contenthr {  
  7. margin: 0 0 5px 0;  
  8. text-align: justify;  
  9.     text-justify: inter-ideograph;  
  10.     word-wrap: break-word;  
  11.     word-break: break-all;  
  12. }  

英文不以單詞回行，中英文混排不會(huì)出現(xiàn)字間距加大問題。具體使用哪種，自行選擇修改吧。

41、修正1.8版分類調(diào)用雜志布局模板樣式錯(cuò)誤

打開主題根目錄的category-cms.php模板，將第3行的：

  1. <link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/cms/cms.css" />  

替換為：

  1. <link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/css/css.css" />  

只是改了一下樣式調(diào)用路徑。

42、直接顯示繁體

打開主題begin\js目錄的gb2big5.js文件，將第3行的：

  1. <link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/cms/cms.css" />  

替換為：

  1. <link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/css/css.css" />  
  1. var Default_isFT = 0  

后面的數(shù)字 0改為1即可。

注：另外這個(gè)簡繁體轉(zhuǎn)換功能，如非必要，建議不要開啟，會(huì)對(duì)加載速度有一定的影響。

43、批量刪除手動(dòng)添加的縮略圖

主題新版本已集成自動(dòng)裁剪文章中圖片作縮略圖功能，所以之前手動(dòng)添加的縮略圖地址可能與目前的尺寸不同，逐一編輯修改文章工作量比較大，可以用下面方法，批量刪除這個(gè)手動(dòng)添加的縮略圖（自定義欄目），將下面的代碼添加到主題functions.php模板文件的最后，并上傳覆蓋主題原文件

  1. global $wpdb;  
  2. $wpdb->query( " 
  3. DELETE FROM $wpdb->postmeta 
  4. WHERE `meta_key` = 'thumbnail' 
  5. " );  

之后，手動(dòng)縮略圖添加的自定義欄目'thumbnail' 會(huì)被刪除，并顯示自動(dòng)裁剪的縮略圖。

注：以上代碼只使用一次就可以了，不用留在主題模板中，刪除縮略圖片后，需要將該代碼刪除并還原functions.php模板文件。

44、微調(diào)雜志布局小工具高度

主題新增的雜志布局小工具，可使雜志首頁布局更加靈活多變，但有一個(gè)問題就是，不同的小工具組合在一起，會(huì)產(chǎn)生高度不同底部對(duì)不齊，可以通過下面的方法進(jìn)行一下微調(diào)使之齊，從而加美觀一些。

使用工具，火狐及其Web開發(fā)擴(kuò)展Firebug，當(dāng)然也可以使用其它類似的瀏覽器擴(kuò)展功能，目的是找到準(zhǔn)備修改模塊的CSS選擇器。

鼠標(biāo)停在修改模塊右鍵調(diào)出菜單選擇“使用Firebug”查看元素，找到模塊選擇器，如圖：

會(huì)看到這個(gè)模塊的外層是#img_widget-15，內(nèi)層是.img_widget

找到這個(gè)就可以了，將下面代碼加到主題選項(xiàng)→定制風(fēng)格→自定義樣式代碼框中：

  1. #img_widget-15 .img_widget{  
  2. padding: 3px 0 3px 0;  
  3. }  

修改其中的“3px”為合適的大小即可，另外其它小工具可能選擇名稱不同，調(diào)整這個(gè)還是需要點(diǎn)DIV+CSS基本的，雜志布局側(cè)邊小工具及企業(yè)布局小工具對(duì)齊也參照調(diào)整。

45、增強(qiáng)文本小工具應(yīng)用實(shí)例

新增加的增強(qiáng)文本小工具可以運(yùn)行PHP代碼（WP自帶的不可以），可以任意添加運(yùn)行網(wǎng)上淘來的代碼，比如下面的代碼是調(diào)用ID為88的分類最新的5篇文章，并有縮略圖：

  1. <div class="new_cat">  
  2.     <ul>  
  3.         <?php  
  4. $loop = new WP_Query( array ( 'showposts' => 5, 'cat' => 88, 'post__not_in' => get_option( 'sticky_posts') ) );  
  5. while ( $loop->have_posts() ) : $loop->the_post();  
  6.         ?>  
  7.         <li>  
  8.             <figure class="thumbnail">  
  9.                 <?php if (zm_get_option('lazy_s')) { zm_thumbnail_h(); } else { zm_thumbnail(); } ?>  
  10.             </figure>  
  11.             <div class="new-title"><a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a></div>  
  12.             <div class="date"><?php the_time('m/d') ?></div>  
  13.             <?php if( function_exists( 'the_views' ) ) { the_views( true, '<span class="views"><i class="fa fa-eye"></i> ','</span>' ); } ?>  
  14.         </li>  
  15.         <?php endwhile; ?>  
  16.         <?php wp_reset_query(); ?>  
  17.     </ul>  
  18. </div>  

這個(gè)與主題集成的帶縮略圖的最新文章小工具外觀沒有區(qū)別，區(qū)別是默認(rèn)小工具標(biāo)題是不能加鏈接的，這個(gè)增強(qiáng)文本小工具可以自定義標(biāo)題鏈接，方便瀏覽者點(diǎn)擊標(biāo)題查看更多相關(guān)分類的文章。

上面代碼直接加到增強(qiáng)文本小工具中即可。

46、為單獨(dú)的某篇文章添加背景

將下面的代碼添加到主題選項(xiàng)→定制風(fēng)格→自定義樣式中：

  1. .postid-6367 {  
  2. background: #f1f1f1;  
  3. background:url('http://zmingcx.com/wp-content/uploads/2012/08/79760-772704496-8.gif');  
  4. }  

其中：postid-6367為該文章頁面特有選擇器，后面的數(shù)字為文章ID。

可以通過查看網(wǎng)頁源代碼中這句：

<body class="single single-post postid-6367 single-format-standard logged-in">

獲得。另外，背景顏色與圖片只選擇添加一個(gè)樣式屬性就可以了。

效果見本文背景色

47、與主題配套的多說評(píng)論樣式

多說評(píng)論插件默認(rèn)的樣式，與Begin主題風(fēng)格不夠協(xié)調(diào)，下面是部分修改后的樣式代碼，可以直接將代碼添加到主題樣式文件style.css的最后，也可以加到主題選項(xiàng)→定制風(fēng)格→輸入自定義樣式代碼框中。

下面的代碼是多說評(píng)論官方默認(rèn)模板及嵌套模式的樣式，其它模式不一定相匹配。

  1. /*多說附加樣式*/  
  2. #ds-reset .ds-avatar{background:none !important; box-shadow:none !important;}  
  3. #ds-reset .ds-avatar img , #ds-thread #ds-reset ul.ds-children .ds-avatar img{width:50px !important;height: 50px !important;-webkit-transition: .8s;-moz-transition: .8s;-o-transition: .8s;-ms-transition: .8s;padding:3px;border: 1px solid #ddd;background: #fff;}  
  4. .ds-post:hover .ds-avatar img{transform:rotate(720deg);-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);-ms-transform:rotate(720deg);border-radius:30px !important;}  
  5. #ds-reset .ds-avatar img:hover{transform:rotate(720deg);-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-o-transform:rotate(720deg);-ms-transform:rotate(720deg);border-radius:30px !important;}  
  6. #ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body{padding-left:70px !important;}  
  7. #ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body{padding-left:70px !important;}  
  8. .ds-post:hover{background:#eee !important;}  
  9. #ds-thread #ds-reset ul.ds-children .ds-avatar{width:50px !important;}  
  10. #ds-thread #ds-reset .ds-replybox{padding: 0 0 0 80px !important;}  
  11. #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-body{margin-left: 68px !important;}  
  12. #ds-recent-comments li.ds-comment:nth-of-type(1){border:none !important;}  
  13. /*多說附加樣式結(jié)束*/  

以下代碼為文章底部評(píng)論框樣式：

  1. /*多說附加樣式*/  
  2. #ds-reset .ds-avatar {  
  3.     background: none !important;  
  4.     box-shadow: none !important;  
  5. }  
  6. #ds-reset .ds-avatar img, #ds-thread #ds-reset ul.ds-children .ds-avatar img {  
  7.     width: 50px !important;  
  8.     height: 50px !important;  
  9.     -webkit-transition: .8s;  
  10.     -moz-transition: .8s;  
  11.     -o-transition: .8s;  
  12.     -ms-transition: .8s;  
  13.     padding: 3px;  
  14.     border: 1px solid #ddd;  
  15.     background: #fff;  
  16. }  
  17. .ds-post:hover .ds-avatar img {  
  18.     transform: rotate(720deg);  
  19.     -webkit-transform: rotate(720deg);  
  20.     -moz-transform: rotate(720deg);  
  21.     -o-transform: rotate(720deg);  
  22.     -ms-transform: rotate(720deg);  
  23.     border-radius: 30px !important;  
  24. }  
  25. #ds-reset .ds-avatar img:hover {  
  26.     transform: rotate(720deg);  
  27.     -webkit-transform: rotate(720deg);  
  28.     -moz-transform: rotate(720deg);  
  29.     -o-transform: rotate(720deg);  
  30.     -ms-transform: rotate(720deg);  
  31.     border-radius: 30px !important;  
  32. }  
  33. #ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body {  
  34.     padding-left: 70px !important;  
  35. }  
  36. #ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body {  
  37.     padding-left: 70px !important;  
  38. }  
  39. .ds-post:hover {  
  40.     background: #eee !important;  
  41. }  
  42. #ds-thread #ds-reset ul.ds-children .ds-avatar {  
  43.     width: 50px !important;  
  44. }  
  45. #ds-thread #ds-reset .ds-replybox {  
  46.     padding: 0 0 0 80px !important;  
  47. }  
  48. #ds-reset #ds-ctx .ds-ctx-entry .ds-ctx-body {  
  49.     margin-left: 68px !important;  
  50. }  
  51. #ds-recent-comments li.ds-comment:nth-of-type(1) {  
  52.     border: none !important;  
  53. }  
  54. /*多說附加樣式結(jié)束*/  

以下代碼是最近留言處圓形頭像旋轉(zhuǎn)代碼：

  1. /** 多說最近留言樣式 **/  
  2. #ds-recent-comments .ds-avatar img {  
  3.     width: 54px;  
  4.     height: 54px; /*設(shè)置圖像的長和寬，這里要根據(jù)自己的評(píng)論框情況更改*/  
  5.     border-radius: 27px;/*設(shè)置圖像圓角效果,在這里我直接設(shè)置了超過width/2的像素，即為圓形了*/  
  6.     -webkit-border-radius: 27px;/*圓角效果：兼容webkit瀏覽器*/  
  7.     -moz-border-radius: 27px;  
  8.     box-shadow: inset 0 -1px 0 #3333sf;/*設(shè)置圖像陰影效果*/  
  9.     -webkit-box-shadow: inset 0 -1px 0 #3333sf;  
  10.     -webkit-transition: 0.4s;  
  11.     -webkit-transition: -webkit-transform 0.4s ease-out;  
  12.     transition: transform 0.4s ease-out;/*變化時(shí)間設(shè)置為0.4秒(變化動(dòng)作即為下面的圖像旋轉(zhuǎn)360讀）*/  
  13.     -moz-transition: -moz-transform 0.4s ease-out;  
  14. }  
  15. #ds-recent-comments .ds-avatar img:hover {/*設(shè)置鼠標(biāo)懸浮在頭像時(shí)的CSS樣式*/  
  16.     box-shadow: 0 0 10px #fff;  
  17. rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);  
  18.     -webkit-box-shadow: 0 0 10px #fff;  
  19. rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);  
  20.     transform: rotateZ(360deg);/*圖像旋轉(zhuǎn)360度*/  
  21.     -webkit-transform: rotateZ(360deg);  
  22.     -moz-transform: rotateZ(360deg);  
  23. }  

Ps: 整理于言曌博客的知更鳥主題常見問題。


本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。
打開APP，閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
Wordpress建站，twenty twelve子主題修改全記錄
WordPress 如何使用模板文件創(chuàng)建一個(gè)自定義頁面
wordpress手機(jī)網(wǎng)站實(shí)現(xiàn)方法和代碼
在Wordpress上手動(dòng)添加廣告的方法 - 嚇我一跳
簡單5步，制作wordpress留言板 | 隨便說說SBTalk
WordPress自帶TinyMCE編輯器增加自定義按鈕
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)！
如果VIP功能使用有故障，
可點(diǎn)擊這里聯(lián)系客服！

聯(lián)系客服