ページの設定内容

Blocs プロジェクトの各ページの重要な詳細を微調整するのに役立つ一連のページ設定が付属しています。

ページ設定へのアクセス

ブレークポイント コントロールの左側にあるマスター メニューから、またはキーボード ショートカットを使用して、現在アクティブなページのページ設定にアクセスできます。 ⌥+⌘+ P.

これらのオプションから、ページ名、ファイルタイプ、言語、グローバル領域が含まれるかどうかなど、ページの多数のプロパティを微調整できます。

ページ名

ページ名は、プロジェクトをコードにエクスポートするときに使用されるファイル名です。

パス

ホームページを除くすべてのページの URL パスはカスタマイズできます。 パス フィールドに入力されたコンテンツは、 サイトのウェブアドレス 完全なページ URL を構成するページ名。 ページ URL のプレビューがパス フィールドの下に表示されます。

ファイルの種類

デフォルトでは、でエクスポートされたすべてのページ Blocs 標準を持っている .HTML ファイルサフィックス、またはファイルタイプ。 特定の状況では、特定のページを次のような別のファイルタイプにエクスポートしたい場合があります。 .PHP • .HTM。 ページのファイルサフィックスを変更するには、単に 左クリック ラベルの付いたドロップダウンボタン ページファイルタイプ 適用するサフィックスを選択します。 これで、プロジェクトをエクスポートすると、このページには、ファイルタイプとして設定したページサフィックスが付けられます。

言語

すべてのWebページには 長い 属性。この属性は、ページのコンテンツの言語を指定します。 で新しいページを作成するとき Blocs、言語属性は最初はに設定されています デフォルト、これを特定の言語に変更したい場合は、 左クリック 言語ドロップダウンで、ページに定義する言語を選択します。 これはコンテンツを選択した言語に翻訳するものではなく、サイトが読み込まれたときにページのコンテンツが特定の言語で書かれていることをブラウザに指示するだけであることに注意してください。

ボディクラス

このフィールドに入力されたクラスは、サイトがプレビューまたはエクスポートされるときに、現在のページのbodyタグに追加されます。 複数のクラスはスペースで区切る必要があります。

サイトのすべてのページにクラスを追加する必要がある場合は、 グローバルボディクラスオプション プロジェクト設定にあります。

固定ビューポート

固定ビューポートとは、モバイルデバイスのユーザーがWebサイトを表示するときにピンチしてズームインできないことを意味します。 これを無効にすると、ユーザーはピンチズームが可能になります。

モバイルズームを許可する

このオプションを有効にすると、メタタグが追加されます user-scalable =” no” これにより、ユーザーはピンチズームジェスチャを使用できなくなります。

トップボタンまでスクロール

ユーザーがWebサイトを表示しているときにページを下にスクロールすると、[上にスクロール]ボタンが表示されます。無効にすると、そのページに[上にスクロール]ボタンは表示されません。

プライマリメニューのリンク

デフォルトでは、すべてのページがサイトのプライマリメニューに自動的に追加されます。プライマリメニューは、すべてのナビゲーションに使用されるコアメニューです。 Blocs プロジェクト。 このオプションを無効にすると、ページリンクがプライマリメニューの項目として自動的に含まれなくなります。

エクスポートから除外

デフォルトでは、プロジェクト内のすべてのページは、エクスポート時に生成されます。 このオプションを有効にすると、プロジェクトのエクスポート時にターゲットページが生成されてメインのエクスポートディレクトリに含まれなくなります。

クレジット Blocs

このオプションを有効にすると、作成されたことを示すページのコードにメタデータが追加されます Blocs。 また、サイトの左下隅に小さなボタンが追加され、 Blocs。 サポートを支援したい場合 Blocs、このオプションを有効にすることは、それを行うための優れた方法です。

グローバルエリアを含める

グローバルエリアはすべてのページに表示されるエリアです。これらを無効にすると、コンテンツがページの一部として含まれなくなります。

SEOの設定

SEO設定を使用すると、SEOのタイトル、キーワード、説明など、ページの重要な検索エンジン最適化情報をすべて微調整できます。

ブラウザのタイトル

このフィールドでは、のコンテンツを設定できます タイトルメタタグ これはブラウザタブに表示され、検索エンジンによっても使用および表示されます。

キーワード

このフィールドでは、のコンテンツを設定できます キーワードメタタグ.

説明

このフィールドでは、のコンテンツを設定できます 説明メタタグ これは検索エンジンによって使用および表示されます。

ロボット

これらのチェックボックスは、SEOロボットのメタデータタグをページに追加します。 これらのタグは、検索エンジンロボットに、ページ上で見つけた情報をクロールしてインデックスを作成する方法を指示するために使用されます。

標準的な

このチェックボックスは、 正規メタタグ 現在のページのURLが入力されたページに移動します。

ソーシャルカード

ソーシャルカードを使用すると、誰かがあなたのページを共有したときにソーシャルメディアプラットフォームに表示されるタイトル、説明、および画像を選択できます。

カスタムコード

Blocs 終了する前にカスタムコードを追加できます , ボディ とオープニング Doctype プロジェクトのすべてのページにタグを付けます。 これは、Typekitや広告スクリプトなどのサードパーティのコードスニペットを追加する場合に役立ちます。

コード領域にアクセスするには、 左クリック ラベルの付いたボタン コードを追加、これにより、サブウィンドウ内の新しいビューに移動し、コードを書き込むためのXNUMXつの大きなテキスト領域にアクセスできます。 コードの追加が完了したら、 左クリック ラベルが付いている左下隅にあるボタン 戻る。 これを行うと、元のページ設定オプションに戻ります。

ページの添付ファイル

Blocs 簡単に追加できます 。Jsの （Javascript）ファイルを本文セクションまたは .css （カスケードスタイルシート）ファイルを任意のページのヘッドセクションに。

あなたは上の完全な記事を読むことができます Blocs ページの添付ファイル （茶事の話はこちらをチェック）.