- Adding a link in an iconbox how to#
- Adding a link in an iconbox update#
- Adding a link in an iconbox full#
- Adding a link in an iconbox code#
- Adding a link in an iconbox trial#
We could use SVG, in our case we’ll stick to a web font. There are different ways to implement icon links and icon buttons.
Adding a link in an iconbox update#
If you want to receive an update when that comes out, please sign up for my WordPress and website tips newsletter.We’ve talked about the use of icons on your page. I'll explain what the XFN options are in an upcoming post. After you add and save the link, you can then refresh the page where you show the box of icons and find the new icon showing up. Make sure you give it an image, like an icon for the service you're trying to add, then click on save and your link should now start showing up inside the box. Here's how I add a new link to my social media icon box. I could show it at the bottom of each post, or anywhere else I choose and still only have to update the links from one place. I choose to show this box in my About page, but I also show it as a widget on some other pages. If you add your icons this way, you can easily choose to show different icons in different sections of your website really easily.
Give it an image and set the other configuration options as you wish. So how do you use it? Each time you want to add a new link to our little nifty Social Media icon display box, you simply add a new link, following the designated fields in WordPress and assign it to the category that we're using in the code.
Adding a link in an iconbox trial#
The CSS I'm using is as follows, but I won't explain it because I'm really not an expert at this and it took me some trial and error to finally get it right:
Adding a link in an iconbox full#
The full documentation showing you the options and commands you can build with this function is located in the Codex.Īfter the ID, I've told the command to show the images attached by saying to the links by saying show_images=1 these images are attached to the links when you create them. There are other options and numerous combinations you can work with to determine how your list will display. You can find the ID by moving your mouse over the title of the category. The real name for something like "wp_list_bookmarks" is a function, by the way. I'm asking WordPress, to use the wp_list_bookmarks command -if you will, to ask for the links under the category with ID of 443 which is the category I have for this purpose, remember Where in the Web is Oscar Gonzalez, yup same one. &class=oglinkcat&show_description=0&show_name=0&orderby=rating&order=DESC') ?> &show_name=0&orderby=rating&order=DESC') ?> &after=&class=oglinkcat&show_description=0 With the handy Codex guide and some trial and error, I figured out what I wanted to do and how it would work.
Adding a link in an iconbox code#
Onto the code.Īfter you get it installed, you'll be able to use PHP code in your posts. You can find Exec-PHP at the repository. This is also not covered in this post, but if you need help with it, let me know on twitter or email and I'll give you a hand or post a tutorial on that. First, you'll need to get a plugin called PHP Exec. Then comes the tricky part, making the code to display your links where you want them. I created a category called: Where in the Web is Oscar Gonzalez? - I gave it a proper description and used the slug of "oscar-gonzalez" as shown below: This post deals with using this code directly in your posts and pages. Also, if you're good at working with themes, this would be even better if you integrated it into your theme. First you'll need to create a link category that will be used for this purpose only.
The cool way of doing it, and as far as I'm concerned the better way is to use the links feature that is built into WordPress. That is simple enough that you can just do it from the edit pane in a wordpress post or page. There are several ways to do it of course, and the most basic one is to manually add the icons you want.
Adding a link in an iconbox how to#
I've been asked how to do this before so I'll show you how I did it. Each icon takes you to the profile for that particular social network. If you look in my about page, you'll see a little box of icons representing my presence online.