Posted in

Créez vos propres widgets d’écran d’accueil dans iOS 14 pour un iPhone encore plus personnalisé « iOS & iPhone

Create Your Own Home Screen Widgets in iOS 14 for an Even More Customized iPhone


Peut-être la fonctionnalité la plus populaire d’iOS 14, les widgets de l’écran d’accueil sont là pour rester. Apple en a créé une tonne pour ses propres applications, et les développeurs tiers continuent d’en créer pour leurs propres applications. Mais les widgets de l’écran d’accueil vont au-delà puisque vous pouvez créer un widget pour pratiquement tout ce que vous voulez, d’un fil d’actualités personnalisé à une image inspirante du jour – et c’est ainsi que vous le faites.

Grâce à l’application Raccourcis, vous pouvez créer vos propres widgets qui s’affichent dans la galerie de widgets, seulement vous avez besoin d’une application tierce avec son propre ensemble de widgets qui vous permettra de les personnaliser. Il n’y a pas d’action « widget » simple dans les raccourcis, ce qui, nous l’espérons, sera un jour, mais vous pouvez prendre une application centrée sur la création de widgets et utiliser son intégration de raccourcis.

Depuis la sortie d’iOS 14, de nombreuses applications iOS se sont concentrées sur la création de widgets personnalisés. Widgetsmith est un choix populaire, et il y a aussi Widget Wizard et Color Widgets, mais la plupart coûtent de l’argent à l’avance ou nécessitent un abonnement pour être utilisés. Celui que nous aimons s’appelle WidgetPack, et bien qu’il coûte 4,99 $, il existe un moyen de l’essayer gratuitement pour voir si les widgets personnalisés vous conviennent.

Pour d’autres outils de création de widgets, consultez notre liste complète d’applications avec widgets. Il existe des outils qui se concentrent uniquement sur les images (comme Photo Widget.) ou offrent diverses options (comme My Widgets) ou se concentrent davantage sur la conception (comme Color Widgets). Bien qu’il soit encore tôt dans le jeu, nous nous attendons à ce que quelques widgets finissent par se démarquer des autres, avec des centaines d’options, alors soyez à l’affût de cela.

Étape 1 : Installer WidgetPack

Comme mentionné, il existe plusieurs façons d’obtenir WidgetPack ; un qui coûte de l’argent, et un qui n’en coûte pas. Si vous savez que vous aimerez jouer avec vos propres widgets d’écran d’accueil personnalisés (qui fonctionnent également dans la vue Aujourd’hui), obtenez simplement l’application sur l’App Store pour 4,99 $. Cela en vaut la peine, et c’est une excellente introduction à l’art des widgets dans les raccourcis.

Si vous souhaitez l’essayer avant de l’acheter, WidgetPack propose une version bêta via l’application TestFlight d’Apple. Alors installez-le, connectez-vous avec votre identifiant Apple, puis rejoignez gratuitement la version bêta de WidgetPack. Appuyez sur « Démarrer les tests » sur la page bêta et vous accéderez à TestFlight, où vous pourrez installer l’application WidgetPack.

Étape 2 : Choisissez un exemple de widget

Ouvrez WidgetPack et vous verrez plusieurs exemples de widgets déjà créés pour vous, dont certains que vous pouvez modifier pour une touche plus personnelle. Les widgets parmi lesquels vous pouvez choisir incluent :

  • Progression de l’année: Une barre de progression pour 2020, indiquant le temps écoulé au cours de l’année.
  • Grille de raccourcis: présente neuf raccourcis différents que vous pouvez ouvrir. Le widget officiel Shortcuts atteint un maximum de huit et occupe 16 emplacements d’application sur l’écran d’accueil, tandis que celui-ci est plus compact et occupe la moitié de l’espace.
  • Communiqués de presse d’Apple: vous montre les derniers communiqués de presse d’Apple Newsroom.
  • Photo d’astronomie du jour: parcourt les photos du jour de la NASA.
  • Contact de l’écran d’accueil: Ouvre un contact de votre choix, un remplacement décent pour le widget officiel « Favoris » qui a disparu pour l’application Téléphone.
  • D’autres modèles de widgets sont disponibles dans l’application payante.

Pour obtenir un widget, appuyez sur l’un des exemples. Une fois cela fait, vous serez redirigé vers l’application Raccourcis, où vous pourrez consulter le flux de travail du raccourci et l’ajouter à votre bibliothèque. Si vous obtenez une erreur dans Raccourcis indiquant que vous ne pouvez pas l’ouvrir, visitez Paramètres -> Raccourcis, puis activez « Autoriser les raccourcis non approuvés » et réessayez. Ensuite, faites défiler vers le bas de l’aperçu du raccourci et appuyez sur « Ajouter un raccourci non approuvé ».

Étape 3 : Accordez les autorisations de raccourci

Maintenant, dans « Mes raccourcis », appuyez sur le raccourci que vous venez d’ajouter. Selon le widget que vous avez choisi, il peut vous demander d’accéder à un site Web ou à une application tiers. Appuyez sur « OK » sur ceux qui apparaissent. Enfin, il demandera l’accès à l’application WidgetPack, qui est nécessaire pour que le raccourci communique avec son application hôte, alors appuyez sur « OK » ici aussi.

