§18 Image
Tips
- Alignment を「Left」「Right」に指定すると、直後に指定したBody textなどのコンポーネントはPC画面の場合、画像の右、もしくは左に回り込む。コンポーネントによって回り込むものと回り込まないものがあり、基本的にBody textは常にうまく回り込むが、その他のものは都度確認が必要
- 画像にリンクが貼れない
- 複数の画像を横に並べることができない
- データグラフなど、画像の背景色を透明にした場合でも、「Caption」「Credit」を入れるとベージュの背景色が表示されてしまう（切り抜き表示ができなくなる）
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
§19 Image & Text List
(TUJ -> iFactory)
Tips
- 画像を最大表示した場合の縦横の比率が固定されている
- リンク先URLを指定すると、TitleとImageに自動的にリンクが設定される。タイトルだけ、画像だけにリンクを貼ることはできない
- Section Headingには自動的に下線が付く
- Full widthのページの場合、Section Heading、Introductionを含め、List ItemはすべてBody textのカラムと同じ横幅で表示される
- テキスト部分の文字の設定が、通常のBody textの文字とは書体・サイズ共に異なり、個別に指定することができない。2カラムにもできない
- Publish済のページを編集する場合、既にPublished済の項目をそのまま編集すると、Save Draftした時にPublishedとして表に出てしまうため、Add Another Itemで新たに追加をして内容を編集するのが良い
- When deleting item from image and text list on a published page, it will NOT affect the publish page. only if you edit existing content will it affect the published version.
Section Heading
Introduction
Title
<Body Text> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis finibus gravida magna at vestibulum. Vestibulum at venenatis libero. Quisque nec nulla metus. Nunc bibendum quam quam, at pharetra est tincidunt imperdiet. Phasellus eget ligula porta, auctor eros eu, consequat ligula. Maecenas cursus leo sed augue luctus malesuada. Fusce et blandit enim.
Title
<Body Text> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis finibus gravida magna at vestibulum. Vestibulum at venenatis libero. Quisque nec nulla metus. Nunc bibendum quam quam, at pharetra est tincidunt imperdiet. Phasellus eget ligula porta, auctor eros eu, consequat ligula. Maecenas cursus leo sed augue luctus malesuada. Fusce et blandit enim. Nullam tellus ipsum, consequat lacinia aliquet et, euismod at nisi. Morbi lectus orci, malesuada in dolor ut, ornare lobortis enim. Vivamus ante magna, varius a lacus in, accumsan condimentum dolor. Nam interdum, nisl vitae dictum vehicula, augue lectus vulputate ante, sit amet facilisis nunc sem ac dui. Praesent urna quam, hendrerit ut ante quis, suscipit sollicitudin erat.
§20 Info Block
Tips
テキストの改行ができないし、文字装飾もできないHTMLフルで使用可（scriptタグ含む） as of Feb 2024リンクが貼れない- FloatをDefaultに設定すると、Body textカラムと同じ横幅で表示される。
- FloatをLeftもしくはRightに設定すると、直後に配置したBody textは回り込む。Full widthページの場合、Info Blockが左側、もしくは右側に飛び出す。また、回り込んだテキストの上端が、Info Blockの上端からはかなり下にずれて表示される。（左サイドバーありのページの場合は、左右が揃い、上端もおおむね同じ位置で表示される）
- FloatをLeftもしくはRightに設定した場合も、2カラムに並べることはできない
Float left / body text wrapping
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Float right / body text wrapping
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
§21 Latest News
Tips
- 特になし
News w/ feature (default)
Featured News
News w/out feature
Featured News
Simple List (rebrand only)
Featured News
§22 Media Grid
Tips
- 特になし
§23 News by Term
Tips
- 2つ以上の項目を入力し、「and」「or」でfilterすることはできない（それぞれの項目で抽出されたものが重複して表示される）
Header
§24 On-page Navigation
Tips
- Titleは必須項目になっていないが、ここに何らかのテキストを入れないと、ページ上では「CONTENTS」と自動的に表示されてしまう（下線付き）
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Anchor01
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Anchor02
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Anchor03
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
§25 People list
Tips
- 本コンポーネントで埋め込んだパーツは別途URLが存在している
- Filterで指定した条件でうまく抽出ができない場合は、「Manual list」にチェックを入れ、個別指定で呼び出す（Includeに名前を入れるなど）
- Having multiple "People List" components on the same page will cause the issue. (Alphabetical order will be broken.)
§26 Person
Tips
- 現状では使用していない