Home Forums Bee WordPress Theme Add new social media

This topic contains 17 replies, has 4 voices, and was last updated by  Johnny 2 years, 11 months ago.

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #1504

    bugsy
    Participant

    Hi.

    How can I add some new social media link and icon? e.g. http://vk.com

    #1510

    Johnny
    Participant

    Hi, add new social media here from backend: bee/layout settings/social medias section, click plus icon button,
    Thank you

    #1563

    bugsy
    Participant

    I 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.jpg

    #1577

    BWSM
    Keymaster

    Where do you put the icon? in header?

    #1585

    bugsy
    Participant

    I 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
    http://i.imgur.com/C0y66vh.jpg
    http://i.imgur.com/539lkkK.jpg

    What do you think about it?

    #1599

    bugsy
    Participant

    Of 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?

    #1602

    BWSM
    Keymaster

    If 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.

    #1603

    BWSM
    Keymaster

    Sure. We’ll add the VK as presented of Bee in next version, maybe 1.4.2.

    • This reply was modified 3 years, 4 months ago by  BWSM.
    • This reply was modified 3 years, 4 months ago by  BWSM.
    #1611

    bugsy
    Participant

    Oh, thank you!

    #1617

    bugsy
    Participant

    Thanx 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?

    #1631

    BWSM
    Keymaster

    Hi,

    Sorry. The VK share icon is not in the plan. I’ll give you guide after the new version is release.

    Best

    #1634

    bugsy
    Participant

    Thank you

    #1721

    bugsy
    Participant

    Well, new version is released.
    I still need some guide to add “share to VK”-function.

    Please.

    #1731

    Johnny
    Participant

    Hi, you can add vk social icon from backend, bee/layout settings/social medias has added vk option, see attached image,
    Thank you

    #1739

    bugsy
    Participant

    urmyfriend, 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.

    #1753

    BWSM
    Keymaster

    Hi

    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 folder

    Best!

    • This reply was modified 3 years, 3 months ago by  BWSM.
    • This reply was modified 3 years, 3 months ago by  BWSM.
    #3018

    agenciz
    Participant

    hello,

    i want to add VIADEO icon in social share in the footer.

    is it possible ?

    the icon is not in the Fontawesome set.

    best

    #3021

    Johnny
    Participant

    Hi, sure you can. but first you should add this icon font to your font lib.
    Best

Viewing 18 posts - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.