Étape 4 : Ajoutez le widget à votre écran d’accueil

Revenez à votre écran d’accueil, puis accédez à la page où vous souhaitez placer le widget. Appuyez longuement sur le fond d’écran jusqu’à ce que les choses commencent à trembler (il existe également d’autres façons d’accéder à l’éditeur d’écran d’accueil), puis appuyez sur l’icône plus (+) en haut à gauche.

Recherchez le widget WidgetPack, qui peut apparaître immédiatement sous forme d’aperçu. Sinon, faites défiler jusqu’à la liste des widgets, appuyez sur « WidgetPack », choisissez une taille de widget et ajoutez-la à votre page d’écran d’accueil. Certains des widgets ne semblent bons qu’à une taille spécifique. Par exemple, celui des communiqués de presse d’Apple devrait être le rectangle moyen (qui occupe huit espaces d’icônes). Cependant, vous pouvez faire fonctionner la plus grande taille de widget si vous ajustez le raccourci (voir l’étape 5).

Après l’avoir ajouté, vous remarquerez que le widget est vide et indique : « Veuillez configurer ce widget ». Pour le configurer, appuyez longuement sur le widget jusqu’à ce que le menu d’actions rapides apparaisse. Maintenant, appuyez sur « Modifier le widget », puis sur « Choisir » à côté de Nom. Enfin, sélectionnez le widget que vous souhaitez afficher, puis appuyez à l’extérieur du widget pour revenir à la maison et voir tout fonctionner.

Étape 5 : Personnalisez le widget

Chaque raccourci que vous ajoutez à partir de WidgetPack peut être personnalisé. Pour cet exemple, nous allons personnaliser le widget Apple Press Releases, en le transformant en widget High Phone Stories. Pour commencer, appuyez sur l’icône représentant des points de suspension (•••) sur le raccourci dans « Ma bibliothèque ». Ensuite, collez l’un des flux RSS ci-dessous sur le lien RSS de la salle de presse Apple dans la carte d’action « Web ».

Ensuite, faites défiler jusqu’à la dernière action et remplacez « Communiqués de presse Apple » par « High Phone Stories ». C’est ce qui s’affichera lorsque vous choisirez un raccourci dans le widget WidgetPack.

Le widget comporte également une bordure grise et un logo Apple en haut, mais nous pouvons facilement l’échanger contre quelque chose qui ressemble plus à High Phone.

Tout d’abord, trouvez la carte d’action « WidgetPack » qui indique « Hex color from #33333 ». Ce code hexadécimal correspond à la couleur grise typique d’Apple. Pour un look High Phone rouge, utilisez plutôt #df222b. Dans la carte « Hex color from #d6d6d5 », remplacez-la par #ffffff pour le blanc.

Ensuite, allez sur la carte qui dit « SF Symbol » et appuyez sur « applelogo ». Entrez « Actualités » dans la barre de recherche, et choisissez l’icône du journal. Vraiment, vous pouvez choisir tout ce que votre cœur désire ici, d’un glyphe de smartphone à une icône de tempête.

Enfin, faites défiler vers le haut, puis appuyez sur l’icône de points de suspension (•••) en haut à droite. En haut, vous pouvez renommer le raccourci en High Phone afin de le trouver plus facilement dans votre bibliothèque de raccourcis. Vous pouvez également choisir une nouvelle couleur d’icône et un nouveau glyphe si vous le souhaitez, mais ce n’est vraiment valable que si vous ajoutez le raccourci à votre écran d’accueil en tant qu’icône d’application.

Ajoutez un widget WidgetPack à votre écran d’accueil, modifiez le widget et choisissez « High Phone Stories » ou tout ce que vous avez choisi. Comme le widget Apple Press Releases, celui-ci présentera divers titres sur le widget. Si vous appuyez sur un titre, vous serez redirigé vers le site Web où vous pourrez lire l’article.

Vous pouvez apporter d’autres modifications, mais nous voulions juste vous lancer. Explorez toutes les actions du raccourci pour voir ce que vous pouvez et ne pouvez pas ajuster, puis essayez d’ajouter certaines de vos propres actions. Si vous souhaitez commencer par d’autres exemples, consultez certaines des autres applications de création de widgets dans l’App Store.

Étape 6 : créer un widget à partir de zéro

Si vous connaissez un peu la création de raccourcis, vous pouvez créer un widget à partir de zéro dans l’application Raccourcis. Vous avez toujours besoin de l’application WidgetPack (ou d’une autre application de création de widgets) pour en créer une à partir de zéro, car il n’y a aucun moyen d’obtenir un widget dans la galerie de widgets sans elle.

Pour cet exemple, nous allons créer un widget texte simple qui ouvre notre site Web. Maintenant, vous pouvez faire la même chose plus facilement en créant une icône d’application sur votre écran d’accueil à partir de Safari qui ouvre une page Web au lieu d’avoir un gros widget juste pour cela, mais ce n’est qu’une démonstration facile pour vous aider à démarrer.

