ヘルプセンター
ヘルプセンター
入門
Tildaの仕組み
新しいページを作成する
ページをコピーする
ページを転送する
ページを並べ替える
サイト設定
ドメイン名を購入する
ドメイン名を接続する
DNS を設定する
カスタム ドメイン エラーのトラブルシューティング
ホームページ
ヘッダーとフッター
ウェブサイトのフォントを設定する
コードのエクスポート
プロジェクト譲渡
無料の tilda.ws サブドメイン
色の設定
URL リダイレクトの作成
HTTPS のセットアップ
ページ フォルダ
ページ編集
ナビゲーション メニューを追加する
アンカーと内部リンク
モバイル デバイスでの表示
HTMLコードを埋め込む
Google マップを追加
多言語ウェブサイトの作成
オンラインで公開するための画像の準備
カバーを売り込む
ノンブレークスペース&ソフトハイフン
ページの公開
フィードバック ウィジェットを追加する
Facebookでプレビュー
コメント セクションを追加する
Instagram フィードを埋め込む
投稿一覧または目次ページ
オンラインストアと支払い
オンラインストアと支払い処理
オンライン ストアに商品を追加する
ショッピング カートの設定
製品の直販
支払いシステムの割り当て
Stripeを設定する
PayPal を設定する
2Checkoutを設定する
注文通知の送信
オンライン決済システムなしで販売する
単一の製品の販売
製品バリエーションを追加
配送オプション
補完製品
プロモーション コード (割引) を作成する
フォーム
データ キャプチャ フォームの設定
データ取得フォーム
Eメール
Google Sheets
MailChimp
Google フォーム
SendGrid
センディンブルー
ユニセンダー
アモCRM
パイプドライブ
Zoho CRM
トレッロ
Telegram
Slack
ザピア
メーラーライト
Notion
Salesforce
ハブスポット
ウェブフック
カスタム スクリプト
フォームのエラーを回避する
Monday.com
分析
ウェブサイト統計の追跡
グーグルアナリティクス
Googleタグマネージャー
目標達成率を提出する
SEO
ウェブサイトをオンラインで宣伝する
Zero Block
カスタム ブロックを作成する
レスポンシブ デザイン
キーボード ショートカット リスト
アニメーション
ステップバイステップのアニメーション
Figmaからインポート
メールキャンペーンビルダー
メールの作成、編集、および送信
プランと請求
予定
価格と支払い
サブスクリプションの自動更新をキャンセルする
お支払い確認
Tildaビジネスプランへのアップグレード
特別プラン
開発者向け
HTMLコードを埋め込む
コードのエクスポート
ウェブフック
Tilda API
WordPressプラグイン
チルダヘルプセンター
モバイルデバイスで表示するためにWebサイトを最適化する方法
表示可能領域のさまざまなデバイスでページのビューを設定する
表示可能領域は、特定のタイプのデバイスで表示できるブロックと表示できないブロックを決定する設定です。このパラメーターは、任意のブロックの [設定] パネルで調整できます。
なぜあなたはそれを必要とするかもしれないのか、そしてそれがどのように機能するのか
ブロックがデスクトップでは見栄えが良くても、モバイルでは見栄えが悪い場合は、ブロックの可視性を980px以上に設定することをお勧めします。このようにして、ブロックはデスクトップ指向になり、モバイルデバイスには表示されません。
その後、ブロックをコピーし、設定を調整してモバイルで表示できるように最適化します(画像やフォントなどの変更が必要になる場合があります)。ブロックの表示設定を「0-980px」に設定します。その結果、ブロックのモバイルバージョンを取得します。
結局、PCからあなたのウェブサイトにアクセスする人はデスクトップ版を見て、モバイルユーザーはモバイル版を見るでしょう。
ブロックの可視性は、任意のブロックの[設定]パネルにあるパラメーターであり、特定の画面解像度のデバイスでブロックを表示するかどうかを調整することができます。たとえば、一部のブロックはタブレットでは見栄えがよくなく、他のブロックは携帯電話では見栄えがしません。
例
デスクトップで見栄えの良い表紙ができました。テキストは左側に配置され、メイン オブジェクトは右側に配置されています。では、モバイル デバイスでも見栄えがするように調整してみましょう。
ご覧のとおり、モバイルではカバーが切り取られ、見栄えがよくありません。
モバイルデバイスに表示されないようにするには、カバーブロックの[設定]パネルに移動し、ブロックの表示を「>980px」に設定します。これで、モバイルユーザーには表示されなくなります。
ブロックをコピーします。
モバイル版のブロックを調整し、写真とテキストの配置を変更します。
ブロックの可視性を「≤ 980px」に設定したので、画面が980pxより広いデバイスには表示されません。
終わり!画面幅に応じて表紙の表示が変わるようになりました。
さまざまなデバイスの画面幅の例:
アイフォン5: 320ピクセル
iPhone6: 375px
iPhone6+: 414px
アプリ: 1024 ピクセル
サムスンギャラクシー:360px
ノキルミア:320px
作成日
Tilda