【iOS8】MyShortcutsの通知センター(ウィジェット)のアプリアイコンやテキストサイズを変更して表示幅を変える方法

公開日: : iPhone , ,

00 1413990210

iPhoneの通知センターを超絶便利にしてくれるアプリ「MyShortcuts(マイショートカット)」。
iOS8のウィジェット機能を使って通知センターに好きなアプリを配置し、ホーム画面に戻らなくてもどの画面、アプリからでも任意のアプリが起動できるのがとっても快適です。

<過去記事>
【iOS8】通知センターランチャー化!ウィジェットからホームに戻る、アプリ起動も自由自在!MyShortcutsが本気出したぞ

上記の記事でウィジェットをMyShortcutsでランチャー化するiPhone6での設定方法を書いたのですが、iPhone5や5sだと画面サイズの関係上表示がiPhone6と同じくならない。
そこでウィジェットに表示されるアプリアイコンやアプリ名の文字のサイズの変更方法をご紹介です。

たくろーど(@tkroad)です。こんにちわ。

iPhone5を使っている方から、「【iOS8】通知センターランチャー化!ウィジェットからホームに戻る、アプリ起動も自由自在!MyShortcutsが本気出したぞの方法でうまく表示できないよ!」っていう相談を受けました。
iPhone5とiPhone6とでは、画面サイズの違いによって表示がうまくされないということです。

上記の記事の方法でiPhone5の4インチの画面サイズで設定すると、マイショートカットのウィジェットはこのような表示になります。

30 1413984971

アプリが横にふたつ並びで、6つ表示させたい場合は縦に3列となり縦長になってしまいます。

そこで、iPhone5や5sの4インチの画面サイズで快適に使うためのアプリアイコンやアプリ名文字のサイズ変更方法をメモしておきます。

MyShortcutsのウィジェット上の表示領域の変更

MyShortcutsのウェジェット上の縦の表示領域は設定から行います。

40 mini1413985434

「設定」→「MyShortcuts」→「Today Height」の数値を変更。
横一列なら100くらい。横二列なら200くらいが目安です。
ここはアイコンサイズやテキストフォントサイズにもよりますので、使いやすいように調整しましょう。

アプリへのリンクの表示幅の変更

アプリへのリンクの表示幅はiPhone6では80pxで横一列が3つ並びになります。

50 1413985747

iPhone5で3つ並べたいときはこの幅のサイズを70pxにするとちょうどよい感じです。4つ並べたいときは50pxにするといいです。

変更箇所はMyShortcutsのメモ欄の以下の場所

52 1413985988


<a href=\"textwell:///\" style=\"width:50px; text-align:center; margin:6px 0 12px; display:inline-block\">

53 1413987018

70pxでiPhone5の4インチ画面でも3つ並びに。

54 1413987034

50pxでiPhone5の4インチ画面で4つ並びになりました。

ただし、表示領域の横幅を小さくしたり、アプリ名が長い場合はアプリの名前がかぶっちゃって見にくいという問題が出てきます。

アプリアイコンやアプリ名のテキストサイズを変更

上の方法で横幅表示領域を変更し、アプリ名がかぶっちゃう場合はアプリ名のテキストフォントサイズを変更しましょう。

変更する箇所はこちら。

55 1413987899

 

 


<span style="font-family:メイリオ, Meiryo,sans-serif; font-size:50%">

このようにHTMLに追記すると文字サイズを変更することが可能です。
50%でフォントサイズが半分になるのでお好みで調整しましょう。
アプリ名の長さにもよりますが、だいたい70%に設定すると見やすさが調度よい感じです。

56 4431 2

こちらが表示領域50%にテキストフォントサイズ70%で、iPhone5の4インチ画面に表示させたMyShortcutsランチャーです。

そしてアプリのアイコンサイズの変更もこの数値を変更すれば可能になります。

57 1413988735

こちらも初めは80pxになっていますが、数値の変更でアイコンサイズの変更が可能。でも、あまり小さくなりすぎると見にくいので、ここもお好みで調整しましょう。

丸いアプリアイコンを角丸四角にする方法

アプリのアイコンが丸い表示になっていますが、普通のアイコンのように丸角の四角アイコンがいいという場合はこちらを修正。

58 1413989071

