Setting up Zo’C PowerBlogRoll

UPDATE 11/16/2015: I think this is all gone now… cannot locate the web site any longer, and do not see the plugin on the WP site anymore.) I am using this pretty cool plug in to create a BlogRoll page. Called “powerblogroll and written by Zo’C. I had used it as a widget using the “widgetize anything” plugin, but decided to move it to a “links” page after it outgrew the sidebar. (Link to web site removed 11/16/2015 no longer worked and I could not locate web site any longer.)

I have seen quite a few questions on the authors web page about setting it up, and while there is some help, it seems there are still quite a few questions. I am certainly no programmer, but with several hours (!) was able to make a page work. Here is my quick guide in case anyone googles for help and happens to find this.

1. You need a “links.php” template. The template I am currently using did not have one included. So I used the Theme Editor in WordPress to look at the other templates I had downloaded to try out before. I found one with a “Links” page. (The “WordPress Default” theme has a “Links” page.)

2. I used FTP to make a copy of that “Links” page into the current theme I wanted to use.

3. I opened the new “links.php” page with the WP Theme Editor. I do not think I removed any code from the original template, only added four lines. The total contents of this page is now:

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

<?php
/*
Template Name: Links (Whatever you put here is what appears in your theme template list.)
*/
?>

<?php get_header(); ?>
<div id=”zoc_powerblogroll”>
<h2>Recommended Links:</h2>
<ul class=”zoc_powerblogroll”>
<?php wp_zoc_powerblogroll(); ?>
</ul>
</div>

<?php get_footer(); ?>
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

In mine I only added the four lines lines in bold above which are:

<div id=”zoc_powerblogroll”>

<ul class=”zoc_powerblogroll”>
<?php wp_zoc_powerblogroll(); ?>

</ul>

in the code above.

Check the “Template Name: Links” line also. You can name this anything you want. This is the name that will show up in the WP Page Editor when you select the template to use.

Then I had to add the CSS to the StyleSheet page, again using the WP Theme Editor.

I just found a spot in the existing code and stuck this in:

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

/* This section begins the formatting for the BlogRoll Links Page */
.zoc_powerblogroll { list-style: none; }
.zoc_powerblogroll ul{ list-style: none; }
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

Actually this is not necessary if you do not mind the default “List” bullets (created by the “ul” code) in front of each entry. (assuming the template you are using has them.) In powerblogroll I use the setting to show the favicons and found also showing the extra “ul” bullet was distracting. This actually is what took me the longest to figure out.

That was it. I just used WP Editor, created a new Page, used the “Links” template, left the contents of the blank and it puts in the BlogRoll automatically. If you want to add text into the blogrollpage you probably have to add more CSS for something like “contents”… but that is all dependent on how the theme author wrote the CSS.

Now I am pretty sure that someone that really knows what is going on will say “you don’t need this in the code”, or “you don’t need that in the code”, or there are 32 better ways to do this. But I wasn’t getting much help from the web site, and so just experimented until I got it to work. If there is a better way I am happy to revise this, but until then you can try it this way.

Good Luck!

If any “real” plug in editors read this. What I would *really* like is to combine this plugin with another that would also order the links the way I want them. I do not like seeing “Ardvarks R Us” first in the blogroll just because it starts with “A”. There is another plugin that does this called “mylinkorder” which has manual sorting options. This can be found at . Unfortunately the two do not work together right now.

If you didn’t already know PowerBlogRoll can (Could) be found here: “z-oc.com/blog/powerblogroll” UPDATE: 12/14/2015 this is no longer working so I removed the link. You can try searching for this ULR though.

Since getting this working I have found another issue, which I think is unrelated to the changes above. I use another plugin to format the blog for mobile users. It is now showing the first page, as opposed to post, and it also reveals text in the BlogRollPage which is not visible when viewed with a normal browser.

Until the final WP PlugIn loses power,

Posted in Wordpress Playground.

6 Comments

  1. Saw your incoming link to my site, try these mods on powerblogroll, should get it to work with my plugin.

    Line 65:
    $books = get_bookmarks(“orderby=order&category=$whichCat->cat_ID”);

    Line 67:
    $books = get_bookmarks(“orderby=order”);

    Line 107:
    $cats = get_categories(“orderby=order&type=link&hierarchical=0”);

    Will need to overwrite you taxonomy.php with the one from My Link Order to get the categories to order.

  2. @Andrew: Thanks a lot! It took awhile but I was able to get your suggestions incorporated into the powerblogroll and make it work! I appreciate it.

  3. Pingback:   Creating the Kazology Blogroll - Part 1 - Kazology

  4. Thank you so much for simple and accurate instructions! I have been reading and searching for two days. I expected to find an answer to use the plugin. Creating page templates is awsome. Opens up some serious creative doors for me! Great article.

  5. I’m not to familiar with css, I can’t find a place that explains clearly how to remove the border around my favicon, in the blogroll page I created.

    I tried this:

    /* This section begins the formatting for the BlogRoll Links Page */
    .zoc_powerblogroll { list-style: none; }
    .zoc_powerblogroll ul{ list-style: none; }
    .zoc_powerblogroll,.zoc_powerblogroll a{border:none;}

    Any suggestions?

  6. @Asuka,

    I am not a programmer, just hacked around until it worked.
    Maybe use Theme Editor to look in your Themes stylesheet.
    (Make sure you save all the text out to a text file first so you can copy it back if you need to!)
    Try changing the “IMG” below so border is 0 if it is not already.
    You code will most likely look different than this since every theme creator does it differently to a certain degree.
    Also it make remove the border from ALL images on your web site using this theme.
    Otherwise the code I posted is all that I used.

    /* These styles apply to various elements throughout the Web site */
    body {background:#fff; font-family:’Arial’, ‘Verdana’; color:#40454b; font-size:.8em; border:solid 8px #CCCCCC}
    a:link {text-decoration:none; color:#003399; border:0px}
    a:active {text-decoration:none; color:#003399; border:0px}
    a:visited {text-decoration:none; color:#669999; border:0px}
    a:hover {text-decoration:none; color:#FF6600; border:0px}
    img {border:none; background-color: white}
    hr {border-top:1px dotted #abb0b5; height:1px}
    input {font-family:’Verdana’; color:#6a5555; font-size:1em}
    textarea {font-family:’Verdana’; color:#6a5555; font-size:1em}

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.