![]() ![]() Then change the title, if you’d like, and click “Add”. From the share window select the Add to Home Screen icon. Just pull open your website on your phone, and click the share icon. Step 5 – Add the Home Screen Phone Icon to Your Phone IMPORTANT!!! remember to change out the path (highlighted in yellow) to the image path you wrote down in the step above. You are going to place this code just above the tag on your website’s main page. Now you just need to add a simple little line of code to the index.php of your site to let phones know that you want it to use your icon whenever someone bookmarks your site or saves your site to their Home screen. Now copy and paste that path to a text document. So, for example, if your website is and you placed your new phone icon in the images folder then you should be able to type in and view your image. ![]() Write down the path to your image and check that your path is correct by typing it into the browser. In the Shortcuts app on your iOS or iPadOS device, tap on a shortcut, then tap to open Details. Remember to name it something relative like apple-touch-icon.png. Most sites will make use of an /images folder, that is always a good location. It needs to be easy to see and not too crowded. Make sure that it’s a simplified version of your logo. Simple copy a URL to your clipboard, paste it into the shortcut, name your app, choose an icon, and add the web clip as an app to your home screen. If you don’t have a photo editor there are quite a few free online editors available as well, just “Google” free online image editor. Step 1: Add the 'URL App' Shortcut The 'URL App' shortcut, from RoutineHub user Changmeister, creates a web clip of any site you want. Modify Your Logoīefore you can create the shortcut you must first modify your icon so that it is properly formatted for the space.Ĭreate a 158 x 158 image on your favorite image editor (we use Adobe Illustrator but Adobe Photoshop works great too). Following the steps below you can create a home screen phone icon that your site visitors can download to their phones that will create a direct link to your website’s home page from your visitors iphone or android phone. If you do not see the icon you uploaded, please double-check that you have followed the steps above, including formatting the file as required.You may want to make it easier for regular site visitors to get to your website faster and easier. Set a title for your Icon and tap Add in the top right On the Add to Home page you should be able to see the icon you uploaded on the left.On your iOS device, open your Safari browser and go to the page on your site that you would like to make a shortcut for.When you're ready to test, simply follow the steps below on your iOS-enabled device (such as an iPad or iPhone): It can take several hours for the icon to update once your site is published. You will need to publish your site for the changes to applyĪdding the Icon Shortcut to Your iPhone Home Screen i think ill depend on chrome (assuming youre using the default browser) instead and not the launcher, because when you add site shortcuts its actually a.Click the Page Settings icon beside the page you would like to add the icon to.This will then display the URL for the icon.Ĭopy and paste this file path exactly as it appears into the code below. To get the file path for the icon that you've uploaded, simply click the link icon on the Files section. This must be the file unique to your site. ![]() ![]() The information following the href is the file path for the file you just uploaded. Once you've uploaded the icon, you will need to add a small piece of code to the Custom of the page you would like to use the icon for - if you want to use it for any page that a shortcut is created for, you'll need to paste the code into each page individually. Find out more about migrating your website and start your free trialtoday. We’d love to help you get more out of being online. Trying to set your home screen icon for your website but not with Create? We make this and all other aspects of website building easy. Once you have created your icon, you can then upload it into the Content > Files area within your Create account (not the images area). This will allow it to be used across all iOS devices - those with regular displays and retina displays too!Īdditionally, in order for the icon to work correctly, it must follow the following specifications: The image for the shortcut must be 150x150 pixels in size. Jump to Adding a Website Shortcut to Your iPhone Home Screen > This article will explain how to set an icon to your website so that when it is saved onto iOS home screens your logo or image of choice will display instead. By default, these shortcuts will display as a screenshot of the website. On iOS devices using the Safari browser, you are able to add a shortcut to your home screen to any website online. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |