قالب وردپرس درنا توس
Home / Tips and Tricks / How to Create Custom Widgets on iPhone

How to Create Custom Widgets on iPhone



iPhone users create a custom home screen widget
Khamosh Pathak

Traditionally, the iPhone home screen has been viewed as something that is not customizable. You can now put practically anything on your home screen thanks to the widgets for the home screen. How to create custom widgets on your iPhone.

With iOS 1

4 and higher, you can put widgets on your iPhone home screen. And, thanks to third-party apps, you can create your own widgets. Not only do you get new features on your home screen, but you can create them in your own style.

CONNECTED: How to add and remove widgets from home screen on iPhone

Using widgets, you can add reminders, calendars, photos, batteries, and more to the home screen. Two such apps are covered in this guide.

Widgetsmith gives you a few templates that you can customize. It is an easy to use app. If you’re looking for something a little more complex where you can actually create different layouts in one widget, try the block-based Widgeridoo app.

Create custom widgets on iPhone using Widgetsmith

The Widgetsmith app lets you create widgets for display time, date, calendar, reminders, weather, health stats, tides, astronomy, and photos. Each widget can be customized in small, medium and large sizes. Weather and tidal sections are part of the $ 1.99 / month paid subscription.

The process of customizing the widget is the same. In this example, we’re going to customize a day and date widget with custom fonts and colors.

First, open the Widgetsmith app and go to Settings> Permissions. Here you can grant permissions for functions that you want to use (reminders, calendar or photos app).

Give Widgetsmith permission for photos

Now go to the “My Widgets” tab and tap on the “Add Widget (Size)” for the size of the widget you want to create. In this example we are creating a middle widget. Once created, tap the widget.

Create a new widget in Widgetsmith

Now tap on the widget preview.

In Widgetsmith, tap the widget preview

Under the Style tab, you can see all of the different styles for date widgets. Choose a style here. We go with the “Day & Date” option.

Choose the style in Widgetsmith

Now tap on the “Font” option. We’ll be working with “SF Mono” here to give the widget a retro look.

Choose the font in Widgetsmith

Next, go to the Hue section and choose an accent color. We’re going with “red” here, but you can choose from a dozen options.

Choose the hue color in Widgetsmith

Lastly, go to the Background Color section. Here the default option is black. You can stick to it if you’re using an OLED iPhone with a pure black background. This will make your widget look like it’s floating on the screen. In this example we are using the 90 percent option.

Choose background color in Widgetsmith

You can scroll down and also select a frame. We’ll skip that for now.

Click the Back button and rename the widget to make it discoverable. We’re going with a simple “Red Date” title. Tap the Save button to save the name, then choose Save again to save the widget. The widget is now created.

Rename the widget and tap Save

To add the widget, go to your iPhone’s home screen and press and hold a blank part of the screen to enter the wobble mode. Tap the “+” button in the upper left corner.

On the iPhone home screen, tap Plus

Select the Widgetsmith app from the list of widgets.

Choose Widgetsmith

Now scroll to the middle widget and tap the “Add widget” button.

Tap Add Widget

Since this was the last widget created, the Red Date widget should be displayed here. If it doesn’t, you can tap the widget to see options.

After adding it, tap the widget

Select the option “Widget” here.

Tap on Widget from Options

Select the custom widget that you just created from the list.

Select the widget to add to the Widgetsmith

Now swipe up from the start bar or press the start button to exit the edit view of the start screen.

Widgetsmith Date Widget

And that’s it, you’ve just created a great looking widget and added it to your iPhone home screen. You can return to the Widgetsmith app to create more widgets.

Create custom widgets on iPhone with Widgeridoo

While Watchsmith is great for creating simple custom widgets, Widgeridoo lets you do some really complex things. The best thing about Widgeridoo is how you can combine multiple types of data into a single widget. You create a widget with blocks like Lego.

The free version of Widgeridoo lets you preview widgets. However, to customize and add widgets to your home screen, you’ll need to upgrade to the $ 3.99 Pro plan (this is a one-time purchase).

For example, you can create a widget that shows you the date, your daily steps, upcoming appointments, and the battery life of your iPhone in a single widget. Also, Widgeridoo supports fetching JSON URLs, so you can view newsfeeds in widgets too.

After opening the Widgeridoo app, you will find a collection of ready-made widgets. When you get started with the app, we recommend customizing the Today widget. Tap the Today widget to select it.

Choose Today Template from Widgeridoo

You can preview the widget in small, medium, or large size. Let’s stay with the medium size for now. Tap the Edit button to customize the widget.

In the Widgeridoo widget, tap the Edit button

When you get into the edit view, you will notice that your widget has been expanded to large. You will find empty blocks with “+” symbols. This here is the best or the most frustrating part of Widgeridoo, depending on how you look at it.

This layout function gives you a lot of freedom. You can add any record to any of the rows or columns. You can create more rows / columns. However, Widgeridoo automatically adjusts the layout to different sizes, so you have to tap the “Done” button to see the preview.

Tap the “+” button to display all records.

Tap the plus button to add a block

Select a data type to add to the block. In this example we go with “Distance Today”.

Choose a data type for the block

After you choose one, the preview will appear in the widget itself. You can press and hold a block to drag it to another location.

Tap a block to reveal customization options.

Tap a block to customize it

From here you can change the alignment, font, background color, and foreground color.

Customize the block in Widgeridoo

Tap and hold a block for options. From here you can delete the block or replace it with something else.

Tap the Delete option to delete a block

After customizing the widget, tap the Done button.

Tap the Done button to save the widget

After your widget is ready, you can add it to your home screen. On your iPhone’s home screen, tap and hold an empty part to enter wobble mode. Then tap the “+” button in the top left corner of the screen.

On the iPhone home screen, tap Plus

Scroll down and select the Widgeridoo app.

Select Widgeridoo from the list

Switch to the medium size (or the size of the widget you created) and tap the “Add widget” button.

Tap Add Widget

Once the Widgeridoo widget is added to your home screen, tap on it.

Once added, tap the Widgeridoo widget

In the Selected Widget section, tap the Select button.

Tap the Select from Widget Options button

Here, select the widget that you customized.

Select Widgeridoo's

You will now see the customized widget on your home screen. Swipe up on the home bar or press the home button to exit edit mode.

Widgeridoo Today widget

You can go back and customize one of the other widget templates.


Now that you know how to make custom widgets, create multiple widgets and stack them on top of each other!




Source link