WidgetClub (ウィジェットクラブ)
サムネイル画像

透明ウィジェットの作り方!徹底解説

更新
一気におしゃれになる「透明ウィジェット」の作り方を紹介!iPhoneもAndroidも専用アプリを使用します。ちょっと難しそう….そんな工程も1つずつ手順を追って説明するので、記事通りに進めていけば問題なし!特にAndroidは簡単に設定できます◎ぜひチェックして、垢抜けホーム画面にしましょう。
WidgetClub

ホーム画面をおしゃれにカスタマイズするには専用のアプリが必要!着せ替え素材も全部揃う着せ替えアプリの決定版はこれ!

アプリをチェック

ウィジェットって便利だけど、背景が隠れちゃうんだよなあ…😟 という方必見!実は、背景が透明の「透明ウィジェット」が作成できるんです🎨 複雑そうな工程も1つずつ解説するので、ぜひトライしてみてください!

【Android】透明ウィジェットの作り方

カスタマイズアプリ「WidgetClub」を使用していきます!とっても簡単に背景が透明のウィジェットが作れます🧚 

  1. WidgetClubをダウンロードします。
  2. アプリを開いて「作成」をタップします。
  3. 透明ウィジェットの作り方!徹底解説の画像1枚目
  4. 「ウィジェット」をタップします。
  5. 作成したいウィジェットをタップします。(今回はLargeを選択しました!)
  6. 透明ウィジェットの作り方!徹底解説の画像1枚目
  7. 「背景色」のカラーパレットをタップします。
  8. 下のバーを一番左にします。(0になればOK!)
  9. 透明ウィジェットの作り方!徹底解説の画像1枚目
  10. 「メインカラー」や「フォント」などカスタマイズします。
  11. 「設定」をタップします。
  12. 透明ウィジェットの作り方!徹底解説の画像1枚目
  13. ウィジェットを設定する枠を選択します。
  14. 「ホーム画面に追加しますか?」で「追加」をタップします。
  15. 透明ウィジェットの作り方!徹底解説の画像1枚目
  16. ホーム画面に戻り、枠外をタップします。
  17. 追加されました!
  18. 透明ウィジェットの作り方!徹底解説の画像1枚目

【iPhone】透明ウィジェットの作り方

