Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #168465

    Has this become any easier with the last few updates? I was on 1.8 when I asked this https://kriesi.at/support/topic/using-blogger-icon-in-social-icons-augmenting and just upgraded to 2.2, so I’m hoping maybe there’s a simpler solution now. Please let me know, thanx!

    #168468

    Hi Michae1!

    Check out the blog post that Kriesi just posted and the video I did showing to add your own icons. This is for version 2.3 so you will need to update: http://kriesi.at/archives/enfold-version-2-3-say-hello-to-our-new-iconfont-uploader

    Best regards,
    Devin

    #168482

    Wow. Awesome! Your post is LITERALLY from the future (still Sept here in the states :) )

    Having just upgraded to 2.2, shouldn’t I be able to see the 2.3 “update theme” link in the Enfold options? Because it doesn’t say there is a new update. Just curious to see if that feature is working or not. I did generate and install my TF API key, so, not sure why it’s not working properly.

    Also, I just checked the TF page, and it still says “Update to 2.2” at the top, but the bottom has the 2.3 changes. So, is Kriesi in the middle of an update roll out as I type this? Cause that would be great timing :)

    • This reply was modified 10 years, 6 months ago by Michae1. Reason: Just had an afterthought
    #168487

    The update function checks every 12 hours so give it a few hours and you’ll get the notice.

    #168490

    Great. Thanx! Downloading it manually now. Can’t wait to try out the new icon features. Cheers!!

    #168531

    I just updated to 2.3, and I understand the process for adding the custom icons (in addition to Entypo) but how do I add additional custom icons to the “Social Media Icons” in the header?

    #169245

    Any thoughts here gents?

    #170356

    Hello!

    1) Open up /wp-content/themes/enfold/includes/admin/register-admin-options.php and search for

    
    								"subtype" => array(
    
    									'500px' 	=> 'five_100_px',
    									'Behance' 	=> 'behance',
    									'Dribbble' 	=> 'dribbble',
    									'Facebook' 	=> 'facebook',
    									'Flickr' 	=> 'flickr',
    									'Google Plus' => 'gplus',
    									'Instagram'  => 'instagram',
    									'LinkedIn' 	=> 'linkedin',
    									'Pinterest' 	=> 'pinterest',
    									'Skype' 	=> 'skype',
    									'Soundcloud'=> 'soundcloud',
    									'Tumblr' 	=> 'tumblr',
    									'Twitter' 	=> 'twitter',
    									'Vimeo' 	=> 'vimeo',
    									'Xing' 		=> 'xing',
    									'Youtube'   => 'youtube',
    									'Special: RSS (add RSS URL, leave blank if you want to use default WordPress RSS feed)' => 'rss',
    									'Special: Email Icon (add URL to a contact form)' => 'mail',
    
    								)),
    

    You can add your social media icon to the array. The first value represents the caption in the dropdown, the second value will be used to show embed the icon (icon/character code). We’ll include a filter in the next update which helps you to add a social icon without modifying the theme files.

    Then add following code to functions.php

    
    add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);
    function avia_add_custom_icon($icons)
    {
    $icons['behance']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue915');
    return $icons;
    }
    

    and instead of “behance” insert the option value of your social icon (replace it with the same value you used for the “icon/character code” in step 1). You also need to replace ue915 with the character code of your icon – if you don’t know it you can use fontello.com to look up the default values (click on the social icon and select “Customize Codes”).

    Cheers!
    Peter

    #177750

    Excellent. This worked perfect! Consider the topic resolved. Thank you!!

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Adding Custom Social Icons’ is closed to new replies.