This members-only tutorial provides the steps to generate a custom font from selected Font Awesome icons and loading it using a functionality plugin for use as social sharing buttons for each post of a Repeater or Easy Posts in Oxygen.

Clicking on a sharing icon button for any post will send that post's permalink to the corresponding social sharing site in a new tab.

Step 1

Go to IcoMoon App.

Search for facebook and select the icon you wish to use. In this example, we shall pick the one from Font Awesome pack.

Click on + inside the search box to import the selected icon.

Click on the icon in the shortlisted subset a couple of times.

Ensure that Selection area at the bottom shows (1).

Repeat this for other social icons by searching for say: twitter, pinterest, linkedin and email.

Once you have added all the desired icons to your selection, click on Generate Font link/button at the bottom.

Click on Download. Extract the downloaded zip file.

Step 2

Install and activate My Custom Functionality plugin.

Connect to your hosting account using a FTP client and navigate to site’s /wp-content/plugins/my-custom-functionality-master.

Upload fonts folder from the extracted zip file folder to assets directory.

Upload style.css file from the extracted zip file folder to css directory and edit it.

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($27/month).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?

HIRE ME

Find the article helpful and wish to donate?

DONATE

Comments

For adding code blocks wrap the code in three backticks. Markdown should work.
Provide a URL of your site/webpage if something is not working.
  • Thanks Sridhar, that’s really helpful! How do we make the new social sharing page that opens small rather than full size?

  • magnifiercross
    >
    linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
    %d bloggers like this: