Home › Forums › Bee WordPress Theme › Add new social media
- This topic has 17 replies, 4 voices, and was last updated 12 years, 2 months ago by
Johnny.
-
AuthorPosts
-
November 18, 2013 at 3:05 pm #1504
bugsy
ParticipantHi.
How can I add some new social media link and icon? e.g. http://vk.com
November 19, 2013 at 8:30 am #1510Johnny
ParticipantHi, add new social media here from backend: bee/layout settings/social medias section, click plus icon button,
Thank youNovember 23, 2013 at 2:43 pm #1563bugsy
ParticipantI mean NEW social media, but not presented for Bee. I want to add http://vk.com to social media list of Bee.
There it is their logo https://pp.vk.me/c424830/v424830492/6803/DgD9N8W8Ces.jpgNovember 25, 2013 at 5:27 am #1577Where do you put the icon? in header?
November 25, 2013 at 9:23 am #1585bugsy
ParticipantI want to put it everywhere, like Facebook and others.
In header settings, in icon text module, in team members settings and other.http://i.imgur.com/edzTm7p.jpg
What do you think about it?
November 26, 2013 at 7:46 am #1599bugsy
ParticipantOf course.
Can you add this social media in next versions of Bee?
Because it is in World Top Ten Social Networks.By the way, I want to know how to add vk.com in ‘share’-section of posts.
And to ‘Social Networks Icons’-widget too.Maybe I missed something?
November 26, 2013 at 8:04 am #1602If you want to add the new icons, Please follow
1. Please first update to v1.4.1 or newer version
2. Import a icon font css, suggest font-awesome,
paste the code before
</body>in bee/footer.php
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">Paste the code in line 35 /bee/functions/pagebuild/pagebuilder-admin.php
wp_enqueue_style('newiconfont-style', '//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css');3. Add the social option.
3.1) Add the option to IconBox / Icon List Module
You could get the from the font-awesome page(http://fontawesome.io/icons/), for example, the VK is “fa fa-vk”
Add code ‘fa fa-vk’ to line175 of /bee/functions/pagebuild/pagebuilder-modules.php
3.2) If the icon is used for social icon in header and moudles(Team/ImageBox) . You need to:
add code:
array( 'name' => __('VK','ux'), 'icon' => 'fa fa-vk', 'icon2' => 'fa fa-vk', 'slug' => 'VK', 'dec' => __('Visit VK page','ux') )to line 454 of /bee/functions/functions.php
add code:
array( 'name' => __('VK','ux'), 'icon' => 'fa fa-vk', 'slug' => 'vk' )to line 346 of /bee/functions/functions.php
3.3) For header icon, you could add the css code to last line of bee/style.css
#sidebar .social_active .fa-vk { color:#3B5998 } #header_wrap .social_active span .fa-vk{ color:#fff; background-color:#3B5998;}3.4) Note: because the icon style is different, you could add a set of social icons as the 3.1-3.3
4. For sidebar and footer widget, you could replace a icon that you do not use.
If you don’t use Rss, you could change line133 the functions/widget-social-icons.php as:
echo '"><i class="fa fa-vk"></i></a>' ;If you have trouble to read the guide, Plesae download(http://d.pr/f/VSy ) , some main template files was changed as the “VK” sample. You could replace the files in theme folder as the guide.
November 26, 2013 at 8:06 am #1603Sure. We’ll add the VK as presented of Bee in next version, maybe 1.4.2.
November 26, 2013 at 10:30 am #1611bugsy
ParticipantOh, thank you!
November 26, 2013 at 3:01 pm #1617bugsy
ParticipantThanx to you I`ve add VK-icon to header and to footer widget.
But what about “Share”-section in posts?Will you add “share to VK”-function in next version of Bee?
Or maybe you write some guide?November 27, 2013 at 9:15 am #1631Hi,
Sorry. The VK share icon is not in the plan. I’ll give you guide after the new version is release.
Best
November 27, 2013 at 10:10 am #1634bugsy
ParticipantThank you
December 3, 2013 at 1:58 pm #1721bugsy
ParticipantWell, new version is released.
I still need some guide to add “share to VK”-function.Please.
December 4, 2013 at 6:23 am #1731Johnny
ParticipantHi, you can add vk social icon from backend, bee/layout settings/social medias has added vk option, see attached image,
Thank youDecember 4, 2013 at 1:06 pm #1739bugsy
Participanturmyfriend, did you read prev. posts of this thread? 🙂
you are already post same message before.BWSM written:
Sorry. The VK share icon is not in the plan. I’ll give you guide after the new version is release.
new version is released and I still need some guide from BWSM.
wbr.
December 5, 2013 at 4:26 am #1753Hi
I made some test, I did not find the way to show the share count from VK unless use the default VK api. But the default vk api UI is different of Bee’s. It looks ugly.
There is the no-showing-count VK share-button guide(base on Bee 1.4.2):
1) Download the zip file and unzip it
2) Replace:
style.css in bee folder
custom.pagebuild.js and custom.theme.js in bee/js folder
functions-view-module.php in bee/functions folder
post-social.php in bee/template folderBest!
April 12, 2014 at 11:31 am #3018agenciz
Participanthello,
i want to add VIADEO icon in social share in the footer.
is it possible ?
the icon is not in the Fontawesome set.
best
April 12, 2014 at 11:33 pm #3021Johnny
ParticipantHi, sure you can. but first you should add this icon font to your font lib.
Best -
AuthorPosts
- You must be logged in to reply to this topic.
