欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP，暢享免費電子書(shū)等14項超值服

開(kāi)通VIP

首頁(yè)

好書(shū)

留言交流

下載APP

聯(lián)系客服
知更鳥(niǎo)begin主題使用常見(jiàn)問(wèn)題匯總

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

看《知更鳥(niǎo)begin主題使用常見(jiàn)問(wèn)題匯總》之前推薦先看《知更鳥(niǎo)begin各版本主題使用指南[精細版]》以更好的使用該主題，如已看過(guò)或了解該主題請略過(guò)吧。

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

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

1、啟用CMS首頁(yè)錯位

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

 

2、分類(lèi)小工具添加圖標字體

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

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

3、去掉段首空格

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

比如去掉正文段首空格，主題默認樣式是：

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

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

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

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

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

默認優(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>  

只在后臺添加一個(gè)參數：wmode="transparent"

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

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

5、更新文章歸檔頁(yè)面

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

6、首頁(yè)幻燈改為通欄展示

以CMS首頁(yè)為例，首先打開(kāi)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應。

7、修改正文字號大小

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

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

8、目錄索引改為三級標題H3標簽

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

打開(kāi)主題begin\inc\core目錄的setting.php查找：

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

將其中的數字4，改為3即可。

9、加粗導航菜單字體

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

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

10、文章列表文字截斷過(guò)濾短代碼標簽內容

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

打開(kā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模板也需要找到類(lèi)似代碼并替換。

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

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

11、自定義搜索結果文章數量

打開(kāi)主題search.php模板文件，在類(lèi)似：

  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');?>  

其中的數字5是文章搜索結果每頁(yè)的文章數，該方法也適用于其它分類(lèi)頁(yè)面。

 

12、友情鏈接添加nofollow

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

打開(kāi)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)面板---職場(chǎng)關(guān)系一項中，會(huì )增加一個(gè)nofollow選項。

13、調整留言表情大小

將下面樣式添加到主題選項→定制風(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插件計數后面的views

WP后臺→設置→Post Views設置頁(yè)面，找到Views Template（瀏覽計數顯示模板）：

默認顯示為：%VIEW_COUNT% views

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

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

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

由于側邊跟隨使用position:fixed用于定位，無(wú)法使用百分數設定寬度，可以將下面樣式添加到主題選項→定制風(fēng)格→自定義樣式代碼框中

  1. .follow {width: 340px;}  

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

16、去掉文章列表的分類(lèi)名稱(chēng)

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

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

17、主題自定義欄目名稱(chēng)說(shuō)明

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

下面是主題集成的自定義欄目名稱(chēng)及說(shuō)明：

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

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

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

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

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

另外，如果你準備修改已存在的WordPress自定義欄目名稱(chēng)，將以下代碼添加到主題 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. " );  

替換上面代碼中新的自定義欄目名稱(chēng)和原自定義欄目名稱(chēng)。

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

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

打開(kāi)主題begin主題根目錄的comments.php評論模板文件，在大約第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、突出顯示導航菜單中的項目

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

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

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

二、為準備突出顯示的菜單項隨便添加一個(gè)相應的圖標字體選擇器名稱(chēng)，比如：fa?fa-home。

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

三、將如下代碼添加到主題選項→定制風(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)頁(yè)源代碼，比如我的“Begin主題購買(mǎi)”項是：

將第三步代碼中的6597改為你準備突出顯示項目對應的數字即可。

20、滾屏到評論位置按鈕適用于多說(shuō)

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

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

替換為：

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

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

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

將下面樣式文件添加到主題選項→定制風(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 為指定的頁(yè)面元素class，閃爍間隔為1秒。

22、調整主菜單項目間距

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

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

可適當修改其中 padding:?0?10px 的數字10。

23、強制文章中圖片居中顯示

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

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

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

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

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

  1. <?php wp_head(); ?>  

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

展開(kāi)代碼：

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

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

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

刪除即可。

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

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

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

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

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

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

  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)于縮略圖...

主題對縮略圖有比較嚴格的要求：大小比例必須相同。

29、回復無(wú)法郵件通知

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

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

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

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

主題集成的通過(guò)短代碼實(shí)現的下載按鈕功能，在一篇文章中只能使用一次，如果準備再加一個(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>  

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

當然這個(gè)下載按鈕無(wú)法實(shí)現彈窗效果。

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

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

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

默認logo大小是220×50px，如果logo尺寸比較大，在向下滾動(dòng)網(wǎng)頁(yè)導航菜單懸浮固定時(shí)，可能會(huì )造成圖片超出導航菜單，可以將下面的代碼添加到主題選項→定制風(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中，如何保證小字號中文清晰度

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

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

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

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

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

34、編輯器添加表情按鈕

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

  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ì )獨占一行*/  
  3.     height:24px !important;/*為了讓表情不和默認的CSS代碼沖突，讓表情顯示的大點(diǎn)*/  
  4.     max-height: 24px !important;/*為了讓表情不和默認的CSS代碼沖突，讓表情顯示的大點(diǎn)*/  
  5. }  

35、隱藏前臺瀏覽統計

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

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

隱藏后，并不會(huì )影響計數，后臺還在繼續計數。

36、精簡(jiǎn)字體圖標CSS代碼

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

打開(kāi)主題樣式文件style.css，在大約3725行，有一行“ /** 可選圖標 **/ ”注釋?zhuān)瑥拇艘韵碌淖煮w圖標樣式代碼不是主題必須用的，都可刪除。

如果你在導航菜單上添加了字體圖標，比如在菜單中添加了首頁(yè)小圖標

  1. fa fa-home  

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

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

其余沒(méi)有用到的字體圖標樣式代碼可以刪除。

39、頁(yè)腳版權信息回行方法

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

  1. <br />  

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

切換到文本編輯模式，輸入類(lèi)似：

  1. <div>文字內容</div>  

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

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

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

其次，打開(kāi)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>";  

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

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

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

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

修改其中：cat-item-20中的數字為分類(lèi)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. }  