今回は「Widgy Widgets」というアプリを使用していきます!iOS18での操作方法を紹介するので、前準備としてiOSは最新版にアップデートしておきましょう。

  1. 「Widgy Widgets」をダウンロードします。
  2. ホーム画面を長押しします。
  3. 透明ウィジェットの作り方!徹底解説の画像1枚目
  4. 左にスライドしていき、アプリが何もない画面を出します。
  5. その画面のスクショを撮ります。
  6. 透明ウィジェットの作り方!徹底解説の画像1枚目
  7. 「Widgy Widgets」を開いて「閲覧・検索」をタップします。
  8. 作成したいウィジェットを選択します。
  9. 透明ウィジェットの作り方!徹底解説の画像1枚目
  10. 「Import Widget」をタップします。
  11. 「インポートに成功したました」と表示されたら「キャンセル」をタップします。
  12. 透明ウィジェットの作り方!徹底解説の画像1枚目
  13. 「+クリエイト」をタップします。
  14. 「インポート」から先ほど保存したウィジェットを選択します。
  15. 透明ウィジェットの作り方!徹底解説の画像1枚目
  16. 「Edit As A Copy」をタップします。
  17. 形状の欄の「・・・」をタップします。
  18. 透明ウィジェットの作り方!徹底解説の画像1枚目
  19. 「Delete」をタップします。
  20. 「確認」をタップします。
  21. 透明ウィジェットの作り方!徹底解説の画像1枚目
  22. 「新しいレイヤーを追加」をタップします。
  23. 「画像」をタップします。
  24. 透明ウィジェットの作り方!徹底解説の画像1枚目
  25. 「写真アイコン」をタップします。
  26. 「Widgy」をタップします。
  27. 透明ウィジェットの作り方!徹底解説の画像1枚目
  28. 「透明用背景」をタップします。
  29. 「壁紙を追加」をタップします。※ポップが表示される場合は「Unlock Right Away」をタップしてください。
  30. 透明ウィジェットの作り方!徹底解説の画像1枚目
  31. 最初に撮ったホーム画面のスクショを選択します。
  32. 右上の「☑︎」をタップします。
  33. 透明ウィジェットの作り方!徹底解説の画像1枚目
  34. 点線の四角マークをタップします。
  35. サイズ部分の「+」をタップして、ウィジェットサイズに画像を展開します。
  36. 透明ウィジェットの作り方!徹底解説の画像1枚目
  37. 左上の「<」をタップします。
  38. 「確認」をタップします。
  39. 透明ウィジェットの作り方!徹底解説の画像1枚目
  40. 「管理」をタップします。
  41. 先ほど作成したウィジェットサイズをタップします。
  42. 透明ウィジェットの作り方!徹底解説の画像1枚目
  43. 「ユアーズ」から再度、作成したウィジェットをタップします。
  44. 壁紙のウィジェットを設定したいエリアを選択して「✔︎」をタップします。
  45. 透明ウィジェットの作り方!徹底解説の画像1枚目
  46. 「テーマを適用しますか?」の表示が出たら「YES」をタップします。
  47. ホーム画面に戻り、長押しします。
  48. 透明ウィジェットの作り方!徹底解説の画像1枚目
  49. 左上の「編集」をタップします。
  50. 「ウィジェットを追加」をタップします。
  51. 透明ウィジェットの作り方!徹底解説の画像1枚目
  52. 「Widgy」を検索して、タップします。
  53. 先ほど追加したウィジェットを選択します。
  54. 透明ウィジェットの作り方!徹底解説の画像1枚目
  55. 「ウィジェットを追加」をタップします。
  56. 右上の「完了」をタップします。
  57. 透明ウィジェットの作り方!徹底解説の画像1枚目
  58. 完成です!
  59. 透明ウィジェットの作り方!徹底解説の画像1枚目

背景の壁紙を変える場合は?

壁紙を変更して再度作り直す場合は「透明用背景画像」を登録し直します。ちなみに、すでに作成されているウィジェットの背景も新しいものに上書きされます⚠️

  1. アプリを開いて「管理」をタップします。
  2. 「Setup Transparency」をタップします。
  3. 透明ウィジェットの作り方!徹底解説の画像1枚目
  4. 削除マークをタップします。
  5. 「壁紙を追加」をタップします。
  6. 透明ウィジェットの作り方!徹底解説の画像1枚目
  7. 壁紙を選択して、右上の「✔︎」をタップします。
  8. 完了です!
  9. 透明ウィジェットの作り方!徹底解説の画像1枚目

まとめ

今回は、一気におしゃれ度が増す透明ウィジェットの作り方を紹介しました!ぜひトライしてみてください💞

スマホをもっとおしゃれに♡

Androidのカスタムで紹介したWidgetClubを使えば、スマホがとってもおしゃれに💞ウィジェットだけではなく、アイコンもカスタマイズできるんです!統一感が出て一気におしゃれに🧚ぜひチェックしてみて👇

透明ウィジェットの作り方!徹底解説の画像2枚目

AIキーボード「LeapMe」で仕事効率アップ!

AIが搭載されたキーボード使ったことありますか👀?ちょっとしたLINEのやり取りから、ビジネスメールまで 「言いたいことを入力するだけ」でサクッと返信できちゃう📝とっても便利で一度使ったら手放せない…📱翻訳にも対応しています🌏

透明ウィジェットの作り方!徹底解説の画像3枚目

関連記事

ホーム画面着せ替えに関連する記事

【最新】iPhoneのホーム画面をおしゃれにカスタマイズする方法!
【最新】iPhoneのアプリアイコンの変え方!好きな画像を設定する方法も
Androidのホーム画面をおしゃれにカスタマイズする方法【簡単】
Androidのアイコンを変更する方法!好きな画像にする方法も
iPhoneでウィジェットを追加する方法!