部品の使い方と入力例

学内WEBサイトの編集で使用できる全18種類のパーツ（コンポーネント）の使い方、主な用途、入力例のガイドです。

作成したいページのイメージに合わせて、適切なパーツを選択して配置してください。

「どんなパーツを使えばいいか分からない」ときは、以下の表から実現したい表現に合うパーツを探してください。

実現したいこと	使用する部品
ページの最上部に大きくメインビジュアルを置きたい	トップの画像（新しいタブで開きます）
区切りの見出しを付けたい	見出し（新しいタブで開きます）
文章、箇条書き、表、リンクを書きたい	本文（新しいタブで開きます）
画像を1枚載せたい	画像（新しいタブで開きます）
複数の画像を切り替えて大きく見せたい	スライドショー（新しいタブで開きます）
リンクボタンを1つ置きたい	ボタン（新しいタブで開きます）
リンクボタンを横並びで複数並べたい	ボタンの並び（新しいタブで開きます）
写真・説明・ボタンをセットにした枠を並べたい	カード（新しいタブで開きます）
見出し・文章・ボタンを組み合わせた紹介枠を作りたい	紹介（見出し・文・ボタン）（新しいタブで開きます）
キャッチコピーや重要なお知らせを枠付きで目立たせたい	目立つ枠（新しいタブで開きます）
よくある質問と回答を折りたたみ形式で掲載したい	よくある質問（Q&A）（新しいタブで開きます）
キャンパスや施設の場所をGoogleマップで表示したい	地図（Google マップ）（新しいタブで開きます）
大学・病院・高専などの主要ポータルへの共通入口を作りたい	入口（大学・病院・高専）（新しいタブで開きます）
お知らせやニュースの一覧を表示したい	記事の一覧（新しいタブで開きます）
関連サイトや学外リンクを一覧枠で整理したい	サイトの一覧（新しいタブで開きます）
実績や数値を強調して見せたい（学生数、就職率など）	数字で見る（新しいタブで開きます）
部署の問い合わせ先や窓口情報を掲載したい	問い合わせ先（新しいタブで開きます）
画面の隅に常に追従・固定表示されるリンクボタンを置きたい	クイックリンク（画面固定）（新しいタブで開きます）

HERO IMAGE

トップの画像

ページの最上部（ヒーローエリア）に設置する大型のメインビジュアルパーツです。