スマホやタブレットでの閲覧時、スマホメニューが縦に並ぶ
レスポンシブサイトを作成すると閲覧中のブラウザの横幅に応じて、下記のように表示されます。 ・640ピクセル以下・・・スマホサイト表示 ・641ピクセル～768ピクセル・・・タブレット表示（表示...
カテゴリー動きのあるページを作る（8件）
ブロックアニメーションで動きをつける
ブロックアニメーションの設定をすればページを開いたときに、ブロックをフェードイン、ズームインなど、アニメーションと共に表示させることができます。 ブロックレイアウトの「タブ」「アコーディオン」「フロ...
ブロックを重ねて表示する
ここではブロックエディタの設定により、ブロックを直前のブロックの上に配置させる設定を説明します。スライドショーなど、動きのあるコンテンツ内の上に静止したテキストを表示させることもできます。ブロック...
ヘッダーやフッター、サイドエリアをフロートさせる
「フロート」は、Webページをスクロールしても、特定のブロックをつねに表示する機能です。たとえば、グローバルメニューにフロートを設定すると、Webページをスクロールしても、つねにメニューを表示しておく...
ゴーストヘッダーを設定する
ゴーストヘッダーの設定をすることで、ページのスクロール時、ヘッダー内の指定したブロックを表示させることができます。 フロート設定でも追随するヘッダーの設定は可能ですが、フロート設定はゴーストヘッダー...
スティッキーブロックでコンテンツを印象的に表示する
「スティッキーブロック」の機能で、ページスクロール時に特定のブロックを画面上部に常に吸着させることができます。 ヘッダーやフッターに常にブロックが配置される「フロート」とは違い、どの位置のブロックに...
ページ背景に動画を再生させる
背景動画設定はYouTube動画をサイトのページ背景に設定できる機能です。ページを表示させた後、設定した動画が自動的に再生されるため、インパクトのあるサイトを作成することができます。 背景動画機...
ページ遷移にアニメーション効果をつける
そのページを開いた瞬間に目を惹くページアニメーションを設定することで、サイトを強く印象付けることが可能です。 ページ設定を開く サイトマップから設定したいページの歯車のアイコンをクリックし、プロパ...