コードエディター

Blocs 組み込みのコードエディタが付属しており、さまざまな領域にコードを編集および入力できます。 Blocs ウェブサイトをご覧ください。

重要

ことに注意してください Blocs コード エディターでは、ページのコンテンツ全体を編集することはできません。代わりに、最終的なエクスポートに含めるカスタム コードを追加できるページの特定の領域にアクセスできます。

コードエディタを開く

ジョブがまだ送信されていなければ、ジョブセットアップのどこからでも コードエディター 以内 Blocs、をダブルクリックして コードウィジェット、メインメニューから ウィンドウ>コードエディタ またはキーボードショートカットで ⌥+⌘+C.

コード入力ゾーン

追加された個々のゾーンと同様に コードウィジェット、カスタムコードを入力するために使用できる10個の追加コードゾーンがあります。 Blocs ウェブサイト。ターゲット入力ゾーンは、 右上 コードエディタウィンドウの隅。


PROヒント

キーボード ショートカットを使用して、コード入力ゾーンをすばやく切り替えることができます ⌃ + ⇥ 次の入力ゾーンに移動し、 ⌃ + ⇧ + ⇥ 前の入力ゾーンに戻ります。

プロジェクト入力ゾーン

4つのいずれかのコードに入力される プロジェクト コード入力ゾーンは、Web サイトの各ページの特定のゾーンに含まれます。

ページ入力ゾーン

4つのいずれかのコードに入力される ページ コード入力ゾーンは、現在アクティブなページの特定のゾーンに含まれます。

追加のCSS

このゾーンに入力されたコードはメインに含まれます style.cssの スタイルシート。

ハイパーテキスト アクセス (.htaccess)

このゾーンに入力されたコードは、 .htaccess そのファイル Blocs エクスポートまたは公開時に生成されます。

初心者向けのヒント

ハイパーテキストアクセスコードは、 htaccess.txt ファイルまたは .htaccess ファイル、 htaccess プロダクションモード エクスポート設定で有効になっています。

WordPressの追加機能

このコードゾーンは、プロジェクトの と組み合わせた、シンプルで高性能なLC / MSシステム WordPressに設定されています。ここに追加されたコードは、 のfunctions.php ファイル、これ Blocs エクスポートまたは公開中に WordPress テーマの一部として生成されます。

きちんとした内容

コードエディタの入力ゾーンが 追加のCSS, Blocs コード入力領域の右上隅に小さなボタンが表示されます。このボタンをクリックすると、CSS コードのフォーマットが整えられます (美しく整えられます)。

コードエディタの設定

を設定することが可能です 活字体フォントサイズ Blocs コード入力領域の選択ドロップダウンの左側にある設定ボタンをクリックすると、設定ポップアップからコード エディターにアクセスできます。

7年2025月XNUMX日に更新

この記事は役に立ちましたか?

関連記事