Skip To Content

HTML と CSS を使用したサイトのカスタマイズ

カスタム HTML と CSS を使用して次のサイトとページのエレメントを構成できます。

  • サイト ヘッダー
  • サイト フッター
  • テキスト カードと行カード
  • メニュー リンク
  • ボタン
注意:

サイトのページとコンテンツ ビューには、そのサイトのヘッダーおよびフッター構成が適用されます。

ヘッダーとフッターへの HTML または CSS の追加

ヘッダーおよびフッターの設定を使用してコードを追加します。 詳細については、「ヘッダー スタイルの選択」または「フッターの作成」をご参照ください。

レイアウトへのカスタムコードの追加

サイトまたはページのレイアウトにコードを追加するには、テキスト カードを使用します。 テキスト カードの [コード ビュー] オプションを使用して、テキスト カードを追加できる場所にカスタム コードを使用してレイアウトを書式設定します。 また、行の設定で CSS を行に適用することもできます。 詳細については、「HTML を使用したテキストのカスタマイズ」をご参照ください。

サポートされている HTML タグ

サイトまたはページに適用した HTML と CSS は、サポートされていないタグがないかを調べるために自動的にスキャンされます。 指定したコードがサポートされていない場合は、そのコードが未処理形式で表示されます。 「HTML 5」と使用したタグに関してインターネット検索エンジンを使用し、有効な代替タグを検索します。 詳細については、「2020 年 9 月に予定されている ArcGIS Hub の HTML ルールの更新」をご参照ください。

注意:

指定したカスタム コードに ADDSTYLE テキストが追加されていることがあります。 これは、サポートされていないタグがないかを調べるためのスキャン中に消去されたコード内の位置を示します。 style タグが 2 つ存在する場合は、たとえば、CSS を 1 つの style タグに移動させます。

関連トピック

詳細については、次のリンクをご参照ください。