Studio Help

ボックスの操作方法（画像、テキスト、埋め込み、リストなど）

101件の記事

ボックスの概要

ボックスの追加

ボックスは何重くらいまで入れ子にできますか？

ボックスの選択

ボックスのグループ化とは

親子ボックス

ボックスの配置調整

ボックスを横並び・縦並びに変更する方法

Toggle（トグル）ボックスの追加

エディタ上でボックスが選択できません

画面の下端や右端にボックスを固定配置できますか？

ボックス毎の設定（スタイルバー）

ボックスの配置：相対位置・固定位置・絶対位置・追従位置

ボックスのサイズ単位設定方法

マージン・パディング・ギャップの設定方法

ネガティブマージン

ボックスの表示設定

ボックスへの色の設定方法

ボックスの枠線設定

シャドウの設定方法

ボックスの角丸設定

ブレンドモード・フィルター・背面フィルター

モーダル内でスクロールを設定する方法

斜め背景を作成する方法

複数のボックスの縦幅（高さ）を揃えるにはどうしたら良いですか？

条件付きスタイル

テキスト、リッチテキスト

テキストボックス

リッチテキストボックス

テキストのスタイル変更方法

テキストの文字組み

TypeSquareの使い方

フォントの管理方法

リッチテキスト内で、文字色や文字背景色を部分的に変更する方法

リッチテキストの箇条書きをカスタマイズ・階層化したい

手持ちのフォントをアップロードして使用することはできますか？

フォントの設定・置換・削除方法

フォント選びと使い分けのヒント：システムフォント（System Font）とWebフォント

1プロジェクトで同時に使用できる書体数の上限を教えてください

エディタで設定したフォントがPCやスマホで異なるフォントとして表示されるため、指定したフォントを正しく表示させる方法が知りたいです

Studioで利用できるフォント

画像・動画

画像ボックスの特徴と配置・変更方法

画像スタイルメニュー

画像ボックスのBoxモード・Imgモードとは

画像のalt設定

フリー画像

背景画像を固定表示する方法

画像ボックスのImgモードで縦横比率が崩れます

サイズの大きい画像をアップすると、画質が粗くなってしまいます

画像の比率を固定することはできますか？

画像の配置やトリミング位置をボックス内で調整する方法

動画ボックスの特徴と操作方法

Embedボックス、RSSボックス（埋め込みボックス）

Embedボックスを追加する

YouTube動画をサイトに埋め込む方法

Vimeo動画を埋め込む

X（Twitter）を埋め込む

X（Twitter）フィードを埋め込む方法

Facebookを埋め込む

formrunを埋め込む

Fireworkを埋め込む

HubSpot Formを埋め込む

Googleフォームを埋め込む

Googleカレンダーを埋め込む

Google Mapsを埋め込む

Embedボックスのレスポンシブ対応

Lottieの埋め込みとカスタマイズ

背景動画の設定方法

TikTok動画は埋め込めますか？

エディタやライブプレビューでRSSの表示が更新されません

アイコンボックス

アイコンの変更

アイコンのスタイル変更

Font Awesome アイコンのバージョンアップデートについて

ボックスのID、タグ、リンク設定（ボックス設定パネル）

リンクの種類と設定方法

X（Twitter）シェアボタンの設置方法

「この記事をシェアする」ボタンの設置方法

電話をかけるリンクの設定方法

メールソフトを自動起動するリンク（mailto:）を設定する

ページトップに戻るボタンを配置する方法

ホバー・アニメーション、カルーセル

ローディング風アニメーションの作成方法

ボタンにカーソルを乗せると色が変わるアニメーションの作成方法

ホバーで色が端から変わるボタンアニメーションの作成方法

画像をホバーで切り替える方法

リンクやホバーアニメーションが動作しない時の修正方法

アニメーション

フェードしながらスライド表示させるアニメーションの作成方法

アニメーションの削除・解除方法について

条件付きスタイル「出現時」で設定したアニメーションが表示されない場合の対処法

カルーセルの自動再生はどのように設定できますか？

カルーセルの自動再生機能で、要素の無限ループ再生はできますか？

リスト、コンポーネント

リストの設定方法

リストカルーセルの配置・編集方法

noteのRSS設置手順

リストのアイテムごとにリンクを設定する方法

リストアイテムごとにデザインを変える方法

リスト内アイテムを縦並び / 横並びにしたい

コンポーネントごとにデザインやデータの表示を変える方法

コンポーネント