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証明書ファイル形式の説明

推薦する

ブランド プランナー (ゼロから始める: 優秀なブランド プランナーになる方法)

ゼロから始める: 優れたブランド プランナーになる方法10年の経験を持つプランナーとして、弊社(比較...

製品サプライ チェーン運用 (サプライ チェーンの販売および運用計画 S&OP を理解するための 1 つの記事。収集する価値があります!)

サプライ チェーンの販売および運用計画 (S&OP) を 1 つの記事で理解できます。収集...

商品プロモーションプランの立て方(商品ワークフローと方法論:商品企画設計)

製品のワークフローと方法論: 製品ソリューションの設計(1)製品の戦略的ポジショニングを確立する製品...

商品プロモーション企画(湖北省の国家「学生牛乳飲用計画」推進の始まり)

湖北省が国家規模の「学生牛乳飲用プログラム」推進の新たな章を開始中国教育ニュースネットワーク(記者 ...

レストランのマーケティングプロモーションプラン(収集する価値のあるクリエイティブなレストランプロモーションプラン100選)

集める価値のあるクリエイティブなレストランプロモーションプラン100選店舗にとって、年間を通じて毎日...

WordPressウェブサイトを構築する初心者ウェブマスターが注意すべきいくつかのこと

仮想ホスティング技術の開発と普及が進むにつれ、ウェブマスターにとってウェブサイトを構築することはもは...

オンラインプロモーションと顧客獲得(業界全体に共通する2つの方法、オンライントラフィックと顧客獲得に効果的)

業界全体でオンラインで顧客を引き付けるための2つの一般的な方法2022年、中国の大学入試出願市場の有...

売れ筋婦人服ブランド(国内循環の運命を打破するには、電子商取引は海外に進出するしかなく、海外に進出しなければならない!)

内部競争の運命を打破するには、電子商取引は海外に進出するしかなく、海外に進出しなければなりません。歴...

調味料振興計画(調味料ファーマーズマーケット振興計画(調味料ファーマーズマーケット振興計画のやり方))

調味料ファーマーズマーケット販促計画(調味料ファーマーズマーケット販促計画の立て方)調味料ファーマ...

国内ブランドプロモーション企業(国内ブランド電子商取引代理運営企業トップ10の卓越した実力と市場ポジションを明らかに)

国内ブランド電子商取引代理運営トップ10社の優れた実力と市場ポジションを公開国内電子商取引代理運営ト...

製品操作の主な内容は何ですか? (専攻に応じて方向を選択し、文系、ビジネス系、理系、工学系専攻は自動車業界のポジションを選択できます!)

文系、ビジネス系、理系、工学系など専攻に応じて自動車業界の仕事を選択できます!みなさんこんにちは。...

データ運用の役割(「グローバル運用の考え方の背後にあるデータサイエンス:ビッグデータを活用して戦略を最適化する方法」)

「グローバルな運用思考を支えるデータサイエンス: ビッグデータを活用して戦略を最適化する方法」現代...

代理店情報フロー広告フランチャイズ(フランチャイズ投資とKuaishouプラットフォームへの情報フロー広告の掲載の効果は?)

情報フロー広告の投資とフランチャイズ化はKuaishouプラットフォームにどのような影響を与えますか...

ブランド統合マーケティングプラン(ブランド統合マーケティングコミュニケーションプラン544部(106部))

544 ブランド統合マーケティングコミュニケーションプラン(106 部) 2024年Douyin新...