I'm trying to add some controls to the WordPress Customizer feature, but I'm having trouble pulling the numerical value from the control to use in the theme. The section appears in the Customizer tab, and I can change the input, but the controls have no effect on the theme.

I've looked up tutorials that use the get_theme_mod and inline styles to set attributes for divs, but I haven't been able to figure out exactly how to make the control id just return the input of a custom numerical value.

    'title'     => esc_html__( 'Grid Style', 'news-portal-child' ),
    'panel'     => 'news_portal_grid_settings_panel',
    'priority'  => 25,

    'default'           => '6',
    'sanitize_callback' => 'sanitize_key',
$wp_customize->add_control(new WP_Customize_Control ($wp_customize,
            'type'     => 'text',
            'section'   => 'news_portal_grid_section',
            'settings'   => 'np_posts_per_page',
            'priority' => 2,
            'label' => __( 'Grid Posts' ),
            'description' => __( 'This sets the number of posts to display.  This must be numeric.' ),
            'validate' => 'numeric',
            'default'  => '5',
            'input_attrs' => array(
                'min' => 0,
                'max' => 50,
                'step' => 1,

   )) );

I know there should be a function/action hook here somewhere, but the WordPress API is a little vague on how exactly to implement this. I need the number output of np_post_num() to return as a simple integer or string that can then be declared in $option_pg_number= _________.

function np_post_num(){
echo get_theme_mod('np_posts_per_page', '5'); 
add_action ('wp_head', 'np_post_num'); 
  • I could not quite get your your issue. Can you elaborate this? Your function np_post_num() returns the string as you wanted.
    – ghoul
    Commented Apr 11, 2018 at 16:42
  • I tweaked the priority settings some more and I am now getting it to print the value on the page. However, I want the number to be converted to a value used in a separate array function that I have tested to work with $option_pg_number. When I try different variations of $option_page_number=np_post_num(); I can't get the return value to transfer correctly. I'm probably doing something wrong with the declaration statement. Function programming isn't really my area of expertise. Commented Apr 12, 2018 at 17:24
  • Why are you using echo when you want the number to be returned? And if this theme were to be in the WP repository, you would need to use the existing core option of number of posts, instead of confusing the user with another one. Commented Apr 15, 2018 at 17:05
  • The variable $option_pg_number is actually set to 'posts_per_page' => $option_pg_number, I just didn't post that argument statement since it is part of the main loop on the index page. Commented Apr 15, 2018 at 17:28

1 Answer 1


The solution for me ended up being to simply remove the np_post_num() add_action hook altogether, and instead declare get_theme_mod() as the desired variable $option_pg_number. This allowed use of the returned number variable in a separate loop function controlled by $option_pg_number, instead of just printing the returned number value of 'np_posts_per_page' on the page.

$option_pg_number = get_theme_mod('np_posts_per_page', '5');

I think this could have been cleared up a lot faster if the WordPress Codex included more documentation on the usage of the various built in features. The codex focuses on setting up the settings and controls, but doesn't offer much explanation on how to implement the controls on pages.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.