قالب وردپرس درنا توس
Home / Tips and Tricks / How to create widgets with transparent backgrounds on iPhone

How to create widgets with transparent backgrounds on iPhone



An empty space on an iPhone home screen.
Khamosh pathak

While you can completely customize your iPhone home screen with widgets and icons, unfortunately, you can̵

7;t add any empty space between them. However, there is a solution for this!

How to create a transparent widget background with scriptbar

To do this, we use the free app Scriptable to cut out part of the background via a finished script. You do not need to write a line of code! All you have to do is copy, paste and then press the run button.

The way the app does is pretty smart. First, take a screenshot of a blank home screen page. When deciding where to place the widget, Scriptable then cuts the right part of the wallpaper.

RELATED: How to add sticky notes to your iPhone home screen

Once you’ve got a screenshot of your iPhone’s background, just use it as a widget background. This is supported in many third-party apps, such as Widgetsmith, Sticky Widgets and even Scriptable (more on that later).

An iPhone with an empty space on the home screen and one without.

So, first things first: take a screenshot of a blank home screen on your iPhone. To do so, tap and hold an empty part of the iPhone home screen to enter Jiggle mode.

Then swipe to the last page on the home screen (or one that has no app icons or widgets). Press the side buttons and volume up at the same time. If your iPhone has Touch ID, press the side buttons and home buttons.

Press the side and volume up buttons to take a screenshot of your iPhone.

Now navigate to this GitHub page and copy the entire code. Open the Scriptable app, then tap the plus sign (+) at the top right.

Touch the plus sign.

Then double-click on an empty part of the screen and then tap “Paste”.

    Tap

Now that the code has been added, tap the Run icon (it looks like a “Play” symbol) in the toolbar at the bottom.

Touch the Run icon.

If you have followed the steps above and taken a screenshot, tap Continue.

Tap

Select screenshot from the media uploader.

Select the screenshot of the blank home screen.

Select the widget size you want to create (Small, Medium or Large); we chose “Medium”. Then click on where you want to place the widget; we chose “Top”.

Tap where you want to place the widget.

Touch “Export to Photos” to save the image in the Photos app.

Tap

You can now find the widget background in the Photos app.

How to create a widget with a transparent background

Now that you have a transparent background, all that is left is to create a custom widget. In this example, we use Widgetsmith.

RELATED: How to create custom widgets on iPhone

In Widgetsmith, you can create a blank widget (with the image you created above) or use an image as the background for a date and time widget.

Open Widgetsmith and go to the “Widgets” section. We create a medium widget, so we press “Add medium widget” and then select a widget to edit.

Tap

Touch the preview.

Tap the widget preview in Widgetsmith.

On the widget customization screen, tap “Photo Date and Time” in the “Style” section. Tap “Photo” to create a blank widget.

Tap

Touch “Select Photo” in the “Selected Photo” section.

Tap

Tap the image you created in the Script Bar.

Touch the image.

Press the back arrow.

Press the back arrow.

Here you can rename the widget. Press “Save” when done.

Tap

Now it’s time to add the widget to your iPhone’s home screen. Return to the home screen, then press and hold an empty area. Press the plus sign (+) at the top left.

Touch the plus sign.

Tap “Widgetsmith”.

Tap

Go to the widget you want to add and then tap “Add widget”.

Tap

By default, the widget you just created should appear here; if not, tap it to customize it.

Tap the widget for more options.

Touch “Widget”.

Tap

Tap the widget you just created.

Tap the widget you created.

If the widget is not where you want it, you can move it to fit in the background. Touch “Done” when you are happy with the layout of the home screen.

Touch Done.

Now you have a widget with a transparent background! Just repeat the process to create more and use them on all your iPhone home screens.


Want to fit more widgets on your iPhone home screen? Stack them!

RELATED: To create a widget stack on your iPhone Home screen




Source link