Join Carrie Dils for an in-depth discussion in this video Configuring Simple Social Icons, part of WordPress and Genesis DIY: Freelance/Independent Website.
- View Offline
- Next up, let's take a look at configuring the Simple Social Icons plugin. Unlike Simple Share, which are social icons allowing people to share your content, simple social icons is a way for you to display your social profiles. Let's take a look at how they use them in Foodie Pro. First, we've got the simple social icons displaying here in the sidebar, and then they also display here in the footer. Each of these links to the corresponding social profile. So let's go ahead and set some up for our site.
Now, there's no menu option for Simple Social Icons. That's because it's actually a widget. So to find it, we're going to go to appearance, and widgets. And here we see a widget called Simple Social Icons. Let's add it to our primary sidebar. You could give it a title. I'm actually going to leave it blank, and I'm going to select this Open Link to New Window. That means that if somebody clicks on one of the links to my social profile, they won't go away from my site.
They'll be opened up in a new window. I'm going to say Align Center, and I want my pink as a Background Color. I'm gonna change out my Hover Color to black, and my Icon Font Hover over to that pink color. Of course, you could do whatever looks good on your site.
Now comes the part where we enter the URLs for each of these social profiles. Now, of course, you don't have to fill in all of these. Only the ones where you happen to have a social profile, and want to share it with your users.
Let's go ahead and click save and see how it looks. I'll open up my homepage in a new browser window, and there I can see my social share buttons. Now, I'd like these to be round, and I'd like them to appear right under Audry's bio here, so let's go back and do that. To make it round, simply set the Boarder Radius to at least the icon size, so we'll select 36 pixels.
Let's go ahead and save that, and now I can just drag that widget above that text area where the ad is. Let's go back and take a look. If we refresh, now we can see that we've got those round social icons and the ad is below it. I'm also gonna add these social icons to my footer area. To do that, I'm just gonna grab another instance of that Simple Social Icon. I can either select exactly which one I want to put it in, and then click Add Widget, or I can just drag the widget area over.
So, I'll go through the exact same setup process I did for this one, as for the other one. I'm gonna go ahead and let you get to setting up your social icons, and I'll see you in the next movie.
Find more courses in this series in our WordPress DIY playlist.
- Understanding your site goals
- Making a content inventory
- Choosing a theme and plugins
- Configuring theme settings
- Finding and installing plugins
- Adding custom styles
- Securing your site and managing spam