1 一、添加嵌入文章卡片樣式短代碼
網(wǎng)站內(nèi)部鏈接優(yōu)化，在SEO環(huán)節(jié)中一直非常重要，一個(gè)好的鏈接結(jié)構(gòu)對(duì)搜索引擎優(yōu)化非常有利。
倘若在當(dāng)前文章和其他文章有關(guān)聯(lián)時(shí)，主動(dòng)在頁(yè)面內(nèi)添加鏈接：
如果更新了一些舊文章，則還可以通過(guò)在新文章添加內(nèi)部鏈接，來(lái)指示搜索引擎蜘蛛重新抓取和收錄舊文章的內(nèi)容更新。
第 1 步：添加PHP代碼
將以下代碼添加到你的WP主題的 functions.php?文件中：
/** * 加入內(nèi)部文章縮略圖 By 我們 * 文章地址：https://www.wordpressx.com/cwl-638.html **/ function cwl_thumbnail_src() { global $post; if ( get_post_meta($post->ID, 'thumbnail', true) ) { //如有縮略圖，就顯示縮略圖 $image = get_post_meta($post->ID, 'thumbnail', true); return $image; } else { if ( has_post_thumbnail() ) { //如有縮略圖，就顯示縮略圖 $img_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), "Full"); return $img_src[0]; } else { $content = $post->post_content; preg_match_all('/<img.*?(?: |\\t|\\r|\\n)?src=[\'"]?(.+?)[\'"]?(?:(?: |\\t|\\r|\\n)+.*?)?>/sim', $content, $strResult, PREG_PATTERN_ORDER); $n = count($strResult[1]); if($n > 0){ return $strResult[1][0]; //若無(wú)縮略圖，就調(diào)用文中第一張圖片作縮略圖 }else { $random = mt_rand(1, 20); return get_template_directory_uri().'/img/random/'. $random .'.jpg'; //文章中若無(wú)圖片，就隨機(jī)讀取在 random 文件夾內(nèi)的圖片作縮略圖 } } } } //加入內(nèi)部文章鏈接 function cwl_insert_posts( $atts, $content = null ){ extract( shortcode_atts( array( 'ids' => '' ), $atts ) ); global $post; $content = ''; $postids = explode(',', $ids); $inset_posts = get_posts(array('post__in'=>$postids)); foreach ($inset_posts as $key => $post) { setup_postdata( $post ); $content .= '<div class="jiawen"><div class="fl"><a target="_blank" href="' . get_permalink() . '" class="fl"><i class="fa fa-link fa-fw"></i>'; $content .= get_the_title(); $content .= '</a><p class="note"><a target="_blank" rel="nofollow" href="' . get_permalink() . '">'; //$content .= get_the_excerpt(); $content .= mb_strimwidth(strip_tags(apply_filters(‘the_content’, $post->post_content)), 0, 180, …… ); $content .= '</a></p></div><div class="fr"><a target="_blank" rel="nofollow" href="' . get_permalink() . '"><img src='; $content .= cwl_thumbnail_src(); $content .= ' class="jiawen-thumb" alt="' . get_the_title() . '" title="' . get_the_title() . '"></a></div></div>'; } wp_reset_postdata(); return $content; } add_shortcode('jiawen', 'cwl_insert_posts');
圖片以 1~20 命名：
第 2 步：添加CSS代碼
將以下代碼添加到你的WP主題的 style.css 文件中：
/*加入內(nèi)部文章CSS*/
.fl{float:left;}
.fr{float:right;}
.jiawen{margin-bottom:25px;padding:10px;width:95%;height:100%;border:1px solid #e8e8e8;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.1);cursor:pointer;-webkit-transition:box-shadow 218ms;-moz-transition:box-shadow 218ms;-o-transition:box-shadow 218ms;transition:box-shadow 218ms;overflow:hidden;}
.jiawen:hover{box-shadow:0 1px 8px 1px rgba(0,0,0,.1);}
.jiawen .fl{width:72%;}
.jiawen .fr{padding:10px 5px;width:24%;}
.jiawen .fl a{display:block;margin-right:15px;padding:8px 0;width:100%;height: 100%;color:#8463a9!important;text-decoration:none;font-size:16px;border:none;overflow: hidden;}
.jiawen .fl .note{margin:0 0 5px;padding-left:10px;height:150px;color:#888;font-size:14px;}
.jiawen .jiawen-thumb{width:170px;height:120px;margin-top: 10px;}
@media only screen and (max-width: 700px){.jiawen .jiawen-thumb {width: auto;height: auto;}}
可以直接在文章編輯器 “可視化” 或 “文本”?界面中，輸入簡(jiǎn)碼 【jiawen ids =postID1,postID2 ...】 的格式調(diào)用。
例如，如果我想顯示3個(gè)內(nèi)部鏈接文章，我直接輸入簡(jiǎn)碼：
【jiawen ids=526,380,411】
若你不是在WordPress編輯器中使用簡(jiǎn)碼，想在別處調(diào)用，可以使用如下代碼調(diào)用它：
do_shortcode（'[neilian ids ids = postID1，postID2]'）
如果需要每次手動(dòng)輸入簡(jiǎn)碼，感覺(jué)太麻煩，怎么辦呢？
WordPress的強(qiáng)大之處，就是能夠讓我們實(shí)現(xiàn)復(fù)雜事簡(jiǎn)單化 ^_^
WordPress默認(rèn)內(nèi)置TinyMCE編輯器，我們可以TinyMCE編輯器文本界面，添加快捷方式按鈕。
第 3?步：添加快捷按鈕代碼
//加入內(nèi)部文章，TinyMCE 編輯器文本按鈕
add_action('after_wp_tiny_mce', 'add_button_mce');
function add_button_mce($mce_settings) {
?>
<script type="text/javascript">
QTags.addButton( 'jw', '加入內(nèi)部文章', '', '');
</script>
<?php
}
注意事項(xiàng)
如果你已經(jīng)添加編輯器自定義快捷按鈕的其它代碼，就只需在<script type="text/javascript"> 之下，添加如下代碼?▼
QTags.addButton( 'jw', '加入內(nèi)部文章', '', '');
不然會(huì)出錯(cuò)。
我們?cè)诰庉媁ordPress文章時(shí)，通常默認(rèn)界面是可視化（Visual）。
所以，最好也在可視化編輯器中添加一個(gè)按鈕。
第 4 步：安裝啟用插件
安裝完成后，在左側(cè)菜單欄下方，將出現(xiàn)一個(gè)帶有齒輪圖標(biāo)的Visual Editor Custom Buttons?▼
第 5 步：點(diǎn)擊 Add New
你只需跟著下圖設(shè)置即可?▼
第 6 步：?Button Content?選項(xiàng)
第 7 步：?Before?設(shè)置
第 8?步：Display In Editor 設(shè)置
第 9?步：Button Icon?選項(xiàng)
第 10?步：測(cè)試
希望我們網(wǎng)站（ http://news.qtyiliao.cn/ ） 分享的《WordPress怎么添加文章卡片樣式?嵌入文章卡片形式短代碼》，對(duì)您有幫助。
1 WordPress文章內(nèi)添加JS代碼方法
系統(tǒng)學(xué)過(guò)建站技術(shù)的SEO高手，都知道如何簡(jiǎn)單使用JavaScript程序。
網(wǎng)絡(luò)上有很多別人分享出來(lái)的、好用的JavaScript代碼。
如果你可以在WordPress文章里添加JS代碼，必能讓文章生色不少。
在WordPress文章中，添加JavaScript代碼是非常簡(jiǎn)單的。
接下來(lái)，我們將會(huì)為你分享：如何在WordPress文章中，添加 JavaScript 代碼程序？
通常有2種添加JS代碼的方式：
第一種方法，直接在WordPress文章中編寫JavaScript。
以下是打印“Hello World！”文字的示例?▼
<script type="text/javascript">// <![CDATA[
document.write("Hello World!")
// ]]></script>
這是在WordPress文章中，執(zhí)行JavaScript后顯示“Hello World！” ▼
第二種方法，將JavaScript代碼寫入單獨(dú)的文件。
然后在需要插入JavaScript的WordPress文章中，通過(guò)WordPress文本編輯器調(diào)用JavaScript文件。
以下示例是在WordPress文章中，打印“Hello World”文本?▼
<script type="text/javascript" src="https://img.wordpressx.com/javascript/hello.js">// <![CDATA[ // ]]></script>
JavaScript文件hello.js的內(nèi)容?▼
document.write("Hello World");
在WordPress文章中添加JavaScript代碼所顯示的結(jié)果?▼
互聯(lián)網(wǎng)上有許多好玩又有用JavaScript代碼。
現(xiàn)在舉例說(shuō)明如何使用它們？
在WordPress文章中打印今天的日期。
將以下JavaScript date.js文件，插入到WordPress文章中?▼
<script type="text/javascript" src="https://img.wordpressx.com/javascript/date.js"></script>
<script type="text/javascript">// <![CDATA[
// call function if required.
// ]]></script>
以下是 date.js 文件的 JavaScript 內(nèi)容?▼
var calendarDate = getCalendarDate();
document.write("Today is: " + calendarDate);
function getCalendarDate()
{
?? var months = new Array(13);
?? months[0]? = "January";
?? months[1]? = "February";
?? months[2]? = "March";
?? months[3]? = "April";
?? months[4]? = "May";
?? months[5]? = "June";
?? months[6]? = "July";
?? months[7]? = "August";
?? months[8]? = "September";
?? months[9]? = "October";
?? months[10] = "November";
?? months[11] = "December";
?? var now???????? = new Date();
?? var monthnumber = now.getMonth();
?? var monthname?? = months[monthnumber];
?? var monthday??? = now.getDate();
?? var year??????? = now.getYear();
?? if(year < 2000) { year = year + 1900; }
?? var dateString = monthname +
??????????????????? ' ' +
??????????????????? monthday +
??????????????????? ', ' +
??????????????????? year;
?? return dateString;
} // function getCalendarDate()
以下是WordPress文章中JavaScript執(zhí)行今天的日期的結(jié)果?▼
以下是本文中執(zhí)行的JavaScript文件date.js的結(jié)果?▼
要將JS代碼插入到文章中，你需要WordPress編輯器切換到文本模式。
需特別注意<script>和</ script>之間不能有換行。
如果有換行，WordPress將自動(dòng)處理為段落，自動(dòng)加上導(dǎo)致JS腳本代碼失效的p標(biāo)簽。
這里還有更多關(guān)于WordPress?JavaScript代碼的文章?▼
WordPress如何指定文章頁(yè)面加載JavaScript/CSS代碼？
在制作WordPress主題時(shí)，如果有一個(gè)特定的JavaScript或CSS代碼，出現(xiàn)在WordPress的特定頁(yè)面上，它只會(huì)被使用一次。應(yīng)該把代碼放在哪里？ Style.css還是base.js？但這樣做的成本有點(diǎn)大?！?/p>
如何讓W(xué)ordPress延遲加載JavaScript加速頁(yè)面渲染？
WordPress延遲加載JavaScript，來(lái)加速頁(yè)面渲染方法。什么是JavaScript的Defer屬性？每個(gè)人都可能遇到過(guò)這種情況：head中有N個(gè)腳本，在加載腳本時(shí)，會(huì)阻塞頁(yè)面渲染，這通常是空白的。 ……
WordPress如何適當(dāng)引入JavaScript？自定義加載JS和CSS文件
用WordPress建站的程序員，在開發(fā)WordPress插件或定制WordPress主題時(shí)，會(huì)引用一些JavaScript和CSS腳本資源。通常，人們直接為HTML使用link、script標(biāo)記。 實(shí)際上，WordPress內(nèi)……
希望我們網(wǎng)站（ http://news.qtyiliao.cn/ ） 分享的《如何在WordPress文章內(nèi)添加JavaScript代碼？》，對(duì)您有幫助。
1 什么是古騰堡？
WordPress核心團(tuán)隊(duì)在2018年12月7日發(fā)布WordPress 5.0，而Gutenberg將成為默認(rèn)編輯器，它將取代傳統(tǒng)的WordPress編輯器。
盡管古騰堡看起來(lái)非常高端，但許多用戶發(fā)現(xiàn)與傳統(tǒng)編輯相比，操作非常不方便。
經(jīng)典編輯器已經(jīng)被5.0版取代，該如何禁用Gutenberg，并保留經(jīng)典的WordPress經(jīng)典編輯器？
Gutenberg（古騰堡）是強(qiáng)制性推出的WordPress編輯器，旨在實(shí)現(xiàn)WordPress寫作體驗(yàn)的現(xiàn)代化。
它嘗試像頁(yè)面構(gòu)建器插件一樣的操作，允許你將項(xiàng)目拖放到文章或頁(yè)面中。
目標(biāo)是在為用戶創(chuàng)建豐富的多媒體內(nèi)容時(shí)，提供更靈活和獨(dú)特的布局。
自WordPress 4.9.8以來(lái)，WordPress核心團(tuán)隊(duì)已經(jīng)發(fā)布了Gutenberg的試用版 ▼
隨著WordPress5.0版的發(fā)布，Gutenberg將成為默認(rèn)的WordPress編輯器。
從目前的情況來(lái)看，許多用戶認(rèn)為古騰堡不好用。
在WordPress官方插件頁(yè)面上，Gutenberg插件的平均值是2星半，這足以解釋一切。
盡管有大量負(fù)面評(píng)論，但WordPress核心團(tuán)隊(duì)在努力讓Gutenberg成為WordPress 5.0中的默認(rèn)編輯器。
這讓很多用戶非常擔(dān)心，他們想要一個(gè)選項(xiàng)來(lái)禁用Gutenberg，并保留經(jīng)典編輯器。
幸好我們可以使用WordPress插件解決這個(gè)問(wèn)題。
點(diǎn)此訪問(wèn)?Classic Editor?插件下載頁(yè)面
第 1?步：直接在后臺(tái)安裝和啟用Classic Editor插件。
第 2 步：轉(zhuǎn)到WordPress后臺(tái)設(shè)置?→ 撰寫頁(yè)面。
第 3?步：選中“經(jīng)典編輯器設(shè)置”下的選項(xiàng)?▼
如果你的網(wǎng)站上有不少專欄作家用戶，也許他們使用編輯器的習(xí)慣不同，那么他們的選擇就不同了。
如果你要為某些用戶和文章類型禁用Gutenberg，此插件將起作用。
點(diǎn)此訪問(wèn)? Disable Gutenberg 插件下載頁(yè)面
第 1?步：安裝和啟用Disable Gutenberg插件
第 2?步：設(shè)置插件
單擊“設(shè)置?→ 禁用Gutenberg”并保存?▼
取消后，將顯示更多選項(xiàng)以選擇性地禁用Gutenberg，比如：?jiǎn)蝹€(gè)文章，文章類型，主題模板或的特定用戶?▼
如果你發(fā)現(xiàn)你使用的WordPress插件和Gutenberg不兼容，并且你想在網(wǎng)站的其他區(qū)域使用Gutenberg，那么這個(gè)插件就能呵呵解決你的問(wèn)題。
以下是不使用插件禁用，切換回之前的編輯器的方法。
將下面的代碼添加到當(dāng)前主題函數(shù)模板functions.php文件中 ▼
//禁用Gutenberg編輯器
add_filter('use_block_editor_for_post', '__return_false');
在WordPress后臺(tái)禁用Gutenberg編輯器后，前端仍將加載相關(guān)的樣式文件……
防止前端加載樣式文件，需要添加代碼 ▼
//防止前端加載樣式文件 remove_action( 'wp_enqueue_scripts', 'wp_common_block_scripts_and_styles' );
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《如何禁用WordPress Gutenberg？關(guān)閉古騰堡編輯器插件》，對(duì)您有幫助。
1 WordPress自動(dòng)保存功能有什么用？
WordPress的自動(dòng)保存、自動(dòng)草稿和修訂版本功能，一直受到網(wǎng)絡(luò)營(yíng)銷人員的批評(píng)。
不過(guò)，WordPress是世界上最受歡迎的網(wǎng)站程序：
WordPress自動(dòng)保存可防止編輯器意外關(guān)閉并導(dǎo)致文章內(nèi)容丟失。
但是，此功能可能會(huì)導(dǎo)致數(shù)據(jù)庫(kù)膨脹，并無(wú)緣無(wú)故地添加大量無(wú)用的垃圾。
幸運(yùn)的是，有一個(gè)WordPress插件 “Easy WP Cleaner” 可以刪除這些垃圾。
問(wèn)題就在于這種“減肥過(guò)程”非常痛苦，本文會(huì)分享解決此問(wèn)題的最好方法。
WordPress的另一個(gè)非常煩人的功能是自動(dòng)草稿。
即使你退出編輯器，數(shù)據(jù)也會(huì)寫入數(shù)據(jù)庫(kù)，無(wú)論你是否鍵入數(shù)據(jù)。
實(shí)際上WordPress的修訂版本功能非常有用，用戶可以檢查更改并執(zhí)行版本控制。
事情總是有兩面性，就像自動(dòng)保存功能一樣，忽略這些變化會(huì)給數(shù)據(jù)庫(kù)帶來(lái)不必要的負(fù)擔(dān)。
其實(shí)WordPress中有很多隱藏的功能，可以通過(guò)在WordPress安裝根目錄的wp-config.php文件的功能，根據(jù)需求進(jìn)行配置禁用或啟用。
不少使用WordPress建站的朋友，都想禁用WordPress自動(dòng)草稿，而不是自動(dòng)保存。
以下代碼解決了這個(gè)問(wèn)題。
由于WordPress的機(jī)制，無(wú)法完全禁用自動(dòng)保存，但你可以通過(guò)設(shè)置較長(zhǎng)的時(shí)間間隔，來(lái)實(shí)現(xiàn)類似的效果，例如 ▼
define( 'AUTOSAVE_INTERVAL', 3600 ); // 默認(rèn)是 60，3600秒表示自動(dòng)保存間隔1小時(shí)
// WordPress設(shè)置自動(dòng)保存間隔/秒
define('AUTOSAVE_INTERVAL', 3600);
// WordPress設(shè)置修訂版本最多允許幾個(gè)
define('WP_POST_REVISIONS', 3);
你可以將以下定義，添加到你的 WordPress 站點(diǎn)的 wp-config.php 文件中 ▼
define( 'AUTOSAVE_INTERVAL', 3600 ); // 3600秒表示自動(dòng)保存間隔1小時(shí)
define( 'EMPTY_TRASH_DAYS', 7 ); // 在 7 天后被刪除
define( 'DISABLE_WP_CRON', true ); // 禁用內(nèi)部Wp-Cron函數(shù)
define('WP_POST_REVISIONS', false ); // 禁用文章修訂版本
define( 'AUTOSAVE_INTERVAL', 86400 ); 自動(dòng)保存間隔24小時(shí)無(wú)法生效。如果方法1的禁用文章修訂版本無(wú)效，需要使用以下WordPress禁用所有文章類型的修訂版本的代碼。
請(qǐng)?jiān)赪ordPress主題模板文件functions.php中，添加以下禁用文章修訂版本代碼 ▼
// WordPress禁用所有文章類型的修訂版本
add_filter( 'wp_revisions_to_keep', 'cwl_wp_revisions_to_keep', 10, 2 );
function cwl_wp_revisions_to_keep( $num, $post ) { return 0;}
WordPress禁用某種文章類型的修訂版本的代碼 ▼
// WordPress禁用某種文章類型的修訂版本
add_filter( 'wp_revisions_to_keep', 'cwl_wp_revisions_to_keep', 10, 2 );
function cwl_wp_revisions_to_keep( $num, $post ) {
if ( 'post_type' == $post->post_type ) { //引號(hào)中post_type改為你想禁用修訂版本的文章類型
return 0;
}
return $num;
}
至于WordPress自動(dòng)草稿，你無(wú)法禁用它們，有個(gè)重要的原因。
Audrey Capital（Matt Mullenweg 的天使投資公司）的技術(shù)忍者 Samuel ‘Otto’ Wood說(shuō)：
之所以存在自動(dòng)草稿，是因?yàn)槎鄠€(gè)用戶可以同時(shí)創(chuàng)建新帖子。如果兩個(gè)人幾乎在同一時(shí)間進(jìn)入 post-new，然后他們的第一次自動(dòng)保存幾乎同時(shí)發(fā)生，那么就會(huì)出現(xiàn)競(jìng)爭(zhēng)條件，可能導(dǎo)致其中一個(gè)人取回錯(cuò)誤的帖子 ID，這將導(dǎo)致帖子被覆蓋/丟失，當(dāng)他們繼續(xù)編輯帖子時(shí)。
自動(dòng)草稿會(huì)在顯示編輯屏幕之前創(chuàng)建帖子并獲取新帖子的 ID，從而防止兩個(gè)同時(shí)作者在瀏覽器的數(shù)據(jù)中意外地?fù)碛邢嗤奶?ID。
負(fù)責(zé) WordPress 的 TinyMCE 集成的 Andrew Ozz說(shuō)：
這也使得在保存第一個(gè)草稿之前上傳圖像成為可能，并且它們將準(zhǔn)確地附加到新帖子中。
對(duì)于使用帶有古騰堡編輯器的 WordPress 5.0+ 版本的人，下面的代碼片段可以禁用自動(dòng)草稿/保存 ▼
/**
* 禁用古騰堡編輯器自動(dòng)保存 (間隔 3600秒)
*/
add_filter( 'block_editor_settings', 'cwl_block_editor_settings', 10, 2 );
function cwl_block_editor_settings( $editor_settings, $post ) {
$editor_settings['autosaveInterval'] = 3600;
return $editor_settings;
}
希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《WordPress文章如何禁止自動(dòng)保存草稿/禁用修訂版本？》，對(duì)您有幫助。
