Add New Social Options to the About Me Widget

This is a Developer Level doc.

If you're unfamiliar with PHP and/or editing files, codes and templates, as well as with resolving possible conflict, please seek help from a professional. Under our Support Policy, we don't provide support for modifications and customization.

If you are using OceanWP 2.0.9 version or later, you will need to make corrections to the icon-class part in the code.

Example:

Instead of:

'icon_class' => 'fab fa-tripadvisor',

Use  this:

'icon_class' => oceanwp_icon( 'tripadvisor', false),

You can find the list of all available OceanWP SVG Icons here.

Need to display an icon that is not added to theme list? Learn how to add it here.

If you want to add new social options to the About Me widget (Appearance > Widgets) for the Sidebar or Footer Widgets area (available only if Ocean Extra plugin is installed and active), use the following PHP snippet:

/**
 * Add new social options to the Social Links Widget
 */
function my_ocean_about_me_widget_profiles( $array ) {

	// TripAdvisor icon
	$array['tripadvisor'] = array(
		'name' => 'TripAdvisor',
		'icon_class' => 'fab fa-tripadvisor',
	);

	// Amazon icon
	$array['amazon'] = array(
		'name' => 'Amazon',
		'icon_class' => 'fab fa-amazon',
	);
	
	// Line icon
	$array['line'] = array(
		'name' => 'Line',
		'icon_class' => 'fab fa-line',
	);
	
	// QQ icon
	$array['qq'] = array(
		'name' => 'QQ',
		'icon_class' => 'fab fa-qq',
	);
	
	// Weibo icon
	$array['weibo'] = array(
		'name' => 'Weibo',
		'icon_class' => 'fab fa-weibo',
	);
	
	// Weixin icon
	$array['weixin'] = array(
		'name' => 'Weixin',
		'icon_class' => 'fab fa-weixin',
	);

	// Return
	return $array;

}
add_filter( 'ocean_about_me_widget_profiles', 'my_ocean_about_me_widget_profiles' );

*Icon classes have been altered to correspond to the Font Awesome 5 classes. If you are still using Font Awesome 4, visit the following link to get the correct class: Font Awesome 4 Icons.

Useful link: Font Awesome 5 Icons.

Changes will not affect the About Me widget that is already assigned to a Sidebar or Footer Column, so you will need to add the widget again to its respective area and remove the existing one.

All PHP snippets should be added via a child theme's functions.php file.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.