{"id":5076,"date":"2022-02-14T00:04:52","date_gmt":"2022-02-14T00:04:52","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=5076"},"modified":"2022-02-14T21:33:38","modified_gmt":"2022-02-14T21:33:38","slug":"social-icons","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/14\/social-icons\/","title":{"rendered":"Social Icons"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Many designers harmonize the site with social icons in the header or footer. UDesign offers\u00a0<strong>Social\u00a0<\/strong>Widget. With this one, you can customize the shape of social icons in your mind.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"448\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/social-1024x448.jpg\" alt=\"\" class=\"wp-image-5266\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/social-1024x448.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/social-768x336.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">How to create Social Widget?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>. Create, or choose the Column into which you want to add your element. Click on Add New Element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>. Drag UDesign&nbsp;<strong>Social&nbsp;<\/strong>from the element List.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong>. Add share items and set type as design with&nbsp;<strong>Type<\/strong>&nbsp;and&nbsp;<strong>Border Style<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Social Option.<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Share Icons&nbsp;<\/strong>\u2013 You can add many icons such as&nbsp;<strong>facebook<\/strong>,&nbsp;<strong>twitter<\/strong>,&nbsp;<strong>linkedin<\/strong>,&nbsp;<strong>email<\/strong>,&nbsp;<strong>instagram&nbsp;<\/strong>and etc\u2026<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Type<\/strong>&nbsp;\u2013 UDesign&nbsp;<strong>Share&nbsp;<\/strong>offers 4 types of default.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Direction<\/strong>&nbsp;\u2013 This option arrange social link items horizontally or vertically. If you don\u2019t like the default color of share icons, you will customize with&nbsp;<strong>Use Custom Color<\/strong>&nbsp;option.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Share Style.<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">In this options, you can set size of button, icon and space between them.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Many designers harmonize the site with social icons in the header or footer. UDesign offers\u00a0Social\u00a0Widget. With this one, you can customize the shape of social icons in your mind. How to create Social Widget? Step 1. Create, or choose the Column into which you want to add your element. Click on Add New Element. Step [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[32],"tags":[],"class_list":["post-5076","post","type-post","status-publish","format-standard","hentry","category-udesign-elements"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=5076"}],"version-history":[{"count":3,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5076\/revisions"}],"predecessor-version":[{"id":5409,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5076\/revisions\/5409"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=5076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=5076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=5076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}