英文按單詞回行，不過(guò)中英文混排可能會(huì )出現字間距加大問(wè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ì )出現字間距加大問(wèn)題。具體使用哪種，自行選擇修改吧。

41、修正1.8版分類(lèi)調用雜志布局模板樣式錯誤

打開(kāi)主題根目錄的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" />  

只是改了一下樣式調用路徑。

42、直接顯示繁體

打開(kāi)主題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  

后面的數字 0改為1即可。

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

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、微調雜志布局小工具高度

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

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

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

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

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

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

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

45、增強文本小工具應用實(shí)例

新增加的增強文本小工具可以運行PHP代碼（WP自帶的不可以），可以任意添加運行網(wǎng)上淘來(lái)的代碼，比如下面的代碼是調用ID為88的分類(lèi)最新的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è)與主題集成的帶縮略圖的最新文章小工具外觀(guān)沒(méi)有區別，區別是默認小工具標題是不能加鏈接的，這個(gè)增強文本小工具可以自定義標題鏈接，方便瀏覽者點(diǎn)擊標題查看更多相關(guān)分類(lèi)的文章。

上面代碼直接加到增強文本小工具中即可。

46、為單獨的某篇文章添加背景

將下面的代碼添加到主題選項→定制風(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為該文章頁(yè)面特有選擇器，后面的數字為文章ID。

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

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

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

效果見(jiàn)本文背景色

47、與主題配套的多說(shuō)評論樣式

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

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

  1. /*多說(shuō)附加樣式*/  
  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. /*多說(shuō)附加樣式結束*/  

以下代碼為文章底部評論框樣式：

  1. /*多說(shuō)附加樣式*/  
  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. /*多說(shuō)附加樣式結束*/  

以下代碼是最近留言處圓形頭像旋轉代碼：

  1. /** 多說(shuō)最近留言樣式 **/  
  2. #ds-recent-comments .ds-avatar img {  
  3.     width: 54px;  
  4.     height: 54px; /*設置圖像的長(cháng)和寬，這里要根據自己的評論框情況更改*/  
  5.     border-radius: 27px;/*設置圖像圓角效果,在這里我直接設置了超過(guò)width/2的像素，即為圓形了*/  
  6.     -webkit-border-radius: 27px;/*圓角效果：兼容webkit瀏覽器*/  
  7.     -moz-border-radius: 27px;  
  8.     box-shadow: inset 0 -1px 0 #3333sf;/*設置圖像陰影效果*/  
  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í)間設置為0.4秒(變化動(dòng)作即為下面的圖像旋轉360讀）*/  
  13.     -moz-transition: -moz-transform 0.4s ease-out;  
  14. }  
  15. #ds-recent-comments .ds-avatar img:hover {/*設置鼠標懸浮在頭像時(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);/*圖像旋轉360度*/  
  21.     -webkit-transform: rotateZ(360deg);  
  22.     -moz-transform: rotateZ(360deg);  
  23. }  

Ps: 整理于言曌博客的知更鳥(niǎo)主題常見(jiàn)問(wèn)題。


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

聯(lián)系客服

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久