Adding academic social media icons

Hi,

Sorry for the delay.

We checked the issue but could not get it to work as we are not aware of the location of the required css files and fonts from academicons.

We have removed the below code from functions.php

add_action('wp_head', function() {
?>
 	<link rel="stylesheet" href="https://raw.githubusercontent.com/jpswalsh/academicons/master/css/academicons.css" />
<?php
});

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
	$icons['Google Plus Academic'] = 'academicons_gplus';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

Download the zip from https://github.com/jpswalsh/academicons and upload the required css and fonts to the child theme directory

We have already added the below code to functions.php just edit the social links in the below code where it say’s “https://link.com/GoogleScholar” and “https://link.com/ResearchGate”

//custom icon css
function academicons_styles() {	
	/* Custom Icons */
	wp_register_style( 'academicons', 'https://raw.githubusercontent.com/jpswalsh/academicons/master/css/academicons.min.css' );
	wp_enqueue_style( 'academicons');
}

add_action( 'wp_enqueue_scripts', 'academicons_styles');

//custom icons
function add_custom_icons(){
?>
<script>
jQuery(window).load(function(){

    jQuery('.av-sidebar-social-container .social_bookmarks').append("
 	<li class='social_icon_3'><a target='_blank' href='https://link.com/GoogleScholar' aria-hidden='true' title='Google Scholar'> <i class='ai ai-google-scholar'></i></a></li>
 	<li class='social_icon_4'><a target='_blank' href='https://link.com/ResearchGate' aria-hidden='true' title='Research Gate'> <i class='ai ai-researchgate'></i> </a></li>
");
      
    });

</script>
<?php
}
add_action('wp_footer', 'add_custom_icons');

Best regards,
Vinnie

Hey!

Sorry for my late reply, please check your site. I’ve changed the icon of the gplus social link (it’s set in style.css, no need to edit functions.php). One issue though (unless you plan to only use gplus) is that Academicons only have these glyphs available – http://jpswalsh.github.io/academicons/

Cheers!
Josue

Done, the 3 new custom icons has been added:
http://sabinedoebel.com/wp-admin/admin.php?page=avia#goto_social

To add/remove custom icons you’d just have to modify this function i placed in your child theme functions.php (follow the same pattern):

function avia_add_custom_social_icon($icons) {
	$icons['Ai Research'] = 'ai_research';
	$icons['Ai GoogleScholar'] = 'ai_googlescholar';
	$icons['Ai Academia'] = 'ai_academia';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

Additionally, in child style.css:

#top .social_bookmarks_ai_research a:before {
    content: "\e902"; 
    font-family: "Academicons";
}

#top .social_bookmarks_ai_googlescholar a:before {
    content: "\e900"; 
    font-family: "Academicons";
}

#top .social_bookmarks_ai_academia a:before{
    content: "\e910"; 
    font-family: "Academicons";
}

To get the icon codes (e910, e900, etc):
http://sabinedoebel.com/wp-content/themes/enfold-child/academicons.css?ver=3.5.3.1461188191

Regards,
Josue