Wordpress, php, and css question (help me please)

[tonyparra]

Hello. Im trying to style the wp_list_categories tag (<?php

wp_list_categories('arg'); ?>). i know that i can style it using an unordered list and css. Something like this:

<ul class="cat_list"><?php

wp_list_categories('show_count=1&hide_empty=1&titl e_li=<h2>Categories</

h2>'); ?></ul>

That will print a list of categories, hide categories with zero post, and show title called "categories". What i would like to do though is make the parent category links look different from the child category links (have a different font size or use <h3> tag for parent category), so i how would i do that? Like i said I know how to style whole list but how can I make this customization happen? Or is it not possible? Thanks for any help.

[tonyparra]

bumperoo

[mattz]

bump for ya

[harvey]

well, I don't have an example with categories and subcategories at hand (oh my, why in hell every single person asking for help NEVER includes the example so they can actually be helped?) but if you constructed it using defaults you should have something like

<ul>
<li>Cat 1</li>
<li>Cat2
     <ul>
          <li> Cat 2 Children category </li>
     </ul>
</li>
</ul>

where

<li> Cat 2 Children category </li>

will have a class named .children or .child or something like that (don't remember right now, and since nobody post examples.... ). Just style that class and you'll be done

[tonyparra]

Originally Posted by harvey

well, I don't have an example with categories and subcategories at hand (oh my, why in hell every single person asking for help NEVER includes the example so they can actually be helped?) but if you constructed it using defaults you should have something like

<ul>
<li>Cat 1</li>
<li>Cat2
     <ul>
          <li> Cat 2 Children category </li>
     </ul>
</li>
</ul>

where

<li> Cat 2 Children category </li>

will have a class named .children or .child or something like that (don't remember right now, and since nobody post examples.... ). Just style that class and you'll be done

sorry i was tired when i made thread...the wp_list_categories prints your category list heres a snippet of code from the default wordpress theme sidebar:

<?php wp_list_categories('show_count=1&title_li=<h2>Categories</h2>'); ?>

that will print a list in alphabetical order with child categories, and post count. An example of what i currently have can be found in the default wp theme, an example of what i would like my list to look like can be found here:
http://www.hotmovies.com/categories.php
The parent cats are bold and using the <h3> tag, therefore helping to show the difference between parent and child cats. Is that possible in wordpress?

[tonyparra]

bump for me

[cyber]

$sql = "SELECT name,slug,$wpdb->terms.term_id as ID,parent FROM $wpdb->terms ".
       "LEFT JOIN $wpdb->term_taxonomy ON ($wpdb->terms.term_id = $wpdb->term_taxonomy.term_id) ".
       "WHERE parent=5 AND taxonomy='category' ORDER BY name ASC";
$categoryList = $wpdb->get_results($sql);

echo categoryPrint($categoryList);



function categoryPrint($results, $multiple = "", $subcat_level = 0){
  global $wpdb;
  if(!$results){return;}
  foreach($results as $a_cat){
    if($multiple){
      categoryPrintSelectItem($a_cat, $subcat_level);
    }
    else{
      categoryPrintItem($a_cat, $subcat_level);
    }
    $sql = "SELECT name,slug,$wpdb->terms.term_id as ID,parent FROM $wpdb->terms ".
           "LEFT JOIN $wpdb->term_taxonomy ON ($wpdb->terms.term_id = $wpdb->term_taxonomy.term_id) ".
           "WHERE parent=$a_cat->ID AND taxonomy='category' ORDER BY name ASC";
    $sub_cats = $wpdb->get_results($sql); 
    categoryPrint($sub_cats, $multiple, $subcat_level + 1);
  }
}
function categoryPrintSelectItem($a_cat, $subcat_level){
  for($i = 0; $i < $subcat_level; $i++){
    echo "…";
  }
  echo $a_cat->name."</option>\n";
}
function categoryPrintItem($a_cat, $subcat_level){
  for($i = 0; $i < $subcat_level; $i++){
    echo "{$a_cat->name}<br>";
  }
  if($subcat_level < 1){
    echo "<b><h3>{$a_cat->name}</h3></b><br>";
  }
}

Change this:

WHERE parent=5

To the category's ID.

[fris]

Originally Posted by cyber

$sql = "SELECT name,slug,$wpdb->terms.term_id as ID,parent FROM $wpdb->terms ".
       "LEFT JOIN $wpdb->term_taxonomy ON ($wpdb->terms.term_id = $wpdb->term_taxonomy.term_id) ".
       "WHERE parent=5 AND taxonomy='category' ORDER BY name ASC";
$categoryList = $wpdb->get_results($sql);

echo categoryPrint($categoryList);



function categoryPrint($results, $multiple = "", $subcat_level = 0){
  global $wpdb;
  if(!$results){return;}
  foreach($results as $a_cat){
    if($multiple){
      categoryPrintSelectItem($a_cat, $subcat_level);
    }
    else{
      categoryPrintItem($a_cat, $subcat_level);
    }
    $sql = "SELECT name,slug,$wpdb->terms.term_id as ID,parent FROM $wpdb->terms ".
           "LEFT JOIN $wpdb->term_taxonomy ON ($wpdb->terms.term_id = $wpdb->term_taxonomy.term_id) ".
           "WHERE parent=$a_cat->ID AND taxonomy='category' ORDER BY name ASC";
    $sub_cats = $wpdb->get_results($sql); 
    categoryPrint($sub_cats, $multiple, $subcat_level + 1);
  }
}
function categoryPrintSelectItem($a_cat, $subcat_level){
  for($i = 0; $i < $subcat_level; $i++){
    echo "?";
  }
  echo $a_cat->name."</option>\n";
}
function categoryPrintItem($a_cat, $subcat_level){
  for($i = 0; $i < $subcat_level; $i++){
    echo "{$a_cat->name}<br>";
  }
  if($subcat_level < 1){
    echo "<b><h3>{$a_cat->name}</h3></b><br>";
  }
}

Change this:

WHERE parent=5

To the category's ID.

thats a sure messy way to do it, when you can do it with css.

have a look at the default wordpress css styling, theirs one for child cats.

http://digwp.com/2010/05/default-wor...-styles-hooks/

[cyber]

Originally Posted by fris

thats a sure messy way to do it, when you can do it with css.

have a look at the default wordpress css styling, theirs one for child cats.

http://digwp.com/2010/05/default-wor...-styles-hooks/

I repurposed to code from a page of mine that prints out the categories in form select fields for something totally different.

Figured this would get the job done without telling him what CSS styles he needed to change ;)

[tonyparra]

Originally Posted by fris

thats a sure messy way to do it, when you can do it with css.

have a look at the default wordpress css styling, theirs one for child cats.

http://digwp.com/2010/05/default-wor...-styles-hooks/

hmm so are you saying style the child cats maybe i can bold the parents im having a hard time putting that together though can you help me out?

[tonyparra]

this may require custom solution it seems...

[harvey]

Originally Posted by tonyparra

sorry i was tired when i made thread...the wp_list_categories prints your category list heres a snippet of code from the default wordpress theme sidebar:

<?php wp_list_categories('show_count=1&title_li=<h2>Categories</h2>'); ?>

that will print a list in alphabetical order with child categories, and post count. An example of what i currently have can be found in the default wp theme, an example of what i would like my list to look like can be found here:
http://www.hotmovies.com/categories.php
The parent cats are bold and using the <h3> tag, therefore helping to show the difference between parent and child cats. Is that possible in wordpress?

yes, I know you used that hook, I just shown you the output. So here you have since your code is outputting something different to what it should be (not your fault, probably a change in WP, you're using the correct function as documented):

<?php $sub_cat =  wp_list_categories('echo=0&amp;orderby=name&amp;title_li=&amp;hierarchical=0&amp;child_of='.$category->cat_ID); ?>
	<ul class="subcat"><?php echo $sub_categories; ?></ul>
<?php } ?>

[fris]

hit me up on icq 704-299 ill see if i can sort you out

[Deej]

Watch out... I ICQ'd Fris once and all the sudden my dog died.

ICQ at your own risk...