settings API: how to create a multicheckbox with blog categories? WordPress

Arnav Joy answers:

try this


<?php

function journal_check_cats_callback() {

$options = get_option('journal_theme_blog_2_col');



$pag = journal_theme_blog_2_col;

$_cats = get_terms( 'category' );



$html = '';

foreach ($_cats as $term) {

$checked = isset( $term->term_id ) ? $term->term_id : '0' ;

if(in_array($term->term_id, $options [0]))

$html .= sprintf( '<input type="checkbox" id="%1$s[%2$s]" name="journal_theme_blog_2_col[]" checked="checked" value="%2$s"%3$s />', $pag, $term->term_id, checked( $checked, $options['check_categories'], false ) );

else

$html .= sprintf( '<input type="checkbox" id="%1$s[%2$s]" name="journal_theme_blog_2_col[]" value="%2$s"%3$s />', $pag, $term->term_id, checked( $checked, $options['check_categories'], false ) );

$html .= sprintf( '<label for="%1$s[%3$s]"> %2$s</label><br>', $pag, $term->name, $term->term_id );

}

$html .= sprintf( '<span class="description"> %s</label>', '' );



echo $html;

?>

---

---

Martin Pham answers:

I can help you create a menu-page (not using the sandbox). But the prize should be: $20
If you agree to this, please leave your email

---

---

---

---

Stephanie Leary answers:

I do this by writing a custom walker so I can change the name attribute to match the setting name i've registered. (At least until bug [[LINK href="http://core.trac.wordpress.org/ticket/16437"]]#16437[[/LINK]] gets fixed.) (Edited to clarify: I'm assuming here that you're still registering the three settings, as in your original example. This custom walker is the way to have your category selections stored along with all your other settings using the API.)

In the options form:


<ul class="categorychecklist">
<?php wp_category_checklist(0, 0, $options['categories'], false, new My_Walker_Category_Checklist, false); ?>
</ul>


And somewhere outside the form:


// custom walker so we can change the name attribute of the category checkboxes
// mostly a duplicate of Walker_Category_Checklist
class My_Walker_Category_Checklist extends Walker {
var $tree_type = 'category';
var $db_fields = array ('parent' => 'parent', 'id' => 'term_id');

function start_lvl(&$output, $depth, $args) {
$indent = str_repeat("\t", $depth);
$output .= "$indent<ul class='children'>\n";
}

function end_lvl(&$output, $depth, $args) {
$indent = str_repeat("\t", $depth);
$output .= "$indent</ul>\n";
}

function start_el(&$output, $category, $depth, $args) {
extract($args);
if ( empty($taxonomy) )
$taxonomy = 'category';

// This is the part that's changed from the original walker
$name = 'check_categories[categories]';

$class = in_array( $category->term_id, $popular_cats ) ? ' class="popular-category"' : '';
$output .= "\n<li id='{$taxonomy}-{$category->term_id}'$class>" . '<label class="selectit"><input value="' . $category->term_id . '" type="checkbox" name="'.$name.'[]" id="in-'.$taxonomy.'-' . $category->term_id . '"' . checked( in_array( $category->term_id, $selected_cats ), true, false ) . disabled( empty( $args['disabled'] ), false, false ) . ' /> ' . esc_html( apply_filters('the_category', $category->name )) . '</label>';
}

function end_el(&$output, $category, $depth, $args) {
$output .= "</li>\n";
}
}


... and in your plugin's CSS, this will make the checkbox list look like the one on the Edit screens:


ul.categorychecklist { height: 15em; width: 20em; overflow-y: scroll; border: 1px solid #dfdfdf; padding: 0 1em; background: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
ul.categorychecklist ul.children { margin-left: 1em; }


---

ewienermerl answers:

Omega Constellation Brushed Quartz - $224.00 : TITLE, SITE_TAGLINE