Mucahit Kokdemir

フロントエンド・モバイルデベロッパー

How to Make a Transparent Widget on iPhone (iOS 26 Liquid Glass)

iPhoneで透明なウィジェットを作る方法(iOS 26 Liquid Glass)

かんたんな答え: iOS 26以降なら、WidgetLoft (旧FolderMini)でグループを開き、グループを編集 をタップして素材を 透明 にします。完全に透明にしたいなら通常の WidgetLoft ウィジェットを、すりガラス風にしたいなら WidgetLoft · Liquid Glass を追加しましょう。どちらも壁紙が見えたまま、アプリのアイコンだけが上に並びます。

塗りつぶしのウィジェットは、こだわって選んだ壁紙を隠してしまいがちです。透明なウィジェットなら写真を見せたまま、アプリをワンタップで開けます。


透明なウィジェットとは

ほとんどのウィジェットは、塗りつぶしや色付きのカードの上に表示されます。透明なウィジェットはそのカードをなくすので、アイコンが壁紙の上に直接置かれているように見えます。ふつうのホーム画面のアイコンと似ていますが、自分で決めた整ったグリッドに並びます。

WidgetLoftでは「透明」にしたグループに対して、2種類の透明スタイルを使えます。

  • WidgetLoft(通常のウィジェット): 背景が完全に消えます。
  • WidgetLoft · Liquid Glass: やわらかなすりガラスの層越しに壁紙が見えるので、にぎやかな写真の上でもアイコンが読みやすくなります。

どちらも、ほかの WidgetLoft ウィジェットと同じく、タイルをタップするとアプリが直接開きます。

ステップ・バイ・ステップ: 透明なウィジェットを作る

  1. グループを開く。 WidgetLoftの グループ タブで、ホーム画面に置きたいグループを開きます(新しく作ってもかまいません)。
  2. 「透明」を選ぶ。 グループを編集 をタップし、素材を 透明 にします。このオプションにはiOS 26以降が必要です。
  3. ウィジェットを追加する。 ホーム画面の空いている場所を長押ししてウィジェットギャラリーを開き、WidgetLoftを検索して WidgetLoft(完全に透明)か WidgetLoft · Liquid Glass(すりガラス)を選びます。別のグループが表示された場合は、ウィジェットを長押しして ウィジェットを編集 をタップし、透明にしたグループを選んでください。
  4. アイコンの見た目を選ぶ。 Liquid Glassウィジェットの場合は 設定 → ウィジェット → ダークアイコンの外観 で、壁紙の上で見やすいほうの ライトダーク を選びます。
  5. 必要ならアプリ名を表示する。 グループの アプリ名 をオンにすると、各アイコンの下にアプリ名が表示されます。

透明、Liquid Glass、カラーの比較

| | 透明 | Liquid Glass | カラー | | --- | --- | --- | --- | | 追加するウィジェット | WidgetLoft | WidgetLoft · Liquid Glass | WidgetLoft | | 見た目 | 完全に透明、アイコンが壁紙の上に | 壁紙の上にすりガラス | テーマカラーの塗り、グラデーションと深み | | 合う壁紙 | 落ち着いたシンプルな背景 | にぎやかな写真や鮮やかな柄 | どれでも、ウィジェットを目立たせたいとき | | ダークアイコン | 自動、ライト、ダーク | ライトかダークのみ | 自動、ライト、ダーク | | iOSのバージョン | iOS 26以降 | iOS 26以降 | iOS 18以降 |

WidgetLoft ではグループごとに素材を選べるので、あるページには透明なグループ、別のページにはカラーのグループ、という組み合わせもできます。レイアウトのヒントは iOS 27のホーム画面アイデア もご覧ください。

iOS 18から25なら「カラー」を使おう

透明はiOS 26より前では使えませんが、カラー 素材はiOS 18以降で使えます。グループを編集 で12のテーマ(Ember、Citrus、Bloom、Dusk、Tide、Aurora、Moss、Neon、Storm、Clay、Ink、Paper)かカスタムを選び、グラデーション をオンにして方向を決め、深み スライダーでカードをフラットにも豊かにも調整できます。壁紙に合うテーマを選べば、ウィジェットがきれいになじみます。

よくある質問

iPhoneでウィジェットを透明にできますか? はい、iOS 26以降でできます。WidgetLoftのグループを「透明」にすると、通常のWidgetLoftウィジェットは完全に透明に、WidgetLoft · Liquid Glassはすりガラス風になります。

「透明」を選べないのはなぜですか? 「透明」にはiOS 26以降が必要です。iOS 18から25では、12のテーマ、グラデーション、深みを備えた「カラー」素材を使ってください。

Liquid Glassウィジェットはダークモードに合わせて切り替わりますか? 自動では切り替わりません。設定 → ウィジェット → ダークアイコンの外観で、ライトかダークのアイコンを選びます。通常のWidgetLoftウィジェットは「自動」でデバイスに合わせられます。


壁紙をもっと見せたいですか? App StoreでWidgetLoftをダウンロード して、最初の透明ウィジェットを作りましょう。