Adding Social Media Icons to Primary Sidebar

This topic is: not resolved

This topic has 6 replies, 3 voices, and was last updated 11 years, 6 months ago by Kary.

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts
February 24, 2015 at 3:59 am #141998

ms
Member

Hi Guys,

how could I add the social media widget (green box) to the primary sidebar (red box)?
http://www.msblog.eu/wp-content/uploads/2015/02/24-02-2015-10-41-46.jpg

Thanks for help.

BR Malte
http://www.msblog.eu/

February 24, 2015 at 6:29 am #142003

Victor Font
Moderator

Simple social icons plugin.

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

February 24, 2015 at 7:21 am #142008

ms
Member

Hey,

i have this widget but i do not know how i could add this because in the genesis options are only these points available:
http://www.msblog.eu/wp-content/uploads/2015/02/24-02-2015-14-20-12.jpg

BR Malte

February 24, 2015 at 7:40 am #142012

Victor Font
Moderator

Go to the Appearance/Widgets menu and drag the Simple Social Icons widget into the Primary Sidebar. The widget will expand and allow you to add links to your social media sites.

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

February 24, 2015 at 8:02 am #142016

ms
Member

I am sorry but i do not mean the sidebar i mean the primary navigation : (Red box at this screen)
http://www.msblog.eu/wp-content/uploads/2015/02/24-02-2015-10-41-46.jpg

BR Malte

February 24, 2015 at 9:50 am #142028

Victor Font
Moderator

That's going to require custom coding. Take a look at this article by Bil Erikson. It should help get you started in the right direction: http://www.billerickson.net/genesis-wordpress-nav-menu-content/

If that doesn't help, perhaps this one by Greg Rickaby will: http://gregrickaby.com/add-social-media-icons-to-genesis-without-a-plugin/

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

February 24, 2015 at 2:37 pm #142054

Kary
Member

More experienced developers may cringe with this method. But if it works, it works. And it works for me. I did it without having to code. Upload the SM icon images to your media folder, and copy the URL to each image.

Go to Appearance > Menus and add a LINKS item to menu. Once the item is the menu, change the name of the link (Like FACEBOOK) to the actual image file path. It has to be written in HTML. For example,

<img src="/path/to/your/FACEBOOK/icon.jpg" />

You may have to tweak the CSS of the icons but it does work.
Author

Posts