????
Your IP : 216.73.216.121
<?php
/**
* Adds all Typography options to the Customizer and outputs the custom CSS for them
*
* @package Wanderfuls WordPress Theme
* @subpackage Customizer
*/
// Exit if accessed directly
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
// Start class
if ( ! class_exists( 'TB_Theme_Customizer_Typography' ) ) {
class TB_Theme_Customizer_Typography {
/**
* Main constructor
*
* @since 1.6.0
*/
public function __construct() {
// Register customizer settings
add_action( 'customize_register', array( $this , 'register' ), 40 );
// Add fonts to the mce editor
add_action( 'admin_init', array( $this, 'mce_scripts' ) );
add_filter( 'tiny_mce_before_init', array( $this, 'mce_fonts' ) );
// Load fonts after body tag
if ( tb_get_mod( 'google_fonts_in_footer' ) ) {
add_action( 'wp_footer', array( $this, 'load_fonts' ) );
}
// Load fonts normally
else {
add_action( 'wp_enqueue_scripts', array( $this, 'load_fonts' ) );
}
// Output CSS for typography options
add_filter( 'tb_head_css', array( $this, 'head_css' ), 99 );
}
/**
* Array of Typography settings to add to the customizer
*
* @since 1.6.0
*/
public function elements() {
return apply_filters( 'tb_typography_settings', array(
'body' => array(
'label' => __( 'Body', 'tb' ),
'target' => 'body',
'defaults' => array(
'font-family' => 'Open Sans',
),
),
'logo' => array(
'label' => __( 'Logo', 'tb' ),
'target' => '#site-logo a.site-logo-text',
'exclude' => array( 'font-color' ),
'active_callback' => 'tb_customizer_hasnt_custom_logo',
),
'top_menu' => array(
'label' => __( 'Top Bar', 'tb' ),
'target' => '#top-bar-content',
'exclude' => array( 'font-color' ),
'active_callback' => 'tb_customizer_has_topbar',
),
'menu' => array(
'label' => __( 'Main Menu', 'tb' ),
'target' => '#site-navigation .dropdown-menu a',
'exclude' => array( 'font-color', 'line-height' ),
),
'menu_dropdown' => array(
'label' => __( 'Main Menu: Dropdowns', 'tb' ),
'target' => '#site-navigation .dropdown-menu ul a',
'exclude' => array( 'font-color' ),
),
'mobile_menu' => array(
'label' => __( 'Mobile Menu', 'tb' ),
'target' => '#sidr-main',
'exclude' => array( 'font-color' ),
),
'page_title' => array(
'label' => __( 'Page Title', 'tb' ),
'target' => '.page-header .page-header-title',
'exclude' => array( 'font-color' ),
'active_callback' => 'tb_customizer_has_page_header',
),
'blog_entry_title' => array(
'label' => __( 'Blog Entry Title', 'tb' ),
'target' => '.blog-entry-title a',
),
'blog_post_title' => array(
'label' => __( 'Blog Post Title', 'tb' ),
'target' => '.single-post-title',
),
'breadcrumbs' => array(
'label' => __( 'Breadcrumbs', 'tb' ),
'target' => '.site-breadcrumbs',
'exclude' => array( 'font-color', 'line-height' ),
'active_callback' => 'tb_customizer_has_breadcrumbs',
),
'headings' => array(
'label' => __( 'Headings', 'tb' ),
'target' => 'h1,h2,h3,h4,h5,h6,.theme-heading,.heading-typography,.widget-title,.tb-widget-recent-posts-title,.comment-reply-title',
'exclude' => array( 'font-color', 'line-height', 'font-size' ),
),
'sidebar_widget_title' => array(
'label' => __( 'Sidebar Widget Heading', 'tb' ),
'target' => '.sidebar-box .widget-title',
),
'entry_h2' => array(
'label' => __( 'Post H2', 'tb' ),
'target' => '.entry h2',
'margin' => true,
),
'entry_h3' => array(
'label' => __( 'Post H3', 'tb' ),
'target' => '.entry h3',
'margin' => true,
),
'entry_h4' => array(
'label' => __( 'Post H4', 'tb' ),
'target' => '.entry h4',
'margin' => true,
),
'footer_widget_title' => array(
'label' => __( 'Footer Widget Heading', 'tb' ),
'target' => '.footer-widget .widget-title',
'active_callback' => 'tb_customizer_has_footer_widgets',
),
'callout' => array(
'label' => __( 'Footer Callout', 'tb' ),
'target' => '.footer-callout-content',
'exclude' => array( 'font-color' ),
'active_callback' => 'tb_customizer_has_callout',
),
'copyright' => array(
'label' => __( 'Footer Copyright', 'tb' ),
'target' => '#copyright',
'exclude' => array( 'font-color' ),
'active_callback' => 'tb_customizer_has_footer_bottom',
),
'footer_menu' => array(
'label' => __( 'Footer Menu', 'tb' ),
'target' => '#footer-bottom-menu',
'exclude' => array( 'font-color' ),
'active_callback' => 'tb_customizer_has_footer_bottom',
),
'load_custom_font_1' => array(
'label' => __( 'Load Custom Font', 'tb' ),
'settings' => array( 'font-family' ),
),
) );
}
/**
* Register typography options to the Customizer
*
* @since 1.6.0
*/
public function register ( $wp_customize ) {
// Get enabled customizer panels
$enabled_panels = array( 'typography' => true );
$enabled_panels = get_option( 'tb_customizer_panels', $enabled_panels );
if ( empty( $enabled_panels['typography'] ) ) {
return;
}
// Get elements
$elements = $this->elements();
// Return if elements are empty. This check is needed due to the filter added above
if ( empty( $elements ) ) {
return;
}
// Add General Panel
$wp_customize->add_panel( 'tb_typography', array(
'priority' => 146,
'capability' => 'edit_theme_options',
'title' => __( 'Typography', 'tb' ),
) );
// Add General Tab with font smoothing
$wp_customize->add_section( 'tb_typography_general' , array(
'title' => __( 'General', 'tb' ),
'priority' => 1,
'panel' => 'tb_typography',
) );
// Font Smoothing
$wp_customize->add_setting( 'enable_font_smoothing', array(
'type' => 'theme_mod',
'sanitize_callback' => false,
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'enable_font_smoothing', array(
'label' => __( 'Font Smoothing', 'tb' ),
'section' => 'tb_typography_general',
'settings' => 'enable_font_smoothing',
'priority' => 1,
'type' => 'checkbox',
'description' => __( 'Enable font-smoothing site wide. This makes fonts look a little "skinner".', 'tb' ),
) ) );
// Font Smoothing
$wp_customize->add_setting( 'google_fonts_in_footer', array(
'type' => 'theme_mod',
'sanitize_callback' => false,
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'google_fonts_in_footer', array(
'label' => __( 'Load Fonts After The Body Tag', 'tb' ),
'section' => 'tb_typography_general',
'settings' => 'google_fonts_in_footer',
'priority' => 1,
'type' => 'checkbox',
) ) );
// Font Subsets
$wp_customize->add_setting( 'google_font_subsets', array(
'type' => 'theme_mod',
'default' => 'latin',
'sanitize_callback' => false,
) );
$wp_customize->add_control( new TB_Customize_Multicheck_Control( $wp_customize, 'google_font_subsets', array(
'label' => __( 'Font Subsets', 'tb' ),
'section' => 'tb_typography_general',
'settings' => 'google_font_subsets',
'priority' => 2,
'choices' => array(
'latin' => 'latin',
'latin-ext' => 'latin-ext',
'cyrillic' => 'cyrillic',
'cyrillic-ext' => 'cyrillic-ext',
'greek' => 'greek',
'greek-ext' => 'greek-ext',
'vietnamese' => 'vietnamese',
),
) ) );
// Lopp through elements
$count = '1';
foreach( $elements as $element => $array ) {
$count++;
// Get label
$label = ! empty( $array['label'] ) ? $array['label'] : '';
$exclude_settings = ! empty( $array['exclude'] ) ? $array['exclude'] : '';
$active_callback = isset( $array['active_callback'] ) ? $array['active_callback'] : '';
$margin = isset( $array['margin'] ) ? true : false;
// Get settings
if ( ! isset ( $array['settings'] ) ) {
$settings = array(
'font-family',
'font-weight',
'font-style',
'text-transform',
'font-size',
'line-height',
'letter-spacing',
'font-color',
);
} else {
$settings = $array['settings'];
}
// Set keys equal to vals
$settings = array_combine( $settings, $settings );
// Exclude options
if ( $exclude_settings ) {
foreach ( $exclude_settings as $key => $val ) {
unset( $settings[ $val ] );
}
}
// Register new setting if label isn't empty
if ( $label ) {
// Define Section
$wp_customize->add_section( 'tb_typography_'. $element , array(
'title' => $label,
'priority' => $count,
'panel' => 'tb_typography',
) );
// Font Family
if ( in_array( 'font-family', $settings ) ) {
// Get default
$default = isset( $array['defaults']['font-family'] ) ? $array['defaults']['font-family'] : NULL;
// Add setting
$wp_customize->add_setting( $element .'_typography[font-family]', array(
'type' => 'theme_mod',
'default' => $default,
'sanitize_callback' => false,
) );
// Add Control
$wp_customize->add_control( new TB_Fonts_Dropdown_Custom_Control( $wp_customize, $element .'_typography[font-family]', array(
'label' => __( 'Font Family', 'tb' ),
'section' => 'tb_typography_'. $element,
'settings' => $element .'_typography[font-family]',
'priority' => 1,
'active_callback' => $active_callback,
) ) );
}
// Font Weight
if ( in_array( 'font-weight', $settings ) ) {
$wp_customize->add_setting( $element .'_typography[font-weight]', array(
'type' => 'theme_mod',
'description' => __( 'Note: Not all Fonts support every font weight style.', 'tb' ),
'sanitize_callback' => false,
) );
$wp_customize->add_control( $element .'_typography[font-weight]', array(
'label' => __( 'Font Weight', 'tb' ),
'section' => 'tb_typography_'. $element,
'settings' => $element .'_typography[font-weight]',
'priority' => 2,
'type' => 'select',
'active_callback' => $active_callback,
'choices' => array (
'' => __( 'Default', 'tb' ),
'100' => __( 'Extra Light: 100', 'tb' ),
'200' => __( 'Light: 200', 'tb' ),
'300' => __( 'Book: 300', 'tb' ),
'400' => __( 'Normal: 400', 'tb' ),
'600' => __( 'Semibold: 600', 'tb' ),
'700' => __( 'Bold: 700', 'tb' ),
'800' => __( 'Extra Bold: 800', 'tb' ),
),
'description' => __( 'Important: Not all fonts support every font-weight.', 'tb' ),
) );
}
// Font Style
if ( in_array( 'font-style', $settings ) ) {
$wp_customize->add_setting( $element .'_typography[font-style]', array(
'type' => 'theme_mod',
'sanitize_callback' => false,
) );
$wp_customize->add_control( $element .'_typography[font-style]', array(
'label' => __( 'Font Style', 'tb' ),
'section' => 'tb_typography_'. $element,
'settings' => $element .'_typography[font-style]',
'priority' => 3,
'type' => 'select',
'active_callback' => $active_callback,
'choices' => array (
'' => __( 'Default', 'tb' ),
'normal' => __( 'Normal', 'tb' ),
'italic' => __( 'Italic', 'tb' ),
),
) );
}
// Text-Transform
if ( in_array( 'text-transform', $settings ) ) {
$wp_customize->add_setting( $element .'_typography[text-transform]', array(
'type' => 'theme_mod',
'sanitize_callback' => false,
) );
$wp_customize->add_control( $element .'_typography[text-transform]', array(
'label' => __( 'Text Transform', 'tb' ),
'section' => 'tb_typography_'. $element,
'settings' => $element .'_typography[text-transform]',
'priority' => 4,
'type' => 'select',
'active_callback' => $active_callback,
'choices' => array (
'' => __( 'Default', 'tb' ),
'capitalize' => __( 'Capitalize', 'tb' ),
'lowercase' => __( 'Lowercase', 'tb' ),
'uppercase' => __( 'Uppercase', 'tb' ),
),
) );
}
// Font Size
if ( in_array( 'font-size', $settings ) ) {
$wp_customize->add_setting( $element .'_typography[font-size]', array(
'type' => 'theme_mod',
'sanitize_callback' => false,
) );
$wp_customize->add_control( $element .'_typography[font-size]', array(
'label' => __( 'Font Size', 'tb' ),
'section' => 'tb_typography_'. $element,
'settings' => $element .'_typography[font-size]',
'priority' => 5,
'type' => 'text',
'description' => __( 'Value in pixels.', 'tb' ),
'active_callback' => $active_callback,
) );
}
// Font Color
if ( in_array( 'font-color', $settings ) ) {
$wp_customize->add_setting( $element .'_typography[color]', array(
'type' => 'theme_mod',
'default' => '',
'sanitize_callback' => false,
) );
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, $element .'_typography_color', array(
'label' => __( 'Font Color', 'tb' ),
'section' => 'tb_typography_'. $element,
'settings' => $element .'_typography[color]',
'priority' => 6,
'active_callback' => $active_callback,
) ) );
}
// Line Height
if ( in_array( 'line-height', $settings ) ) {
$wp_customize->add_setting( $element .'_typography[line-height]', array(
'type' => 'theme_mod',
'sanitize_callback' => false,
) );
$wp_customize->add_control( $element .'_typography[line-height]',
array(
'label' => __( 'Line Height', 'tb' ),
'section' => 'tb_typography_'. $element,
'settings' => $element .'_typography[line-height]',
'priority' => 7,
'type' => 'text',
'active_callback' => $active_callback,
) );
}
// Letter Spacing
if ( in_array( 'letter-spacing', $settings ) ) {
$wp_customize->add_setting( $element .'_typography[letter-spacing]', array(
'type' => 'theme_mod',
'sanitize_callback' => false,
) );
$wp_customize->add_control( new WP_Customize_Control( $wp_customize, $element .'_typography_letter_spacing', array(
'label' => __( 'Letter Spacing', 'tb' ),
'section' => 'tb_typography_'. $element,
'settings' => $element .'_typography[letter-spacing]',
'priority' => 8,
'type' => 'text',
'active_callback' => $active_callback,
) ) );
}
// Margin
if ( $margin ) {
$wp_customize->add_setting( $element .'_typography[margin]', array(
'type' => 'theme_mod',
'sanitize_callback' => false,
) );
$wp_customize->add_control( $element .'_typography[margin]',
array(
'label' => __( 'Margin', 'tb' ),
'section' => 'tb_typography_'. $element,
'settings' => $element .'_typography[margin]',
'priority' => 9,
'type' => 'text',
'active_callback' => $active_callback,
) );
}
}
}
}
/**
* Loop through settings and store typography options into a cached theme mod
*
* @since 1.6.0
*/
public function loop( $return = 'css' ) {
// Define Vars
$css = '';
$fonts = array();
$elements = $this->elements();
// Loop through each elements that need typography styling applied to them
foreach( $elements as $element => $array ) {
// Attributes to loop through
if ( ! empty( $array['settings'] ) ) {
$attributes = $array['settings'];
} else {
$attributes = array( 'font-family', 'font-weight', 'font-style', 'font-size', 'color', 'line-height', 'letter-spacing', 'text-transform', 'margin' );
}
$add_css = '';
$target = isset( $array['target'] ) ? $array['target'] : '';
$get_mod = tb_get_mod( $element .'_typography' );
// Loop through attributes
foreach ( $attributes as $attribute ) {
// Define val
$default = isset( $array['defaults'][$attribute] ) ? $array['defaults'][$attribute] : NULL;
$val = isset ( $get_mod[$attribute] ) ? $get_mod[$attribute] : $default;
// If there is a value lets do something
if ( $val ) {
// Sanitize
$val = str_replace( '"', '', $val );
// Sanitize data
$val = ( 'font-size' == $attribute ) ? tb_sanitize_data( $val, 'font_size' ) : $val;
$val = ( 'letter-spacing' == $attribute ) ? tb_sanitize_data( $val, 'px' ) : $val;
// Add quotes around font-family && font family to scripts array
if ( 'font-family' == $attribute ) {
$fonts[] = $val;
$val = $val;
}
// Add custom CSS
$add_css .= $attribute .':'. $val .';';
}
}
// If there is CSS to add, then add it
if ( $add_css ) {
$css .= $target .'{'. $add_css .'}';
}
}
// Return CSS
if ( 'css' == $return && ! empty( $css ) ) {
$css = '/*TYPOGRAPHY*/'. $css;
return $css;
}
// Return Fonts Array
if ( 'fonts' == $return && ! empty( $fonts ) ) {
return array_unique( $fonts ); // Return only 1 of each font
}
}
/**
* Outputs the typography custom CSS
*
* @since 1.6.0
*/
public function head_css( $output ) {
$typography_css = $this->loop( 'css' );
if ( $typography_css ) {
$output .= $typography_css;
}
return $output;
}
/**
* Loads Google fonts via wp_enqueue_style
*
* @since 1.6.0
*/
public function load_fonts() {
// Get fonts
$fonts = $this->loop( 'fonts' );
// Loop through and enqueue fonts
if ( ! empty( $fonts ) && is_array( $fonts ) ) {
foreach ( $fonts as $font ) {
tb_enqueue_google_font( $font );
}
}
}
/**
* Add loaded fonts into the TinyMCE
*
* @since 1.6.0
*/
public function mce_fonts( $initArray ) {
// Get fonts
$fonts = $this->loop( 'fonts' );
$fonts = apply_filters( 'tb_mce_font_formats_array', $fonts );
$fonts_array = array();
// Add custom fonts
if ( function_exists( 'tb_add_custom_fonts' ) ) {
$custom_fonts = tb_add_custom_fonts();
if ( $custom_fonts && is_array( $custom_fonts ) ) {
$fonts = array_merge( $fonts, $custom_fonts );
}
}
// Loop through fonts
if ( $fonts && is_array( $fonts ) ) {
// Create new array of fonts
foreach ( $fonts as $font ) {
$fonts_array[] = $font .'=' . $font;
}
// Implode fonts array into a semicolon seperated list
$fonts = implode( ';', $fonts_array );
// Add Fonts To MCE
if ( $fonts ) {
$initArray['font_formats'] = $fonts .';Andale Mono=andale mono,times;Arial=arial,helvetica,sans-serif;Arial Black=arial black,avant garde;Book Antiqua=book antiqua,palatino;Comic Sans MS=comic sans ms,sans-serif;Courier New=courier new,courier;Georgia=georgia,palatino;Helvetica=helvetica;Impact=impact,chicago;Symbol=symbol;Tahoma=tahoma,arial,helvetica,sans-serif;Terminal=terminal,monaco;Times New Roman=times new roman,times;Trebuchet MS=trebuchet ms,geneva;Verdana=verdana,geneva;Webdings=webdings;Wingdings=wingdings,zapf dingbats';
}
}
// Return hook array
return $initArray;
}
/**
* Add loaded fonts to the sourcode in the admin so it can display in the editor
*
* @since 1.6.0
*/
public function mce_scripts() {
// Get fonts
$fonts = $this->loop( 'fonts' );
// Check
if ( empty( $fonts ) || ! is_array( $fonts ) ) {
return;
}
// Add fonts to tinymce
foreach ( $fonts as $font ) {
if ( ! in_array( $font, tb_google_fonts_array() ) ) {
continue;
}
$subset = tb_get_mod( 'google_font_subsets', 'latin' );
$subset = $subset ? $subset : 'latin';
$subset = '&subset='. $subset;
$font = '//fonts.googleapis.com/css?family='. str_replace(' ', '%20', $font ) .':300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'. $subset;
$style = str_replace( ',', '%2C', $font );
add_editor_style( $style );
}
}
}
}
$tb_theme_customizer_typography = new TB_Theme_Customizer_Typography();