sections, $parent->args, $parent->extra_tabs); $this->field = $field; $this->value = $value; $this->parent = $parent; }//function /** * Field Render Function. * * Takes the vars and outputs the HTML for the field in the settings * * @since ReduxFramework 1.0.0 */ function render(){ global $wp_filesystem; // Initialize the Wordpress filesystem, no more using file_put_contents function if (empty($wp_filesystem)) { require_once(ABSPATH .'/wp-admin/includes/file.php'); WP_Filesystem(); } // No errors please $defaults = array( 'font-family' => true, 'font-size' => true, 'subsets' => true, 'font-weight' => true, 'font-style' => true, 'font-backup' => false, 'color' => true, 'preview' => true, 'line-height' => true, 'word-spacing' => false, 'letter-spacing' => false, 'google' => true, 'update_weekly' => false // Enable to force updates of Google Fonts to be weekly ); $this->field = wp_parse_args( $this->field, $defaults ); $defaults = array( 'font-family'=>'', 'font-backup'=>'', 'line-height'=>'', 'word-spacing' => '', 'letter-spacing' => '', 'subsets'=>'', 'google'=>false, 'font-script'=>'', 'font-weight'=>'', 'font-style'=>'', 'color'=>'', 'font-size'=>'', ); $this->value = wp_parse_args( $this->value, $defaults ); if (empty($this->field['units']) && !empty($this->field['default']['units'])) { $this->field['units'] = $this->field['default']['units']; } if ( empty( $this->field['units'] ) || !in_array( $this->field['units'], array( 'px', 'em', '%' ) ) ) { $this->field['units'] = 'px'; } $unit = $this->field['units']; if ($this->field['font-family'] === true): echo '
'; /** Font Family **/ if ( filter_var($this->value['google'], FILTER_VALIDATE_BOOLEAN) ) { $fontFamily = explode(', ', $this->value['font-family'],2); if (empty($fontFamily[0]) && !empty($fontFamily[1])) { $fontFamily[0] = $fontFamily[1]; $fontFamily[1] = ""; } } if (!isset($fontFamily)) { $fontFamily = array(); $fontFamily[0] = $this->value['font-family']; $fontFamily[1] = ""; } echo ''; echo '
'; echo '
'; if ($this->field['google'] === true) { // Set a flag so we know to set a header style or not echo ''; } endif; /** Font Style/Weight **/ if ($this->field['font-style'] === true || $this->field['font-weight'] === true): echo '
'; $style = $this->value['font-weight'].$this->value['font-style']; echo ' '; echo ' '; echo '
'; endif; /** Font Script **/ if ($this->field['subsets'] === true && $this->field['google'] === true): echo '
'; echo '
'; endif; /** Font Size **/ if ($this->field['font-size'] === true): echo '
'.$unit.'
'; echo ''; endif; /** Line Height **/ if ($this->field['line-height'] === true): echo '
'.$unit.'
'; echo ''; endif; /** Word Spacing **/ if ($this->field['word-spacing'] === true): echo '
'.$unit.'
'; echo ''; endif; /** Letter Spacing **/ if ($this->field['letter-spacing'] === true): echo '
'.$unit.'
'; echo ''; endif; /** Backup Font **/ if ($this->field['font-family'] === true && $this->field['google'] === true) { // Set a flag so we know to set a header style or not echo ''; if ($this->field['font-backup'] === true) { echo '
'; echo '
'; } } /** Font Color **/ if ($this->field['color'] === true): $default = ""; if (empty($this->field['default']['color']) && !empty($this->field['color'])) { $default = $this->value['color']; } else if (!empty($this->field['default']['color'])) { $default = $this->field['default']['color']; } echo '
'; echo ''; endif; /** Font Preview **/ if (!isset( $this->field['preview'] ) || $this->field['preview'] !== false): if(isset($value['preview']['text'])){ $g_text = $value['preview']['text']; } else { $g_text = '0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz'; } if(isset($value['preview']['font-size'])) { $g_size = 'style="font-size: '. $value['preview']['font-size'] .';"'; } else { $g_size = ''; } echo '

'. $g_text .'

