モジュール
モジュール一覧
見出し
h1
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
h2
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
h3
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
h4
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
h5
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
h6
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキスト・画像レイアウト
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
コンテンツ幅の70％の幅で写真が表示されます。コンテンツ幅の70％の幅で写真が表示されます。コンテンツ幅の70％の幅で写真が表示されます。コンテンツ幅の70％の幅で写真が表示されます。コンテンツ幅の70％の幅で写真が表示されます。コンテンツ幅の70％の幅で写真が表示されます。
コンテンツ幅の100％の幅で写真が表示されます。コンテンツ幅の100％の幅で写真が表示されます。コンテンツ幅の100％の幅で写真が表示されます。コンテンツ幅の100％の幅で写真が表示されます。コンテンツ幅の100％の幅で写真が表示されます。コンテンツ幅の100％の幅で写真が表示されます。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
ボックス（色付き背景・囲み実線）
h2の近くでは使用しません。記事中にh4が多くあったりなど、線が多いと感じた時は背景色のボックスを使います。
h2の近くでは使用しません。グレーの背景色より目立たせたい時に使います。記事中にh4が多くあったりなど、線が多いと感じた時は背景色のボックスを使います。
h4の近くでは使用しません。記事中にh2が多くあったりなど、背景色が多いと感じた時は枠線のボックスを使います。
h4の近くでは使用しません。グレーの枠線より目立たせたい時に使います。記事中にh2が多くあったりなど、背景色が多いと感じた時は枠線のボックスを使います。
テーブル
| 見出し① | 見出し① | 見出し① |
|---|---|---|
| 見出し② | 見出し② | 見出し② |
| 見出し① | 見出し① | 見出し① |
| 内容 | 内容 | 内容 |
| 秋山 太郎 教授 | |
|---|---|
| 主要研究テーマ | 理論経済学、経済成長論、景気循環 |
| 担当科目 | 基礎演習、マクロ経済学入門、経済数学 |
| tbody内の外部リンクはこちら | 基礎演習、マクロ経済学入門、経済数学 |
スクロールテーブル
| 見出し① | 見出し① | 見出し① |
|---|---|---|
| 見出し② | 見出し② | 見出し② |
| 見出し① | 見出し① | 見出し① |
| 内容が入ります。内容が入ります。内容が入ります。 | 内容が入ります。内容が入ります。内容が入ります。 | 内容が入ります。内容が入ります。内容が入ります。 |
| 秋山 太郎 教授 | |||
|---|---|---|---|
| 主要研究テーマ | 理論経済学、経済成長論、景気循環 | 理論経済学、経済成長論、景気循環 | 理論経済学、経済成長論、景気循環 |
| 担当科目 | 基礎演習、マクロ経済学入門、経済数学 | 基礎演習、マクロ経済学入門、経済数学 | 基礎演習、マクロ経済学入門、経済数学 |
リスト
- リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。
- 子リストが入ります。子リストが入ります。子リストが入ります。子リストが入ります。子リストが入ります。子リストが入ります。子リストが入ります。子リストが入ります。
- 子リストが入ります。子リストが入ります。
- リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。
- リストが入ります。リストが入ります。リストが入ります。リストが入ります。
- リストが入ります。リストが入ります。
- リストが入ります。リストが入ります。
- 子リストが入ります。子リストが入ります。子リストが入ります。子リストが入ります。子リストが入ります。子リストが入ります。
- 子リストが入ります。子リストが入ります。
- リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。リストが入ります。
リンク
リンクが入ります。テキストリンクが入ります。リンクが入ります。
- リンクが入ります。リンクが入ります。リンクが入ります。リンクが入ります。
- リンクが入ります。リンクが入ります。リンクが入ります。リンクが入ります。
- リンクが入ります。リンクが入ります。リンクが入ります。リンクが入ります。
- リンクが入ります。リンクが入ります。リンクが入ります。リンクが入ります。
- リンクが入ります。リンクが入ります。リンクが入ります。リンクが入ります。
ボタン
説明・定義リスト
通常
- タイトル（名前など）
- 説明（肩書きなど）
- 説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。
- 説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。
背景付き
- タイトル（名前など）
- 説明（肩書きなど）
- 説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。
- 説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。
写真がある時
- タイトル（名前など）
- 説明（肩書きなど）
-
説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。
説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。説明（プロフィールなど）が入ります。
テキスト関連（強調・フォントサイズ等）
テキスト左寄せ
テキスト中央寄せ
テキスト右寄せ
黒字強調テキストです。テキストを強調したい時に使います。通常はこちらを使います。
赤字強調テキストです。テキストを強く強調したい時に使います。
マーカー強調テキストです。使用頻度は低く、強調としては弱めです。強調するほどでもないけど、本文とは差別化したい時などに使います。
テキストが入ります。文字サイズ７０％のテキストを挿入する際に使用します。テキストが入ります。
フォントサイズ14pxです。
フォントサイズ12pxです。
※ 注意事項が入ります。注意事項が入ります。注意事項が入ります。注意事項が入ります。注意事項が入ります。注意事項が入ります。注意事項が入ります。注意事項が入ります。注意事項が入ります。
縦書きレイアウトです。
お問い合わせ先
h1やh2などが「お問い合わせ先」となっていて、その下にお問い合わせ情報を載せる場合は下記テーブルを使う。
| 住所 | 〒123-4567 神奈川県●●● |
|---|---|
| 電話 | ●●● |
| メールアドレス | ●●●★ynu.ac.jp
※ メールアドレスは「★」記号を「@」に置き換えて送信ください。 |
グーグルマップなどの下にお問い合わせ情報を載せる場合は下記テーブルを使う。
| お問い合わせ先 | |
|---|---|
| 住所 | 〒123-4567 神奈川県●●● |
| 電話 | ●●● |
| メールアドレス | ●●●★ynu.ac.jp
※ メールアドレスは「★」記号を「@」に置き換えて送信ください。 |
google map
カレンダー
下記は教育学部の清里ページ用のサンプルです。先方のアカウント（ユーザー名：ynu.edukaikei PW：e-kaikei）で、グーグルカレンダーのiframeタグを取得。
モーダル表示
グローバルメニューの下にあるタイトルについて
●●●●
●●●● english ●●●●
上記のグローバルメニューの下にあるタイトルには、それぞれグローバルメニュー名と英語名を入れます。例えば教職大学院の「教職大学院について」だと下記のようになります。
教職大学院について（グローバルメニュー名）
About Us（英語名）