ホームページ >CMS チュートリアル >&#&プレス >WordPressのブロックエディターで必要なブロックだけを表示する方法

WordPressのブロックエディターで必要なブロックだけを表示する方法

藏色散人
藏色散人転載
2020-01-03 16:14:053150ブラウズ

次のコラム wordpress チュートリアル では、WordPress ブロック (Gutenberg) エディターで必要なブロックだけを表示する方法を紹介します。必要です、助けてください!

WordPressのブロックエディターで必要なブロックだけを表示する方法

#WordPress の新しいブロック (Gutenberg) エディターがリリースされてから 1 年以上が経過しましたが、役に立つかどうかはさまざまな人々の意見によって異なります。 Gutenberg プラグインの唯一の 2 つ星評価からも、私を含めほとんどの人がまだ適応できていないことがわかります。

長年 WordPress に苦労してきたユーザーにとって、新しいエディターを使い始めるのは難しくありません。ブロック エディターには依然として多くの利点があります。たとえば、ブロック エディターでは、ブロックをブロックに追加できます。記事を編集して、再利用可能なブロックに追加して保存すると、次回使用するときにワンクリックで記事に直接挿入できるのでとても便利です。別の例として、ブロック エディターは WP の統合されたフロントエンド スタイルとスクリプトを使用して、記事内でより複雑な応答性の高いレイアウトを作成できます。

記事がクラシック エディターで書かれている場合、ブロック エディターに移動して編集すると、編集ボックスに「クラシック」という単語が表示されます。会議をクリックすると、クラシック エディターが直接表示されます。ブロック エディター。ツールバーの [ブロックの追加] をクリックして、[形式] で [クラシック] ブロックを見つけて記事に挿入することもできます。以下に示すように、以前のクラシック エディターを使用して double を混合することもできます。前回の記事はブロックなどに。

WordPress ブロック (Gutenberg) エディターに必要なブロックのみを表示する

メリットについて話した後は、デメリット、WP からアップグレード後の宣伝文について話しましょう:

WordPress 5.0 で導入されたブロックエディターは、新しいブロック、より直感的な操作、および改善されたアクセシビリティを提供します。新機能により、エディターのデザインの自由度が高まり、より多くのレイアウト オプションやスタイル変更が可能になり、デザイナーがサイトの外観を完全に制御できるようになります。このリリースでは、ユーザーにデザインの柔軟性を提供し、ブロック エディターと完全に統合された 2020 テーマも提供されます。美しい Web ページや高度なページ レイアウトを作成するのが、これまで以上に簡単になりました。

このエディターは Web デザイナー向けに用意されていることがわかりますが、ほとんどの Web サイト編集者はテキストを入力し、せいぜい画像を追加するだけです。彼らはデザイナーではないので、Web サイトにテキスト入力担当者がいる場合は、非専門家が新しいことを学ぶのは簡単な作業ではありません。同様のエディターは他の Web サイト プログラムでは使用されたことがなく、その「高度なコンセプト」 (実際には、同様の視覚化プラグインが (数年前に) ありました)。多くのテーマ設計者は、元の使用習慣を変えることはユーザーにとって受け入れがたいと考えているため、これが一部の人々が強く反対する理由でもあります。

WP 開発者が反対を押し切って新エディターを推し進めている今、テーマ開発者としては時代の変化に対応していく必要があり、最近では以前のテーマのショートコードをブロック化し、ブロック エディターで、新しいブロックを実装するには多くの JS コントロールが必要です。元の短いコードがわずか数行のコードで実現できる機能が 2 倍になりました。WP をほとんど捨ててきた私のような人にとっては、 10年経つとブロックコードの量は倍増、ベテランでも公式サイトのチュートリアルを読んで段階的に学ぶ必要があり、始めるのは簡単ではありません。

個人的には、WP のプログラム開発の方向性が少し迷っていると思っています。開発者も抜け穴を修正する以外に何をアップグレードすればよいのか分かっていないのかもしれません。皆さんに「驚き」を与える新しいエディタを作りたいです。このブロックエディタは元々他人が開発したプラグインをプログラムに組み込んだだけなので、プラグインとして存在した方が良いと今でも思っています。

上記は新エディターに対する個人的な意見ですが、この記事ではWordPressのブロック(Gutenberg)エディターで必要なブロックだけを表示する方法を記録します。

デフォルトの新しいエディターには多くのブロックがあり、まぶしいです。それらのほとんどは使用できない可能性があります。編集ページの右上隅にある 3 つの小さな点をクリックし、[ツール] → [ブロック マネージャー] をクリックしてキャンセルできます。特定のブロックを分類したり、ブロックの表示を個別にキャンセルしたりすることもできます。次のコードを使用して、表示したくないブロックを直接ブロックすることもできます。

次のコードを現在のテーマ関数テンプレート function.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',
);
// 在页面编辑中单独显示的区块
if( $post->post_type === 'page' ) {
$allowed_blocks[] = 'core/shortcode';
}
return $allowed_blocks;
}

表示するブロック名を追加します。

その他のブロック名:

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のブロックエディターで必要なブロックだけを表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はzmingcx.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。