{"id":1121,"date":"2020-07-14T11:28:12","date_gmt":"2020-07-14T11:28:12","guid":{"rendered":"http:\/\/pwa-for-wp.com\/docs\/?post_type=ht_kb&#038;p=1121"},"modified":"2020-07-14T11:46:07","modified_gmt":"2020-07-14T11:46:07","slug":"how-to-setup-ios-splash-screen-in-pwa","status":"publish","type":"ht_kb","link":"https:\/\/pwa-for-wp.com\/docs\/article\/how-to-setup-ios-splash-screen-in-pwa\/","title":{"rendered":"How to setup iOS Splash Screen in PWA"},"content":{"rendered":"\n<p>In this tutorial, I am going to show you How to setup iOS Splash Screen in PWA for this follow the below steps.<\/p>\n\n\n\n<p>You will find this option in the&nbsp;<strong>WordPress Dashboard<\/strong>&nbsp;-&gt;&nbsp;<strong>PWA<\/strong>&nbsp;-&gt;&nbsp;<strong>Settings<\/strong>&nbsp;-&gt;<strong>&nbsp;Setup<\/strong>&nbsp;-&gt; Click&nbsp;<strong>General<\/strong> option-&gt;  Click on the &#8220;<strong>Setup Splash Screen for iOS<\/strong>&#8221;  option and choose <strong>Automatic<\/strong>&nbsp;or&nbsp;<strong>Manual&nbsp;<\/strong>option like below the screenshot.  like below the screenshot.    <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"636\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/5-1024x636.png\" alt=\"\" class=\"wp-image-1122\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/5-1024x636.png 1024w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/5-300x186.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/5-768x477.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/5-50x31.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/5-60x37.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/5-100x62.png 100w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/5.png 1120w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"automatic\"><strong>Automatic<\/strong><\/h4>\n\n\n\n<p>Once you select <strong>Automatic<\/strong>&nbsp;option then you need to \u201c<strong>Select Image(Only PNG)<\/strong> In this option, you can drag-and-drop or use the Choose File button and you can set the background color as well and then click on the &#8220;<strong>Generate<\/strong>&#8221; button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"949\" height=\"316\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/6.png\" alt=\"\" class=\"wp-image-1123\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/6.png 949w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/6-300x100.png 300w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/6-768x256.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/6-50x17.png 50w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/6-60x20.png 60w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/6-100x33.png 100w\" sizes=\"auto, (max-width: 949px) 100vw, 949px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"manual\"><strong>Manual:<\/strong><\/h4>\n\n\n\n<p>Once you select the\u00a0<strong>Manual\u00a0<\/strong>option you can manually add icon and then click on the \u201c<strong>Save Setting<\/strong>\u201d button.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"674\" height=\"1024\" src=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/7-674x1024.png\" alt=\"\" class=\"wp-image-1125\" srcset=\"https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/7-674x1024.png 674w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/7-198x300.png 198w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/7-768x1166.png 768w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/7-33x50.png 33w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/7-40x60.png 40w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/7-66x100.png 66w, https:\/\/pwa-for-wp.com\/docs\/wp-content\/uploads\/2020\/07\/7.png 932w\" sizes=\"auto, (max-width: 674px) 100vw, 674px\" \/><\/figure>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope we\u2019ve clear your doubts in case If you have any feedback or questions, Just contact us&nbsp;<strong>here and<\/strong>&nbsp;we are always available for you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, I am going to show you How to setup iOS Splash Screen in PWA for this follow the below steps. You will find this option in the&nbsp;WordPress Dashboard&nbsp;-&gt;&nbsp;PWA&nbsp;-&gt;&nbsp;Settings&nbsp;-&gt;&nbsp;Setup&nbsp;-&gt; Click&nbsp;General option-&gt; Click on the &#8220;Setup Splash Screen for iOS&#8221; option and choose Automatic&nbsp;or&nbsp;Manual&nbsp;option like below the screenshot. like&#8230;<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[6],"ht-kb-tag":[],"class_list":["post-1121","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-how-to"],"_links":{"self":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/comments?post=1121"}],"version-history":[{"count":4,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1121\/revisions"}],"predecessor-version":[{"id":1129,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1121\/revisions\/1129"}],"wp:attachment":[{"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=1121"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=1121"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/pwa-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=1121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}