'; echo "
"; endif; }//function /** * Enqueue Function. * * If this field requires any scripts, or css define this function and register/enqueue the scripts/css * * @since ReduxFramework 1.0.0 */ function enqueue(){ wp_enqueue_script( 'select2-js' ); wp_enqueue_style( 'select2-css' ); wp_enqueue_style( 'wp-color-picker' ); wp_enqueue_script( 'redux-field-color-js', ReduxFramework::$_url . 'inc/fields/color/field_color.min.js', array( 'jquery', 'wp-color-picker' ), time(), true ); wp_enqueue_style( 'redux-field-color-css', ReduxFramework::$_url . 'inc/fields/color/field_color.css', time(), true ); wp_enqueue_script( 'redux-field-typography-js', ReduxFramework::$_url.'inc/fields/typography/field_typography.min.js', array('jquery', 'wp-color-picker', 'redux-field-color-js', 'select2-js', 'jquery-numeric'), time(), true ); wp_enqueue_style( 'redux-field-typography-css', ReduxFramework::$_url.'inc/fields/typography/field_typography.css', time(), true ); }//function /** * makeGoogleWebfontLink Function. * * Creates the google fonts link. * * @since ReduxFramework 3.0.0 */ function makeGoogleWebfontLink($fonts) { $link = ""; $subsets = array(); foreach($fonts as $family=>$font) { if (!empty($link)) { $link .= "|"; // Append a new font to the string } $link .= $family; if ( !empty( $font['font-style'] ) ) { $link .= ':'; if ( !empty($font['font-style'] ) ) { $link .= implode(',', $font['font-style']); } } if ( !empty( $font['subset'] ) ) { foreach($font['subset'] as $subset) { if ( !in_array( $subset, $subsets) ) { array_push($subsets, $subset); } } } } if (!empty($subsets)) { $link .= "&subset=".implode(',', $subsets); } return '//fonts.googleapis.com/css?family='.$link; } function output() { global $wp_styles; if ( !empty( $this->parent->fieldTypographySet ) ) { return; // We only run this function once! } $this->parent->fieldTypographySet = true; $outCSS = ""; $fonts = array(); foreach( $this->sections as $section ) { if( isset( $section['fields'] ) ) { foreach( $section['fields'] as $field ) { if( isset( $field['type'] ) && $field['type'] == "typography" ) { $font = $this->parent->options[$field['id']]; //echo $font['font-family']; if ( !empty( $font['font-family'] ) && !empty( $font['font-backup'] ) ) { $font['font-family'] = str_replace( ', '.$font['font-backup'], '', $font['font-family'] ); } if ( !empty( $field['output'] ) ) : // Don't create dynamic CSS if output array is not set $keys = implode(",", $field['output']); $newOutCSS = ''; foreach( $font as $key=>$value) { if (empty($value) && in_array($key, array('font-weight', 'font-style'))) { $value = "normal"; } if ( $key == "google" || $key == "subsets" || $key == "font-backup" || empty( $value ) ) { continue; } $newOutCSS .= $key.':'.$value.';'; } if ( !empty( $newOutCSS) ) { $outCSS .= $keys."{".$newOutCSS.'}'; } endif; // Google only stuff! if ( !empty( $this->parent->args['google_api_key'] ) && !empty($font['font-family']) && !empty($this->parent->options[$field['id']]['google']) && filter_var($this->parent->options[$field['id']]['google'], FILTER_VALIDATE_BOOLEAN) ) { if ( !empty( $font['font-backup'] ) && !empty( $font['font-family'] ) ) { $font['font-family'] = str_replace( ', '.$font['font-backup'], '', $font['font-family'] ); } $font['font-family'] = str_replace( ' ', '+', $font['font-family'] ); if ( empty( $fonts[$font['font-family']] ) ) { $fonts[$font['font-family']] = array(); } if ( !empty( $font['font-weight'] ) ) { if ( empty( $fonts[$font['font-family']]['font-weight'] ) || !in_array( $font['font-weight'], $fonts[$font['font-family']]['font-weight'] ) ) { $style = $font['font-weight']; } if ( !empty( $font['font-style'] ) ) { $style .= $font['font-style']; } if ( empty( $fonts[$font['font-family']]['font-style'] ) || !in_array( $style, $fonts[$font['font-family']]['font-style'] ) ) { $fonts[$font['font-family']]['font-style'][] = $style; } } if ( !empty( $font['subsets'] ) ) { if ( empty( $fonts[$font['font-family']]['subset'] ) || !in_array( $font['subsets'], $fonts[$font['font-family']]['subset'] ) ) { $fonts[$font['font-family']]['subset'][] = $font['subsets']; } } } } } } } // Typography not set $version = ''; if (!empty($this->parent->options['REDUX_last_saved'])) { $version = $this->parent->options['REDUX_last_saved']; } if ( !empty( $fonts ) && filter_var($this->parent->args['output'], FILTER_VALIDATE_BOOLEAN) ) { echo ''; //wp_register_style( 'redux-google-fonts', $this->makeGoogleWebfontLink( $fonts ), '', $version ); //wp_enqueue_style( 'redux-google-fonts' ); } if ( !empty( $outCSS ) ) { echo ''; } } /** * getGoogleFonts Function. * * Used to retrieve Google Web Fonts from their API * * @since ReduxFramework 0.2.0 */ function getGoogleFonts($wp_filesystem) { /* $sid = session_id(); if($sid) { $googleArray = $_SESSION['googleArray']; } else { session_start(); $googleArray = array(); } if (empty($_SESSION['googleArray'])) : */ if( !file_exists( ReduxFramework::$_dir.'inc/fields/typography/googlefonts.json' ) ) { $result = wp_remote_get( 'https://www.googleapis.com/webfonts/v1/webfonts?key='.$this->parent->args['google_api_key']); if ($result['response']['code'] == 200) { $result = json_decode($result['body']); foreach ($result->items as $font) { $googleArray[$font->family] = array( 'variants' => $this->getVariants($font->variants), 'subsets' => $this->getSubsets($font->subsets) ); } if ( !empty( $googleArray ) ) { $wp_filesystem->put_contents( ReduxFramework::$_dir.'inc/fields/typography/googlefonts.json', json_encode($googleArray), FS_CHMOD_FILE // predefined mode settings for WP files ); } }//if }//if if (empty($googleArray)) { $googleArray = json_decode($wp_filesystem->get_contents(ReduxFramework::$_dir.'inc/fields/typography/googlefonts.json' ), true ); } $gfonts = ''; foreach ($googleArray as $i => $face) { $gfonts .= ''; } $gfonts .= ''; //endif; if (empty($googleArray)) { $gfonts = ""; } $wp_filesystem->put_contents( ReduxFramework::$_dir.'inc/fields/typography/googlefonts.html', $gfonts, FS_CHMOD_FILE // predefined mode settings for WP files ); }//function /** * getGoogleFonts Function. * * Clean up the Google Webfonts subsets to be human readable * * @since ReduxFramework 0.2.0 */ function getSubsets($var) { $result = array(); foreach ($var as $v) { if (strpos($v,"-ext")) { $name = ucfirst(str_replace("-ext"," Extended",$v)); } else { $name = ucfirst($v); } array_push($result, array('id'=>$v, 'name'=>$name)); } return array_filter($result); }//function /** * getGoogleFonts Function. * * Clean up the Google Webfonts variants to be human readable * * @since ReduxFramework 0.2.0 */ function getVariants($var) { $result = array(); $italic = array(); foreach ($var as $v) { $name = ""; if ($v[0] == 1) { $name = 'Ultra-Light 100'; } else if ($v[0] == 2) { $name = 'Light 200'; } else if ($v[0] == 3) { $name = 'Book 300'; } else if ($v[0] == 4 || $v[0] == "r" || $v[0] == "i") { $name = 'Normal 400'; } else if ($v[0] == 5) { $name = 'Medium 500'; } else if ($v[0] == 6) { $name = 'Semi-Bold 600'; } else if ($v[0] == 7) { $name = 'Bold 700'; } else if ($v[0] == 8) { $name = 'Extra-Bold 800'; } else if ($v[0] == 9) { $name = 'Ultra-Bold 900'; } if ($v == "regular") { $v = "400"; } if (strpos($v,"italic") || $v == "italic") { $name .= " Italic"; $name = trim($name); $italic[] = array('id'=>$v, 'name'=>$name); } else { $result[] = array('id'=>$v, 'name'=>$name); } } array_push($result, array_pop($italic)); return array_filter($result); }//function }//class