radiusの数値が50%になっていますが25%くらいにするとだいたい本物のアプリの丸角四角サイズになります。ここもお好みで調整しましょう。

59 1413989359

radius:25%に変更すると、丸角四角デザインの標準アプリの見た目に近くなります。

おわりに

ここではiPhone5や5sの4インチサイズでの変更方法の紹介でしたが、5.5インチのiPhone6PlusやiPadの場合は適期数値を調整して、見やすいお好みのサイズに設定すると良さそうです。

それにしてもマイショートカット便利で自由度が高いすね!

うーん\(^o^)/スキッ!

通知センター便利に使いこなしてサクサクとiPhoneを操作しちゃいましょう。

たくろーど(@tkroad)でした。(・ω<)

<関連記事>
【iOS8】通知センターランチャー化!ウィジェットからホームに戻る、アプリ起動も自由自在!MyShortcutsが本気出したぞ
【iOS8】通知センターウィジェットからホーム画面に戻るにはiPhone無料アプリ「Quickiee」が便利
iOS8でもホームボタンを使わずに通知センターからホーム画面に戻れるぞ。【iPhone活用方法】

スポンサードリンク

ad_rspnsbl

Comment

  1. ゆーき より:

    大変役に立ちました。
    ありがとうございます!
    ところでアイコン同士の隙間はどうやったら開けることができますか?
    Lancherみたいにアイコン同士の幅にゆとりがほしいです。
    ちなみにiPhone5使ってます。

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

slooProImg_20141013144139.jpg

【iOS8】通知センターランチャー化!ウィジェットからホームに戻る、アプリ起動も自由自在!MyShortcutsが本気出したぞ

〜〜2014年10月23日追記〜〜 iPhone5sでの設定や、アプリ名の文字がかぶっちゃ

記事を読む

slooProImg_20151112125526.jpg

液晶ディスプレイ画面が割れたiPhoneを中古で買ってAppleサポートで修理して使ってみるといくらでできるのか試してみる

画面の割れたiPhone。 買い替えるか、修理に出すか。 いずれにしてもけっこうなお金が

記事を読む

slooProImg_20151207213103.jpg

iPhoneの写真やニュースアプリからTwitterやFacebookに投稿できないときの対処方法

機種変更などで新しいiPhoneを使い始めたり、バックアップから復元した際に、写真やニュ

記事を読む

20_1412259914.png

SIMフリーiPhoneをIIJmioでアクティベートしてもロックされないぞ。キャリアのSIMもそのまま使える

SIMフリーのiPhone6をみおふぉん(IIJmio)のSIMでアクティベートしました

記事を読む

0000_2486885051

「何のアプリ買ったんだっけ?」クレジット明細を見てビックリしたときiPhoneやMacの購入履歴を確認する方法

photo credit: icedsoul photography .:teymur ma

記事を読む

00_1411388022.png

【SIMフリーiPhone6】キャリアからMVNOにMNPする方法と注意点4つ。auからみおふぉん(IIJmio)への手順編。

iPhone6のSIMロックフリーを購入したので、これを機にキャリアの契約をやめてMVNOへ

記事を読む

slooProImg_20140722222530.jpg

カンタン手軽に写真を合成!iPhone無料アプリ「合成スタジオ」

写真の合成をiPhoneだけでカンタンお手軽に出来てしまう「合成スタジオ」。 画像の切り抜

記事を読む

origin_311380970

【Evernote活用方法】Evernote for Windowのフォントがなんか読みにくいのでデフォルトフォントを変更してみた

photo credit: katiew via photopin cc たくろーど(@t

記事を読む

slooProImg_20140907112924.jpg

iPhoneのZaim入力特化の補助アプリQuickZaimが非常に使い勝手がいいよ

スマホアプリやPCのWebブラウザから簡単お手軽に家計簿がつけられる人気サービスZaim。

記事を読む

slooProImg_20140319225456.jpg

後で読むアプリの決定版Pocketが日本語対応!使いこなすとEvernoteをスリム化できて便利!

Pocketが2014年3月19日のアップデートで日本語に対応しました! こんにち

記事を読む

ad_rspnsbl

  • iPhoneとかガジェットとかラーメンが好物な、たくろーど(@tkroad)が書くライフログブログです。もっと詳しく



    follow us in feedly

PAGE TOP ↑