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
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).
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.
Now tap on 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.
Now tap on the “Font” option. We’ll be working with “SF Mono” here to give the widget a retro look.
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.
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.
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.
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.
Select the Widgetsmith app from the list of widgets.
Now scroll to the middle widget and tap the “Add widget” button.
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.
Select the option “Widget” here.
Select the custom widget that you just created from the list.
Now swipe up from the start bar or press the start button to exit the edit view of the start screen.
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.
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.
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.
Select a data type to add to the block. In this example we go with “Distance Today”.
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.
From here you can change the alignment, font, background color, and foreground color.
Tap and hold a block for options. From here you can delete the block or replace it with something else.
After customizing the widget, tap the Done button.
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.
Scroll down and select the Widgeridoo app.
Switch to the medium size (or the size of the widget you created) and tap the “Add widget” button.
Once the Widgeridoo widget is added to your home screen, tap on it.
In the Selected Widget section, tap the Select button.
Here, select the widget that you customized.
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.
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!