create a shortcode from my social php options WordPress

Kyle answers:

Function isn't too hard, but when echoing in shortocodes you need to use the output buffer

function mysp_function(){
if(of_get_option('footer_social', '1')) {

ob_start();
?>

<?php

echo '<ul class="social social-inline">';

if (of_get_option('twitter_url')) echo '<li><a href="' . of_get_option('twitter_url') . '"><img src="'

. get_template_directory_uri().'/assets/social/twitter.png" alt="vist us on twitter" /></a></li>';



if (of_get_option('fb_url')) echo '<li><a href="' . of_get_option('fb_url') . '"><img src="'

. get_template_directory_uri().'/assets/social/facebook.png" alt="vist us on Facebook" /></a></li>';



if (of_get_option('pinterest_url')) echo '<li><a href="' . of_get_option('pinterest_url') . '"><img src="'

. get_template_directory_uri().'/assets/social/pinterest.png" alt="vist us on Pinterest" /></a></li>';



if (of_get_option('linkedin_url')) echo '<li><a href="' . of_get_option('linkedin_url') . '"><img src="'

. get_template_directory_uri().'/assets/social/linkedin.png" alt="vist us on Linkedin" /></a></li>';



if (of_get_option('google_url')) echo '<li><a href="' . of_get_option('google_url') . '"><img src="'

. get_template_directory_uri().'/assets/social/google.png" alt="vist us at Google" /></a></li>';



if (of_get_option('github_url')) echo '<li><a href="' . of_get_option('github_url') . '"><img src="'

. get_template_directory_uri().'/assets/social/github.png" alt="vist us at Github" /></a></li>';



if (of_get_option('rss_url')) echo '<li><a href="' . of_get_option('rss_url') . '"><img src="'

. get_template_directory_uri().'/assets/social/rss.png" alt="Our rss feed" /></a></li>';



echo '</ul><!-- end of .social-icons -->';

?>

<?php
$output_string = ob_get_contents();
ob_end_clean();
return $output_string;
}

}

add_shortcode('my_social_php','mysp_function');

Shortcode is [my_social_php]

---

---

---

---

---

---

---