Add social buttons for which no Font Awesome icon exists

  • Hello,

    First, thanks for the theme.

    My site, currently under construction: https://duarte.apps-1and1.com/

    I love Font Awesome, but they don’t have icons for everything. How can I add icons or buttons for other services to the Follow panel? I’m particularly interested in Flipboard and Feedly. Their button code is provided here:

    https://share.flipboard.com/

    and here:

    https://www.feedly.com/factory.html

    It looks like Flipboard’s code includes JavaScript, which is typical for a lot of sharing buttons and APIs, while Feedly makes do with two URLs: an img src URL for the png graphic, and one for the follow functionality.

    So neither of these will work as just one URL entered in the theme admin, and there are no FA icons for them anyway. (I could use the Feedly URL with any random FA icon, but visitors who use Feedly wouldn’t recognize it.)

    Is there some way to embed their code — and others in the future — in the theme’s source code so that those buttons work and display just like the FA buttons? Where would I put the code?

    Thanks so much,

    Joe

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi WP_Joe. I worked on this for a while and was able to get the buttons in the Follow heading. I posted the code on Pastebin. Hope that helps. Take a look and let me know if you have any questions.

    Thread Starter WP_Joe

    (@wp_joe)

    Thanks so much! That looks pretty slick.

    Unrelated question: Can the theme work without jquery? The fundamental issue isn’t jquery per se, but all the stuff that’s loading, including jquery. I want a lean and fast site. There’s nothing fancy happening on my site — it will be essentially static other than the regular new posts. The Hueman styles.css is over 70 KB. jquery is even larger, even after minify. I’m getting a 6x% score for mobile on Google PageSpeed. I’ve played with different themes to try to isolate factors, but it seems like WP is inherently very top-heavy. There’s nothing happening on my page that would seem to require more than a few lines of inline js, or any js.

    Do you think I could follow these steps with Hueman?: https://eamann.com/tech/inbox-remove-jquery/

    Not sure I know the theme well enough to answer that question. Here is a post where the author answered a similar question.

    This is the function that enqueues jquery:

    function alx_scripts() {
	wp_enqueue_script( 'flexslider', get_template_directory_uri() . '/js/jquery.flexslider.min.js', array( 'jquery' ),'', false );
	wp_enqueue_script( 'jplayer', get_template_directory_uri() . '/js/jquery.jplayer.min.js', array( 'jquery' ),'', true );
	wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/scripts.js', array( 'jquery' ),'', true );
	if ( is_singular() ) { wp_enqueue_script( 'sharrre', get_template_directory_uri() . '/js/jquery.sharrre.min.js', array( 'jquery' ),'', true ); }
	if ( is_singular() && get_option( 'thread_comments' ) )	{ wp_enqueue_script( 'comment-reply' ); }
  }

    Also found the following files; there may be more:
    /js/scripts.js looks like it touches several different functions
    /functions/js/post-formats.js
    /option-tree/assets/js/ot-admin.js
    You’d probably also have to look at each plugin to see if they’re using it. I’m sure it’s doable; just depends how much time and effort you want to put into it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add social buttons for which no Font Awesome icon exists’ is closed to new replies.