5/8/2023 0 Comments Social icons![]() Let's take a look at the specific details for each social media network and the way each platform advises to use their logo and icon: Make sure your brand is the focus - Your content should be more prominent than the social media networks.Use the icons side-by-side for a general "Follow us on social media"."Add us on Snapchat" or "Like us on Facebook. Use a call-to-action alongside an individual icon e.g.There are two acceptable ways of placing the icons:.And remember not to go below the minimum size. Holding down the “Shift” key in most software programs will maintain the proportions while scaling up or down. Maintain its shape and proportions when resizing - Don't stretch the logos and icons if you need to resize them.Maintain a clear space around the logo - Every brand guideline asks you to allow a clear area around their logo so that it's visible.For example, Twitter Blue is different to LinkedIn Blue and Facebook Blue. Use the correct colour versions - Each brand has specific colours.Use approved logo assets - Each brand states that you should only download and use their approved logos and icons.Standard brand guidelines for platformsīefore we start, it's worth noting that some guidelines apply to each social network and the use of their branded assets.Plus, a quick guide to using the text versions of the icons, so that you can copy and paste them into your docs: That's why we've created this resource with every key social media logo and icon in one handy place.īelow you'll find the latest official logos, icons, and brand guidelines for each platform. ![]() We've been there - we know it can be a pain! You're under enough pressure without having to spend time searching online for the latest brand guidelines and assets for every platform. You can add the code to the functions.php of your child theme or by using the Code Snippets plugin.The last thing you should be worried about when working on a new proposal or presentation is whether or not you're using the latest social media logos and icons. You can use the filter hook theme_slug_get_social_svg to add your own custom SVG icon for any menu item URL. The following social networks and services are supported:Įxtend Social Icons menu (for developers) If you add a link to an unsupported website a default icon (star) will be used. The theme will automatically detect the URLs of your menu links and show the appropriate icon. The Social Icons Widget is part of our free Widget Bundle Plugin.Īfter you have installed and activated the plugin, you can use the Social Icons Widget on Appearance → Widgets in your WordPress Backend. In addition, you can also display the Social Icons Menu in a widget. Please note that social icons are not displayed in normal locations like Main Navigation. For example a location for Header Social Icons or Footer Social Icons. Then, assign the Social Menu to the Social Icons menu location.ĭepending on the theme, there might be different menu locations available for social menus. After you have added all your social media sites, don’t forget to save the menu.Īfter you have created and saved your Social Menu, go to the Manage Locations tab. ![]() You can add a new Custom Links menu item for every social media profile you want to include in the social icons. The Link Text is not displayed and only used in the Backend. Then insert a menu name like Social Icons to create the menu.Īfterwards you can add all your social media profiles by using the Custom Links menu type.Įnter the URL to your social media profile like Twitter and Facebook. Go to Appearance → Menus in your WordPress Backend and click on create a new menu. You only have to create a custom menu and add your social media profiles as menu links to it. Social icons are easy to add with our themes.
0 Comments
Leave a Reply. |