This repository has been archived on 2020-05-08. You can view files and clone it, but cannot push or open issues or pull requests.
understrap/inc/customizer.php

226 lines
7.4 KiB
PHP
Raw Normal View History

2014-12-10 11:36:38 +00:00
<?php
/**
2016-11-21 16:25:56 +00:00
* Understrap Theme Customizer
2014-12-10 11:36:38 +00:00
*
* @package understrap
*/
/**
* Add postMessage support for site title and description for the Theme Customizer.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
*/
if ( ! function_exists( 'understrap_customize_register' ) ) {
2016-11-21 16:25:56 +00:00
/**
* Register basic customizer support.
*
* @param object $wp_customize Customizer reference.
*/
function understrap_customize_register( $wp_customize ) {
$wp_customize->get_setting( 'blogname' )->transport = 'postMessage';
$wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage';
$wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage';
}
2014-12-10 11:36:38 +00:00
}
add_action( 'customize_register', 'understrap_customize_register' );
if ( ! function_exists( 'understrap_theme_customize_register' ) ) {
2016-11-21 16:25:56 +00:00
/**
* Register individual settings through customizer's API.
*
* @param WP_Customize_Manager $wp_customize Customizer reference.
2016-11-21 16:25:56 +00:00
*/
function understrap_theme_customize_register( $wp_customize ) {
$wp_customize->add_section( 'understrap_theme_slider_options', array(
2016-11-21 16:25:56 +00:00
'title' => __( 'Slider Settings', 'understrap' ),
) );
$wp_customize->add_setting( 'understrap_theme_slider_count_setting', array(
'default' => '1',
2016-11-21 16:25:56 +00:00
'sanitize_callback' => 'absint',
) );
$wp_customize->add_control( 'understrap_theme_slider_count', array(
'label' => __( 'Number of slides displaying at once', 'understrap' ),
'section' => 'understrap_theme_slider_options',
'type' => 'text',
2016-11-21 16:25:56 +00:00
'settings' => 'understrap_theme_slider_count_setting',
) );
$wp_customize->add_setting( 'understrap_theme_slider_time_setting', array(
'default' => '5000',
2016-11-21 16:25:56 +00:00
'sanitize_callback' => 'absint',
) );
$wp_customize->add_control( 'understrap_theme_slider_time', array(
'label' => __( 'Slider Time (in ms)', 'understrap' ),
'section' => 'understrap_theme_slider_options',
'type' => 'text',
2016-11-21 16:25:56 +00:00
'settings' => 'understrap_theme_slider_time_setting',
) );
$wp_customize->add_setting( 'understrap_theme_slider_loop_setting', array(
'default' => 'true',
2016-11-21 16:25:56 +00:00
'sanitize_callback' => 'esc_textarea',
) );
$wp_customize->add_control( 'understrap_theme_loop', array(
'label' => __( 'Loop Slider Content', 'understrap' ),
'section' => 'understrap_theme_slider_options',
'type' => 'radio',
'choices' => array(
'true' => 'yes',
'false' => 'no',
),
2016-11-21 16:25:56 +00:00
'settings' => 'understrap_theme_slider_loop_setting',
) );
2016-11-21 16:25:56 +00:00
// Theme layout settings.
$wp_customize->add_section( 'understrap_theme_layout_options', array(
'title' => __( 'Theme Layout Settings', 'understrap' ),
'capability' => 'edit_theme_options',
'description' => __( 'Container width and sidebar defaults', 'understrap' ),
'priority' => 160,
) );
$wp_customize->add_setting( 'understrap_container_type', array(
2016-11-21 16:25:56 +00:00
'default' => 'container',
'type' => 'theme_mod',
2016-11-21 09:40:41 +00:00
'sanitize_callback' => 'esc_textarea',
2016-11-21 16:25:56 +00:00
'capability' => 'edit_theme_options',
) );
$wp_customize->add_control(
new WP_Customize_Control(
$wp_customize,
'container_type', array(
'label' => __( 'Container Width', 'understrap' ),
'description' => __( "Choose between Bootstrap's container and container-fluid", 'understrap' ),
'section' => 'understrap_theme_layout_options',
'settings' => 'understrap_container_type',
'type' => 'select',
'choices' => array(
'container' => __( 'Fixed width container', 'understrap' ),
'container-fluid' => __( 'Full width container', 'understrap' ),
),
2016-11-15 10:48:38 +00:00
'priority' => '10',
)
) );
$wp_customize->add_setting( 'understrap_sidebar_position', array(
2016-11-21 16:25:56 +00:00
'default' => 'right',
'type' => 'theme_mod',
2016-11-21 09:40:41 +00:00
'sanitize_callback' => 'esc_textarea',
2016-11-21 16:25:56 +00:00
'capability' => 'edit_theme_options',
) );
$wp_customize->add_control(
new WP_Customize_Control(
$wp_customize,
'understrap_sidebar_position', array(
'label' => __( 'Sidebar Positioning', 'understrap' ),
2016-11-21 16:25:56 +00:00
'description' => __( "Set sidebar's position. Can either be: right, left, both or none",
'understrap' ),
'section' => 'understrap_theme_layout_options',
'settings' => 'understrap_sidebar_position',
'type' => 'select',
'choices' => array(
'right' => __( 'Right sidebar', 'understrap' ),
'left' => __( 'Left sidebar', 'understrap' ),
'both' => __( 'Left & Right sidebars', 'understrap' ),
'none' => __( 'No sidebar', 'understrap' ),
),
2016-11-15 10:48:38 +00:00
'priority' => '20',
)
) );
2016-11-21 16:25:56 +00:00
// How to display posts index page (home.php).
2016-11-17 21:18:39 +00:00
$wp_customize->add_setting( 'understrap_posts_index_style', array(
2016-11-21 16:25:56 +00:00
'default' => 'default',
'type' => 'theme_mod',
2016-11-21 09:40:41 +00:00
'sanitize_callback' => 'esc_textarea',
2016-11-21 16:25:56 +00:00
'capability' => 'edit_theme_options',
2016-11-17 21:18:39 +00:00
) );
$wp_customize->add_control(
new WP_Customize_Control(
$wp_customize,
'understrap_posts_index_style', array(
'label' => __( 'Posts Index Style', 'understrap' ),
2016-11-21 16:25:56 +00:00
'description' => __( 'Choose how to display latest posts', 'understrap' ),
2016-11-17 21:18:39 +00:00
'section' => 'understrap_theme_layout_options',
'settings' => 'understrap_posts_index_style',
'type' => 'select',
'choices' => array(
2016-11-21 16:25:56 +00:00
'default' => __( 'Default', 'understrap' ),
2016-11-17 21:18:39 +00:00
'masonry' => __( 'Masonry', 'understrap' ),
2016-11-21 17:12:36 +00:00
'grid' => __( 'Grid', 'understrap' ),
2016-11-17 21:18:39 +00:00
),
'priority' => '30',
)
) );
2016-11-21 09:54:27 +00:00
// Columns setup for grid posts.
/**
* Function and callback to check when grid is enabled.
2016-11-21 17:12:36 +00:00
*
2016-11-21 09:54:27 +00:00
* @return bool
*/
2016-11-21 17:12:36 +00:00
function is_grid_enabled() {
2016-11-21 09:54:27 +00:00
return 'grid' == get_theme_mod( 'understrap_posts_index_style' );
}
2016-11-21 17:12:36 +00:00
// How many columns to use each grid post.
$wp_customize->add_setting( 'understrap_grid_post_columns', array(
'default' => '6',
'type' => 'theme_mod',
'capability' => 'edit_theme_options',
'transport' => 'refresh',
) );
2016-11-21 09:54:27 +00:00
$wp_customize->add_control(
new WP_Customize_Control(
$wp_customize,
'understrap_grid_post_columns', array(
'label' => __( 'Grid Post Columns', 'understrap' ),
'description' => __( 'Choose how many columns to use in grid posts', 'understrap' ),
'section' => 'understrap_theme_layout_options',
'settings' => 'understrap_grid_post_columns',
'type' => 'select',
'choices' => array(
'6' => '6',
'4' => '4',
'3' => '3',
'2' => '2',
'1' => '1',
),
'default' => 6,
'priority' => '30',
'transport' => 'refresh',
)
) );
2016-11-21 09:54:27 +00:00
2016-11-21 17:12:36 +00:00
// hook to auto-hide/show depending the understrap_posts_index_style option.
2016-11-21 09:54:27 +00:00
$wp_customize->get_control( 'understrap_grid_post_columns' )->active_callback = 'is_grid_enabled';
}
2016-11-21 17:12:36 +00:00
} // endif function_exists( 'understrap_theme_customize_register' ).
add_action( 'customize_register', 'understrap_theme_customize_register' );
2014-12-10 11:36:38 +00:00
/**
* Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
*/
if ( ! function_exists( 'understrap_customize_preview_js' ) ) {
2016-11-21 17:12:36 +00:00
/**
* Setup JS integration for live previewing.
*/
function understrap_customize_preview_js() {
2016-11-21 16:25:56 +00:00
wp_enqueue_script( 'understrap_customizer', get_template_directory_uri() . '/js/customizer.js',
array( 'customize-preview' ), '20130508', true );
}
2014-12-10 11:36:38 +00:00
}
add_action( 'customize_preview_init', 'understrap_customize_preview_js' );