![]() Here you can make adjustments to background color and type. No matter what you choose to edit, you have the same options both in the normal and the hover state. You can stylize them individually, make them share the same styling, or just go with the official social media icons.Īt this level, you can make edits to this block, in two states: normal and hover. Inside “Style” you can customize the icons while in the normal or hover state. The black ones are the core WordPress ones, while the blue-green ones are the Kubio blocks. Let’s see how Kubio manages to enrich the social icons block with extra styling options.Īfter installing the Kubio page builder, you will notice some extra blocks in the block inserter. ![]() Kubio is a block-based page builder that enriches the Default WordPress editor with new blocks and endless styling options. Now, there’s another method that can help you add and customize social sharing icons on your site.Įnter page builders! How to Add Social Icons to Your Site Using the Kubio Page Builder Lightweight and fast, so that it does not hurt your SEO efforts,.Display social share counts predominantly to encourage more shares.The Social Optimizer feature allows you to create open graph tags and Twitter cards fast,.The Social Analytics feature allows you to understand exactly how your users are engaging with your content on social media,.Here are some of the Social Warfare features we like: The Social Warfare plugin has more than 1,000,000 downloads so far. Now, let’s add some icons from the “+” sign. If you select any other block, the toolbar options will kinda be the same. The moment you finish styling any block you can save it for reuse on the same page or another one. Group more blocks so that you can reposition/drag and drop them together whenever you need,Īnd I saved the best for last: the “Save as reusable block” option.When you want to get out of the HTML editor, you go back to the options and switch to “Edit visually”. The HTML tag for the social icons is the tag, as in an “unordered list”. The moment you select this option you will see the HTML tags that are specific to the block. Insert a new block before and/or after the current one,.Just hit enter when you reach your chosen place for the moved block. Once you select the “Move to” option you can use the keyboard’s arrow keys to move the block where you want. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |