id != $plugin_screen)
return;
$adding_title = __('Adding A Collection', 'mythemeshop');
$adding_content = ''.__('To add a new font for use on your site. Click the "Add New" button on the top left of the page near the "Google Typography" title.', 'mythemeshop').'
';
$adding_content .= ''.__('Once added, a new font row will appear on the page below. Next you can continue to customize your font (more info in the "Customizing" help tab).', 'mythemeshop').'
';
$adding_content .= ''.__('Watch The Video Tutorial →', 'mythemeshop').'
';
$customizing_title = __('Customizing','mythemeshop');
$customizing_content = ''.__('Customizing fonts is easy; after adding a new font row you can then customize the following font attributes:', 'mythemeshop').'
';
$customizing_content .= ''.__('Preview Text', 'mythemeshop').' - '.__('Used for live previewing your changes. This text does not appear anywhere on your website.', 'mythemeshop').'Preview Background Color - Allows you to swap between light and dark backgrounds when previewing this font.'.__('Font Family', 'mythemeshop').' - '.__('The font family to use for this font. Choose from a real-time list of all available Google Fonts.', 'mythemeshop').''.__('Font Variant', 'mythemeshop').' - '.__('The variant to use for this font. Note: Each font has it\'s own variant options.', 'mythemeshop').''.__('Font Size', 'mythemeshop').' - '.__('The size you would like this font to be.', 'mythemeshop').''.__('Font Color', 'mythemeshop').' - '.__('The color you\'d like to use for this font.', 'mythemeshop').''.__('CSS Selectors', 'mythemeshop').' - '.__('The HTML tags or CSS selectors you\'d like this font to apply to (more info in the "CSS Selectors" help tab). You can specify multiple selectors separated by comma\'s. Ex: h1, #some_id, .some_class', 'mythemeshop').'' . __('CSS Selectors are used to hook your font rows into your actual website. Once you\'ve added, customized, and defined CSS selectors for your fonts, Google Typography will automatically insert all the necessary CSS into your website.', 'mythemeshop') . '
';
$selectors_content = '' . __('Here are some examples of the selectors you can use:', 'mythemeshop') . '
';
$selectors_content .= ''.__('IDs', 'mythemeshop').': '.__('#selector', 'mythemeshop').''.__('Classes:', 'mythemeshop').': '.__('.selector', 'mythemeshop').''.__('HTML Tags', 'mythemeshop').': '.__('span', 'mythemeshop').''.__('Example', 'mythemeshop').': '.__('#selector span.date', 'mythemeshop').'
';
$screen->add_help_tab(array(
'id' => 'adding',
'title' => $adding_title,
'content' => $adding_content
));
$screen->add_help_tab(array(
'id' => 'customizing',
'title' => $customizing_title,
'content' => $customizing_content
));
$screen->add_help_tab(array(
'id' => 'selectors',
'title' => $selectors_title,
'content' => $selectors_content
));
}
/**
* Initialize plugin options link
*
*/
function plugin_link($links, $file) {
if ( $file == 'google-typography/google-typography.php' ) {
$links['settings'] = sprintf( ' %s ', admin_url( 'themes.php?page=typography' ), __( 'Settings', 'plugin_domain' ) );
}
return $links;
}
/**
* Build the frontend CSS to apply to wp_head()
*
* @uses get_option()
* @uses GoogleTypography::stringify_fonts()
*
*/
function build_frontend() {
$collections = get_option('google_typography_collections');
$import_fonts = array();
$font_styles = '';
if($collections) {
global $frontend;
foreach($collections as $collection){
if(isset($collection['css_selectors']) && $collection['css_selectors'] != "" && isset($collection['font_variant'])) {
array_push($import_fonts, array('font_family' => $collection['font_family'], 'font_variant' => $collection['font_variant']));
$font_styles .= $collection['css_selectors'] . '{ ';
$font_styles .= 'font-family: "' . $collection['font_family'] . '";';
$font_styles .= 'font-weight: ' . $collection['font_variant'] . ';';
$font_styles .= 'font-size: ' . $collection['font_size'] . ';';
$font_styles .= 'color: ' . $collection['font_color'] . ';';
$font_styles .= " }\n";
}
}
$import_url = ''.__('Watch the video tutorial →', 'mythemeshop').' ';
$step_1_title = __('1. Pick A Font', 'mythemeshop');
$step_1_desc = __('Choose from any of the 600+ Google Fonts.', 'mythemeshop');
$step_2_title = __('2. Customize It', 'mythemeshop');
$step_2_desc = __('Pick a size, variant, color and more.', 'mythemeshop');
$step_3_title = __('3. Attach It', 'mythemeshop');
$step_3_desc = __('Attach your font to any CSS selector(s).', 'mythemeshop');
$year = date("Y");
$fonts = $this->get_fonts();
$font_families = "";
if (is_array($fonts)) {
foreach ($fonts as $font) {
$font_family = $font['family'];
$font_families .= "$font_family ";
}
}
$numbers = "";
foreach (range(1, 120) as $number) {
$numbers .= "{$number}px ";
}
if(get_option("google_typography_default")) {
$reset_link = ''.$reset.' ';
} else { $reset_link = ''; }
echo <<
$title
$add_new
$reset_link
$loading
$welcome_title
$welcome_subtitle
$step_1_title
$step_1_desc
$step_2_title
$step_2_desc
$step_3_title
$step_3_desc
EOT;
}
/**
* Function for retrieving user font collections
*
*
* @uses get_option()
* @uses json_encode()
* @return JSON object with all user fonts
*
*/
function ajax_get_user_fonts() {
$collections = get_option('google_typography_collections');
$retrieved = $collections ? true : false;
$response = json_encode( array( 'success' => $retrieved, 'collections' => $collections ) );
header( "Content-Type: application/json" );
echo $response;
exit;
}
/**
* Function for saving user font collections
*
*
* @uses update_option()
* @uses json_encode()
* @return JSON object with all user fonts
*
*/
function ajax_save_user_fonts() {
$collections = $_REQUEST['collections'];
$collections = update_option('google_typography_collections', $collections);
$response = json_encode( array( 'success' => true, 'collections' => $collections ) );
header( "Content-Type: application/json" );
echo $response;
exit;
}
/**
* Function for resetting user font collections
*
*
* @uses delete_option()
* @uses json_encode()
* @return JSON object with all user fonts
*
*/
function ajax_reset_user_fonts() {
delete_option('google_typography_default');
delete_option('google_typography_collections');
$response = json_encode( array( 'success' => true ) );
header( "Content-Type: application/json" );
echo $response;
exit;
}
/**
* AJAX function for retrieving fonts from Google
*
*
* @uses GoogleTypography::multidimensional_search()
* @uses header()
* @return JSON object with font data
*
*/
function ajax_get_google_fonts() {
$fonts = $this->get_fonts();
header("Content-Type: application/json");
echo json_encode($fonts);
exit;
}
/**
* AJAX function for retrieving font variants
*
*
* @uses GoogleTypography::multidimensional_search()
* @uses header()
* @return JSON object with font data
*
*/
function ajax_get_google_font_variants() {
$fonts = $this->get_fonts();
$font_family = $_GET['font_family'];
$result = $this->multidimensional_search($fonts, array('family' => $font_family));
header("Content-Type: application/json");
echo json_encode($result['variants']);
exit;
}
/**
* Function for retrieving and saving fonts from Google
*
*
* @uses get_transient()
* @uses set_transient()
* @uses wp_remote_get()
* @uses wp_remote_retrieve_body()
* @uses json_decode()
* @return JSON object with font data
*
*/
function get_fonts() {
$fonts = get_transient( 'google_typography_fonts' );
if (false === $fonts) {
$request = wp_remote_get($this->api_url, array( 'sslverify' => false ));
if( is_wp_error( $request ) ) {
$error_message = $request->get_error_message();
echo "Something went wrong: $error_message";
} else {
$json = wp_remote_retrieve_body($request);
$data = json_decode($json, TRUE);
$items = $data['items'];
$i = 0;
foreach ($items as $item) {
$i++;
$variants = array();
foreach ($item['variants'] as $variant) {
if(!stripos($variant, "italic") && $variant != "italic") {
if($variant == "regular") {
$variants[] = "normal";
} else {
$variants[] = $variant;
}
}
}
$fonts[] = array('uid' => $i, 'family' => $item['family'], 'variants' => $variants);
}
set_transient( 'google_typography_fonts', $fonts, 60 * 60 * 24 );
}
}
return $fonts;
}
/**
* Function for searching array of fonts
*
*
* @return JSON object with font data
*
*/
function multidimensional_search($parents, $searched) {
if (empty($searched) || empty($parents)) {
return false;
}
foreach($parents as $key => $value) {
$exists = true;
foreach ($searched as $skey => $svalue) {
$exists = ($exists && IsSet($parents[$key][$skey]) && $parents[$key][$skey] == $svalue);
}
if($exists){ return $parents[$key]; }
}
return false;
}
/**
* Enqueue admin styles and scripts
*
*
* @uses wp_register_script()
* @uses wp_enqueue_script()
* @uses wp_register_style()
* @uses wp_enqueue_style()
*
*/
function admin_scripts() {
//Javascripts
wp_register_script('google-webfont', 'https://ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js', false);
wp_register_script('google-typography', get_template_directory_uri() .'/options/google-typography/javascripts/google-typography.js', array('jquery', 'jquery-ui-sortable', 'wp-color-picker'));
wp_register_script('chosen2', get_template_directory_uri() .'/options/google-typography/javascripts/jquery.chosen.js', array('jquery'));
wp_enqueue_script('google-webfont');
wp_enqueue_script('google-typography');
wp_enqueue_script('chosen2');
// Stylesheets
wp_register_style('google-typography', get_template_directory_uri() .'/options/google-typography/stylesheets/google-typography.css', false, '1.0.0');
wp_register_style('chosen', get_template_directory_uri() .'/options/google-typography/stylesheets/chosen.css', false, '1.0.0');
wp_register_style('google-font', 'http://fonts.googleapis.com/css?family=Lato:300,400');
wp_enqueue_style('google-typography');
wp_enqueue_style('chosen');
wp_enqueue_style('google-font');
wp_enqueue_style('wp-color-picker');
}
}
GoogleTypography::init();
/**
* Function for registering default typography collections
*
*
* @uses get_option()
* @uses update_option()
*
*/
function register_typography($collections) {
if(!get_option('google_typography_default')) {
$defaults = array();
delete_option('google_typography_collections');
foreach($collections as $key => $collection) {
array_push($defaults,
array_merge(
array('default' => true),
$collection
)
);
}
update_option('google_typography_default', true);
update_option('google_typography_collections', $defaults);
}
}