Dans « Mes raccourcis » dans Raccourcis, appuyez sur l’icône plus (+) en haut à droite. Vous pouvez maintenant commencer à ajouter des actions au flux de travail. Tout d’abord, appuyez sur le bouton « Ajouter une action ».

Recherchez « WidgetPack » dans la barre de recherche, puis appuyez sur l’application WidgetPack lorsqu’elle apparaît. Une liste d’actions compatibles avec WidgetPack apparaîtra. Commençons par « Texte ». Entrez quelque chose dans la zone de texte, qui apparaîtra sur le widget, puis appuyez sur « Afficher plus » pour ajuster la police et la couleur du texte et si vous voulez le mettre en gras, en italique ou le souligner, et plus encore.

Appuyez sur le bouton plus (+) sous la fenêtre d’action pour ajouter une autre action. Cette fois, nous allons ajouter l’action « Mettre à jour le widget », qui renommera le widget et vous permettra d’ajouter un lien. Tout d’abord, changez le nom du raccourci (c’est le nom qui apparaîtra dans le sélecteur de widget WidgetPack), puis appuyez sur « Afficher plus » et entrez l’URL que vous souhaitez ouvrir lorsque vous appuyez sur le widget.

Appuyez sur « Suivant » en haut à droite lorsque vous avez terminé, puis nommez le raccourci, qui est le nom qui apparaîtra dans l’application Raccourcis. Vous pouvez également modifier l’avatar et la couleur du widget, comme indiqué précédemment.

Appuyez sur « Terminé », puis appuyez sur le widget pour l’exécuter et l’ajouter à WidgetPack. Lorsque vous avez terminé, accédez à la page d’accueil et ajoutez un widget WidgetPack. Modifiez le widget et choisissez le raccourci que vous venez de créer. Une fois que vous le faites, vous verrez le texte que vous avez ajouté dans les actions. Appuyez sur le widget pour ouvrir le lien que vous avez inclus.

Étape 7 : Installer certains widgets créés par l’utilisateur

Ne vous inquiétez pas si vous ne savez pas comment créer vos propres widgets, car de nombreuses personnes les fabriquent et les publient en ligne pour les installer gratuitement. Les trouver peut être plus difficile (utilisez le mot-clé WidgetPack sur Reddit et Twitter), mais une fois que vous en avez trouvé un, il est facile de l’ajouter à votre bibliothèque de raccourcis et à votre écran d’accueil.

Par exemple, le widget Reddit, vu ci-dessous, de l’utilisateur Reddit u/Sl0wly-edits, vous montre les trois premiers messages d’un sous-reddit. Vous pouvez télécharger le raccourci du widget 4 par 2 avec le lien ci-dessous ou à partir de leur publication Reddit, qui propose également d’autres raccourcis de widget à essayer.

Une fois que vous avez téléchargé le raccourci Subreddit/Multireddit Feed, faites défiler vers le bas et appuyez sur « Ajouter un raccourci non approuvé » pour l’ajouter à votre bibliothèque. Maintenant, appuyez sur l’icône de points de suspension (•••) sur le raccourci dans « Mes raccourcis » et donnez au raccourci l’accès à WidgetPack. Appuyez sur « Autoriser l’accès », puis appuyez sur « OK » dans la fenêtre contextuelle qui apparaît.

Vous devez maintenant saisir le subreddit ou le multireddit que vous souhaitez voir apparaître dans le widget. Vous verrez une zone de commentaire sur la façon de le formater, puis une zone de texte dans laquelle vous pouvez saisir le texte. Nous avons ajouté r/FrankOcean. Une fois que vous avez terminé, appuyez sur « Terminé » en haut à droite. Exécutez le raccourci Subreddit/Multireddit Feed, puis accordez-lui l’accès à Reddit ; appuyez sur « OK ».

Maintenant, ajoutez un widget WidgetPack 4 par 2 à votre écran d’accueil, modifiez le widget et sélectionnez m/AllApple (qui est le nom WidgetPack pour le raccourci Subreddit/Multireddit Feed). Vous verrez les trois premiers messages dans le subreddit ou le multireddit que vous avez choisi, ainsi que le nombre de votes positifs de chaque message. Malheureusement, vous ne pouvez pas appuyer sur le message pour le voir sur Reddit, vous devrez donc le faire manuellement, sauf si vous personnalisez le raccourci pour ouvrir le lien.

Gardez votre connexion sécurisée sans facture mensuelle. Obtenez un abonnement à vie à VPN Unlimited pour tous vos appareils avec un achat unique dans la nouvelle boutique High Phone, et regardez Hulu ou Netflix sans restrictions régionales, augmentez la sécurité lors de la navigation sur les réseaux publics, et plus encore.

Acheter maintenant (80 % de réduction) >

Autres offres intéressantes à vérifier:

Photo de couverture, captures d’écran et GIF de Nelson Aguilar/High Phone ;

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.