在WordPress 區(qū)塊編輯器中只顯示自己需要區(qū)塊的方法

小編給大家分享一下在WordPress 區(qū)塊編輯器中只顯示自己需要區(qū)塊的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

WordPress 新的區(qū)塊（Gutenberg）編輯器，已推出一年有余，好用與否，只能見仁見智了。從Gutenberg插件只有2顆星的評分可以看出，大部分人還是無法適應(yīng)，其中也包括我。

對于折騰多年WordPress的用戶，上手新編輯器沒什么難度，區(qū)塊編輯器還是有很多優(yōu)點(diǎn)的，例如，區(qū)塊編輯器可以將一個添加到文章中并編輯好的區(qū)塊，添加保存到可重用區(qū)塊中，下次使用時直接點(diǎn)一下就可以插入文章中，非常方便。再如，區(qū)塊編輯器可以利用WP已集成的前端樣式和script，在文章中編排出比較復(fù)雜的響應(yīng)式布局等。

如果文章是用經(jīng)典編輯器寫的，當(dāng)轉(zhuǎn)到區(qū)塊編輯器中編輯，在編輯框上面會提示“經(jīng)典”字樣，點(diǎn)開會直接在區(qū)塊編輯器中顯示經(jīng)典編輯器的工具欄，還可以點(diǎn)擊添加區(qū)塊在“格式”中找到“經(jīng)典”區(qū)塊并插入到文章中，同樣可使用之前的經(jīng)典編輯器，混合雙打，如下圖，也可以將之前的文章轉(zhuǎn)換為區(qū)塊等。

在WordPress 區(qū)塊（Gutenberg）編輯器中只顯示自己需要的區(qū)塊

優(yōu)勢說完，再說說劣勢，從WP升級后的宣傳文字：

從WordPress 5.0開始帶來的區(qū)塊編輯器，為您帶來全新的區(qū)塊、更直覺的交互和改良的無障礙訪問。新功能提升了編輯器的設(shè)計自由度，為您帶來更多布局選項和樣式變化，讓設(shè)計師能夠全面控制網(wǎng)站的外觀。這次發(fā)布也為您帶來了二〇二〇主題，給用戶帶來更多的設(shè)計彈性，并與區(qū)塊編輯器完美整合?，F(xiàn)在要建立美觀的網(wǎng)頁及高級頁面布局，是再也簡單不過的事了。

可以看出，這個編輯器是給網(wǎng)頁設(shè)計師準(zhǔn)備的，而大部分網(wǎng)站編輯人員只是簡單的敲些文字，頂多再加個圖片而已，不是什么設(shè)計師，所以你的網(wǎng)站如有文字錄入人員，讓一個非專業(yè)人員學(xué)習(xí)新的東西，可不是一件簡單的事，與之類似的編輯器從未在其它網(wǎng)站程序上應(yīng)用過，其“先進(jìn)的理念”（其實(shí)N年前就有類似的可視化插件了），會讓剛接觸WP的用戶一頭霧水，這也是一些人極力反對的原因，因為很多主題設(shè)計者認(rèn)為改變原有的使用習(xí)慣會讓用戶難以接受。

既然WP開發(fā)者力排眾議強(qiáng)推新編輯器，做為一個主題開發(fā)者，還是要與時俱進(jìn)，近期開始研究將之前主題的短代碼轉(zhuǎn)換為區(qū)塊并集成到區(qū)塊編輯器中，新的區(qū)塊需要大量的JS控制才能實(shí)現(xiàn)，原來短代碼簡單幾行代碼實(shí)現(xiàn)的功能，改成區(qū)塊代碼量成倍增加，對于像我這種折騰WP近10年的老鳥，也需要看官網(wǎng)教程一步步的學(xué)習(xí)，上手難度不小。

個人認(rèn)為WP程序開發(fā)方向有些迷失，可能開發(fā)者除了修補(bǔ)漏洞，也不知道再升級什么了，弄個新編輯器給大家一個“驚喜“ ，我還是認(rèn)為這個區(qū)塊編輯器以插件形式存在更好，因為這玩意本來就是別人開發(fā)的插件，集成在程序中而已。

上面只是個人對新編輯器的看法，本文記錄一下在WordPress 區(qū)塊（Gutenberg）編輯器中只顯示自己需要的區(qū)塊。

默認(rèn)新編輯器區(qū)塊眾多，讓人眼花撩亂，大部分可能都用不到，可以在編輯頁面點(diǎn)右上角三個小點(diǎn)，工具 → 區(qū)塊管理器中，取消某個分類的區(qū)塊或者單獨(dú)取消某個區(qū)塊顯示，還可以通過下面的代碼，直接屏蔽掉不想顯示的區(qū)塊。

將下面的代碼添加到當(dāng)前主題函數(shù)模板functions.php中：

add_filter( 'allowed_block_types', 'zm_allowed_block_types', 10, 2 );
function zm_allowed_block_types( $allowed_blocks, $post ) {
$allowed_blocks = array(
'core/image',
'core/paragraph',
'core/heading',
'core/list',
);
// 在頁面編輯中單獨(dú)顯示的區(qū)塊
if( $post->post_type === 'page' ) {
$allowed_blocks[] = 'core/shortcode';
}
return $allowed_blocks;
}

把想顯示的區(qū)塊名稱添加進(jìn)去即可。

更多的區(qū)塊名稱：

core/shortcode
core/image
core/gallery
core/heading
core/quote
core/embed
core/list
core/separator
core/more
core/button
core/pullquote
core/table
core/preformatted
core/code
core/html
core/freeform
core/latest-posts
core/categories
core/cover (previouslycore/cover-image)
core/text-columns
core/verse
core/video
core/audio
core/block
core/paragraph
core-embed/twitter
core-embed/youtube
core-embed/facebook
core-embed/instagram
core-embed/wordpress
core-embed/soundcloud
core-embed/spotify
core-embed/flickr
core-embed/vimeo
core-embed/animoto
core-embed/cloudup
core-embed/collegehumor
core-embed/dailymotion
core-embed/funnyordie
core-embed/hulu
core-embed/imgur
core-embed/issuu
core-embed/kickstarter
core-embed/meetup-com
core-embed/mixcloud
core-embed/photobucket
core-embed/polldaddy
core-embed/reddit
core-embed/reverbnation
core-embed/screencast
core-embed/scribd
core-embed/slideshare
core-embed/smugmug
core-embed/speaker
core-embed/ted
core-embed/tumblr
core-embed/videopress
core-embed/wordpress-tv

以上是在WordPress 區(qū)塊編輯器中只顯示自己需要區(qū)塊的方法的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！