WordPress Gutenberg エディター チュートリアル

WordPress Gutenberg エディター チュートリアル

Gutenbeg は、WordPress 5.0 以降にプリインストールされている新しいコンテンツ エディターで、各コンテンツ要素がブロックで囲まれるモダンでシンプルなライティング エクスペリエンスを実現します。これらのブロックをエディター内で移動したり、設定を変更したり、コードを記述せずにコンテンツ レイアウトを作成したりできます。

以前のデフォルトの WodPess クラシック エディターである TinyMCE は、テキスト編集に重点を置いており、上部に基本的な書式設定オプション用のボタンがいくつかありました。新しい Gutenbeg エディターでは、コンテンツ ブロックの概念を使用して、記事やページ内のテキスト、画像、ファイル、リンクなどのさまざまな要素を追加および編集します。対応するブロック要素をドラッグ アンド ドロップするだけで、Web サイトのコンテンツをすばやく作成できるため、管理やカスタマイズが簡単になります。

WodPess は最適化とアップグレードを続けており、最新バージョンの Gutenbeg エディターは単なるコンテンツ エディターではありません。WodPess テーマの編集やページまたは記事/ページの作成など、Web サイトのカスタマイズのあらゆる側面も含まれており、将来的にはより高度な機能が追加される可能性があります。

任意のブロックを選択すると、他のブロックや要素に影響を与えずに、異なる背景色や書体を設定するなど、個別にカスタマイズできます。これにより、WodPess サイトの編集にさらに多くのカスタマイズ オプションと柔軟性が提供されます。

各ブロックには異なる構成と設計ツールがあります。たとえば、段落ブロックには色や書体を変更するためのツールが付属しています。一方、画像ブロックには、代替テキストを追加したり、画像サイズを調整したりするためのツールがあります。

新しいフルサイト編集アプローチにより、コーディングとカスタム CSS の必要性も軽減されます。新しいブロック エディターでは、theme.json ファイルを制御するグローバル スタイル パネルが導入されています。これにより、ユーザーは、カスタム カラーを追加したり、デフォルトのエディターで直接書体を変更したりするなど、サイト全体のスタイルを変更できます。

新しい投稿またはページを追加すると、WodPess ブロック エディターによって段落ブロックがデフォルトのコンテンツ ブロックとして設定され、コンテンツ ブロック領域に関連するコンテンツを直接入力できるようになります。

ここから「Enter」キーを押してコンテンツにブロックを追加できます。長いテキストを入力するときに便利なように、エディターによって別の段落ブロックが自動的に追加されます。さらに、テキストに他のブロック要素を追加する場合は、画面の左上隅にあるプラス (+) ボタンをクリックし、目的のブロックを選択または検索します。

コンテンツ領域の「+」ボタンをクリックすると、最近使用した 6 つのブロックを含むポップアップ ウィンドウが表示され、よく使用するブロックを簡単に挿入できるようになります。または、検索バーを使用して、コンテンツ作成用の特定のブロックを検索します。

当社は、ワンストップのプロフェッショナルなWodPessウェブサイト構築サービスを提供しており、多数の中国語と英語のテンプレート、豊富で強力なプラグイン、1対1のカスタマイズを提供し、中小企業の対外貿易ウェブサイト構築、ウェブサイト構築、オンラインマーケティングのコストを削減します。詳細については、WodPessウェブサイト構築サービスページをご覧ください。

<<:  Diviテーマはどうですか? Diviテーマの機能

>>:  SSL 証明書ファイルの一般的な形式は何ですか? SSL証明書ファイル形式の説明

推薦する

WordPress でウェブサイトを構築するにはどうすればいいですか? WordPress ウェブサイトを構築する手順とプロセスの紹介

WodPess は、PHP 言語を使用して開発されたコンテンツ管理システムです。ユーザーは、PHP ...

データ運用(公共データの価値を解放するための公共データ認可運用の実践を加速)

公共データの価値を解放するために、公共データの認可と運用の実践を加速する公共データは私の国のデータ要...

製品の操作について(製品操作では、さまざまな段階で製品をどのように操作するかという重要なポイントを常に把握できていません。)

製品運用では、常に重要なポイントを把握できていません。さまざまな段階で製品をどのように運用すべきか!...

通信マーケティング推進計画(通信料金を上げるのは簡単だが下げるのは難しい中で「パッケージフリー」を実現するには?)

通信料金の値上げは簡単だが値下げは難しい状況で、「パッケージの自由」を実現するにはどうすればいいか。...

情報フローにおける広告(コスト削減と効率化、情報フロー広告をどのように推進するか?)

情報フロー広告を推進する際にコストを削減し、効率を高めるにはどうすればよいでしょうか?今日のデジタル...

IndexNow を使用して WordPress ウェブサイトの SEO 最適化を改善する方法

IndexNow は、Microsoft の新しい SEO イニシアチブであり、Web サイトの所有...

戦略的ブランドマーケティング(2023年中国ブランド戦略フルケースマーケティングコンサルティング企業トップ10ランキング発表)

2023年中国ブランド戦略フルケースマーケティングコンサルティング企業トップ10のランキングが発表...

ビジネスを運営するにはどのような能力が必要ですか? (ビジネスを運営するにはどのような基本的な能力が必要ですか?)

ビジネスを運営するために必要な基本的な能力は何ですか?事業者や管理者に求められる要件は、以前とは変わ...

米国で一般的に使用されているいくつかの種類のデータベース

US スペースを選択する場合、通常は、Web サイトで使用されるデータベースの種類に基づいて US ...

Ubuntu 20.04 に PHP7.4 をインストールするチュートリアル

PHP は、最も一般的に使用されているサーバー側プログラミング言語の 1 つです。 WodPess ...

ワイルドカードドメイン名証明書の年間費用はいくらですか?ワイルドカード SSL 証明書の価格表参照

ワイルドカードドメイン名証明書の年間費用はいくらですか?ワイルドカード ドメイン名証明書の価格は、年...

データ操作セキュリティ(周延立:市場経済の状況下でのデータセキュリティとネットワークセキュリティの効果的なソリューションを模索する必要がある)

周延里:市場経済の状況下でデータセキュリティとネットワークセキュリティの効果的なソリューションを模索...

データ操作の職務責任(データアナリストの最も一般的な 5 つの職務責任)

データアナリストの最も一般的な5つの職務多くの人がデータアナリストという職業に興味を持っています。で...

UbuntuにWebminをインストールする方法

ウェブミンUnix ライクなシステムを管理するための使いやすいインターフェイスを提供する Web ホ...

VIブランド企画価格(VI企業文化設計会社、広元キャンパス文化VI設計計画紫龍広告ブランドイメージデザイン)

vi企業文化デザイン会社、広元キャンパス文化viデザイン計画紫龍広告ブランドイメージデザイン企業文...