For the purposes of styling, we take another look at the function created in Demo 4. We need some more complexity to style this effectively.

ID24 Demo 8

/*
 * Generate the HTML links using URLs.
 *
 * @param integer $post_ID of current post
 *
 * @return string block of HTML links.
 */
function id24_create_links( $post_ID ) {
	$urls = id24_create_urls( $post_ID );
	$html = '';
	
	foreach ( $urls as $service => $url ) {
		if ( $url ) {
			$html .= "
					<div class='id24-link $service'>
						<a href='" . esc_url( $url ) . "' rel='nofollow external' aria-describedby='description-$service'>
							<span class='id24-icon $service' aria-hidden='true'></span>
							<span class='id24-text $service'>" . ucfirst( $service ) . "</span>
						</a>
						<span class='description' role='tooltip' id='description-$service'>
							" . __( 'Share this post' ) . "
						</span>
					</div>";
		}
	}
	
	return "<div class='id24-links'>" . $html . "</div>";
}