え、これでWebページが開いちゃうの?ホーム画面に、かわいいSafariのウィジェットを追加する方法を伝授!
isuta / 2022年6月24日 21時0分
iPhoneユーザーの方は、ホーム画面を自分らしくカスタマイズしている人も多いと思います。
今回は、ウィジェットアプリ「Widgy」を使って、自分流にアレンジしたSafariのウィジェットを作成する方法をご紹介。
設定の工程はちょっぴり多めだけれど、とってもかわいく仕上がるのでぜひチャレンジしてみてくださいね。
オリジナルのSafariウィジェットで、ホーム画面をかわいくアレンジ
完成したオリジナルの検索ウィジェットはこんな仕上がり。検索窓をタップすると、Safariが開くようになっていますよ。
それでは早速、設定を進めていきましょう。
まずは、ウィジェットの背景透過用に、ホーム画面を長押しして、アイコンが無い右端のページをスクショしておきます。
準備が整ったら「Widgy」を開き、管理タブの『透明用背景を設定』から、先ほどのスクショ画像を設定。
次に、クリエイトタブの『クリエイト』ボタンをタップし、「Widgy 中」を選んでください。
『新しいレイヤーを追加』から、「形状」を選択。ウィジェット内の、検索欄になる部分を作っていきますよ。
フレームの位置を下方向に1000、サイズを横1600×縦400で設定。
操作タブにある、『エフェクト』へと進みましょう。
ここで、フレームを丸くトリミングするため「角丸」を50%にし、「ドロップシャドウ カラー」に黒を選び、数値を3に設定します。そして、「ぼかし」の項目も数値を3にしてください。
ここまで出来たら『エフェクト』タブの並びにある、左端の矢印ボタンをタップ。
新しいレイヤーを追加し、次は『シンボル』をセレクトしますよ。
クローバーのアイコンで『シンボル』タブに切り替え、「Apple SF シンボル」を選択。
虫眼鏡の絵文字を選び、「フレーム」タブでウィジェットの検索部分に配置するよう、サイズや位置を調整しましょう。
配置場所が決まったら、「フレーム」タブ横の矢印でレイヤーページに戻ります。
プラスマークから、『タップアクション』を追加。
ここで、ウィジェットの検索欄をタップしたら、Safariが開くよう設定していきますよ。
アクション部分を検索欄と同じ位置/サイズに調整し、操作タブの『アクション』を選択。
Appleのアプリにある「Safari」を選んでください。
再びレイヤーページに戻るため、タブ横の矢印をタップ。
新しいレイヤーを追加から『画像』を選びます。
フレームのサイズを縦/横1600にしたら、『画像』タブを開きましょう。
ここで、Widgyの「透明用背景」を選べばOK!最初に設定したホーム画面のスクショ画像が、ウィジェットの後ろに表示されますよ。
これでウィジェットの基礎部分が完成しました。
テキストや画像を加えて、自分らしいウィジェットデザインに
ここからは、作成したウィジェットをかわいくアレンジしていきます。
プラスマークから『テキスト』をタップ。
『テキスト』タブで、フォントをお好みのスタイルに変更し、
右端の『置き換え』タブの「カスタムテキスト」で、好きなメッセージをテキスト部分に打ち込んでください。検索を意味する、“Search for”などと入れておくとおしゃれかも!?
このままだとウィジェット内が少し寂しいので、アイコンとなるような画像を検索欄の上に配置しますよ。
プラスボタンから『画像』を選択。
「PhotoRoom」などの加工アプリで事前に切り抜いておいた透過画像を、システムの『写真ライブラリ(透過PNG)』から貼り付けます。
画像のサイズ位置を微調整したら、ついにウィジェットの完成ですよ!
作成したウィジェットを保存するため、画面左上の矢印をタップし、『確認』を押しましょう。
そして、『管理』タブの「Widgy スロット 中」に、作成したウィジェットを設定。
ホーム画面のどの部分にウィジェットを配置するか指定したら、設定完了です。
アプリを閉じ、ホーム画面のウィジェット追加操作で「Widgy」を選択すると、作成したウィジェット画像が表示され、これを追加すればOK。
ウィジェットをタップすると、自動でSafariが開く!
完成したホーム画面では、自作ウィジェットの検索欄をタップすると、Safariが自動で開く仕組みがバッチリ作動しました。
“え、それどうなってるの?”って友達から質問攻めにあっちゃいそうな、おしゃれウィジェットをぜひ作ってみてくださいね。
アプリはこちらから
外部リンク
この記事に関連するニュース
-
Appleが公式LINEをスタートしたの知ってる?友だち登録でもらえるステッカーデザインの限定壁紙が話題だよ
isuta / 2024年7月18日 9時0分
-
iPhoneホーム画面のカスタマイズは純正アプリが一番かも?実は便利なデフォルトのウィジェット5選
isuta / 2024年7月12日 20時0分
-
iPhoneの文字入力でGoogleの「Gboard」を使うメリットはある?|iPhoneでGoogle
&GP / 2024年6月26日 22時0分
-
紙を広げたらお気に入りの写真が出てくる!超絶かわいいアニメーション動画が「PaperAnimator」で完成
isuta / 2024年6月22日 18時0分
-
kintoneでゼロから始めるノーコード開発 第2回 名刺アプリを作ってみる - 作成手順、データ入力、閲覧方法を知る
マイナビニュース / 2024年6月21日 11時0分
ランキング
-
1大谷翔平&真美子さんのレッドカーペット中継に… 人気アイドルが「思いっきり映ってる」と話題
Sirabee / 2024年7月18日 15時40分
-
2「縁起の良い数字」のナンバープレートとは? “13種類”の人気番号ってなに? 「358」の気になる意味は?
くるまのニュース / 2024年7月19日 21時10分
-
3毎日テレビをつけっぱなしで寝る夫。年間どれだけ電気代を損している?
ファイナンシャルフィールド / 2024年7月18日 8時50分
-
4「ダメ、ぜったい!」 暑い日の車内に「置きっぱなし」は超危険! 「爆発」の可能性も…! 放置したらいけないものとは?
くるまのニュース / 2024年7月20日 7時10分
-
5「風呂の温度がぬるい!」小柄な女性バイトを狙ってクレームをつける50代男性。県内全てのスーパー銭湯を出禁になるまで
日刊SPA! / 2024年7月19日 8時54分
記事ミッション中・・・
記事にリアクションする
![](/pc/img/mission/mission_close_icon.png)
記事ミッション中・・・
記事にリアクションする
![](/pc/img/mission/point-loading.png)
エラーが発生しました
ページを再読み込みして
ください
![](/pc/img/mission/mission_close_icon.png)