add_panel(
$panel,
array(
'title' => __( 'Colors', 'pen' ),
'priority' => 1,
)
);
$wp_customize->get_section( 'colors' )->title = __( 'General', 'pen' );
$wp_customize->get_section( 'colors' )->priority = 1;
$wp_customize->get_section( 'colors' )->panel = 'pen_colors';
/**
* General.
*/
$section = 'pen_section_colors_general';
$wp_customize->add_section(
$section,
array(
'title' => __( 'General', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_color_shadow[$preset]";
$label = __( 'Shadows', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_site_shadow_display[$preset]";
$label = __( 'Shadow display', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_site_background[$preset]";
$label = __( 'Site background color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_site_background_effect[$preset]";
$label = __( 'Site background effect', 'pen' );
$choices = array(
'none' => __( 'None', 'pen' ),
'trianglify' => __( 'Trianglify', 'pen' ),
'shards' => __( 'Shards', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_color_text[$preset]";
$label = __( 'Text', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_link[$preset]";
$label = __( 'Links color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_link_hover[$preset]";
$label = __( 'Links (hover)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_button_background_primary[$preset]";
$label = __( 'Buttons background (top)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_button_background_secondary[$preset]";
$label = __( 'Buttons background (bottom)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_button_text[$preset]";
$label = __( 'Buttons text', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_button_border[$preset]";
$label = __( 'Buttons border', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
/**
* Header.
*/
$section = 'pen_section_colors_header';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Header', 'pen' ),
'panel' => $panel,
'description_hidden' => true,
)
);
$setting_id = "pen_color_header_background_primary[$preset]";
$label = __( 'Background (primary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_header_background_secondary[$preset]";
$label = __( 'Background (secondary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_header_background_angle[$preset]";
$label = __( 'Angle', 'pen' );
$choices = array(
'to right' => __( 'Horizontal', 'pen' ),
'125deg' => __( 'Diagonal', 'pen' ),
'to bottom' => __( 'Vertical', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_color_header_text_shadow[$preset]";
$label = __( 'Text shadow color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_text_shadow_display[$preset]";
$label = __( 'Text shadow', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_sitetitle[$preset]";
$label = __( 'Site title color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_sitetitle_hover[$preset]";
$label = __( 'Site title (hover)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_sitedescription[$preset]";
$label = __( 'Site description color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_sitedescription_hover[$preset]";
$label = __( 'Site description (hover)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_phone[$preset]";
$label = __( 'Phone color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_phone_hover[$preset]";
$label = __( 'Phone (hover)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_link[$preset]";
$label = __( 'Links color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_link_hover[$preset]";
$label = __( 'Links (hover)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_text[$preset]";
$label = __( 'Text color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_field_background_primary[$preset]";
$label = __( 'Form fields background (top)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_field_background_secondary[$preset]";
$label = __( 'Form fields background (bottom)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_field_text[$preset]";
$label = __( 'Form fields text color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_header_search_background_primary[$preset]";
$label = __( 'Search button (top)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_header_search_background_secondary[$preset]";
$label = __( 'Search button (bottom)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_header_search_text[$preset]";
$label = __( 'Search button text', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
/**
* Navigation colors.
*/
$section = 'pen_section_colors_navigation';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Navigation', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_color_navigation_background_primary[$preset]";
$label = __( 'Background (primary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_navigation_background_secondary[$preset]";
$label = __( 'Background (secondary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_navigation_background_angle[$preset]";
$label = __( 'Angle', 'pen' );
$choices = array(
'to right' => __( 'Horizontal', 'pen' ),
'125deg' => __( 'Diagonal', 'pen' ),
'to bottom' => __( 'Vertical', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_color_navigation_background_submenu_primary[$preset]";
$label = __( 'Sub-menu background (primary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_navigation_background_submenu_secondary[$preset]";
$label = __( 'Sub-menu background (secondary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_navigation_background_submenu_angle[$preset]";
$label = __( 'Angle', 'pen' );
$choices = array(
'to right' => __( 'Horizontal', 'pen' ),
'125deg' => __( 'Diagonal', 'pen' ),
'to bottom' => __( 'Vertical', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_color_navigation_text_shadow[$preset]";
$label = __( 'Text shadow color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_navigation_text_shadow_display[$preset]";
$label = __( 'Text shadow', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_navigation_link[$preset]";
$label = __( 'Links color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_navigation_link_hover[$preset]";
$label = __( 'Links (hover)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_navigation_link_submenu[$preset]";
$label = __( 'Submenu links color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_navigation_link_hover_submenu[$preset]";
$label = __( 'Submenu links (hover)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_navigation_text_shadow_submenu[$preset]";
$label = __( 'Text shadow (submenus)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_navigation_text_shadow_display_submenu[$preset]";
$label = __( 'Text shadow (submenus)', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'postMessage', $label );
/**
* Search.
*/
$section = 'pen_section_colors_search';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Search Bar', 'pen' ),
'panel' => $panel,
'description' => __( 'Please make sure you have the search box added to the top of the content area through Customize → Header → Search, otherwise changes that you will make in this section cannot be previewed live like the rest of the settings.', 'pen' ),
)
);
$setting_id = "pen_color_search_background_primary[$preset]";
$label = __( 'Background (primary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_search_background_secondary[$preset]";
$label = __( 'Background (secondary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_search_background_angle[$preset]";
$label = __( 'Angle', 'pen' );
$choices = array(
'to right' => __( 'Horizontal', 'pen' ),
'125deg' => __( 'Diagonal', 'pen' ),
'to bottom' => __( 'Vertical', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_color_search_field_background_primary[$preset]";
$label = __( 'Search fields background (top)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_search_field_background_secondary[$preset]";
$label = __( 'Search fields background (bottom)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_search_field_text[$preset]";
$label = __( 'Form fields text color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_search_button_background_primary[$preset]";
$label = __( 'Search button (top)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_search_button_background_secondary[$preset]";
$label = __( 'Search button (bottom)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_search_button_text[$preset]";
$label = __( 'Search button text', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_search_text[$preset]";
$label = __( 'Text color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_search_link[$preset]";
$label = __( 'Links color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_search_link_hover[$preset]";
$label = __( 'Links (hover)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_search_text_shadow[$preset]";
$label = __( 'Text shadow color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_search_text_shadow_display[$preset]";
$label = __( 'Text shadow', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'postMessage', $label );
/**
* Content.
*/
$section = 'pen_section_colors_content';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Posts & pages', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_color_content_title_background_primary[$preset]";
$label = __( 'Post title background (primary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_content_title_background_secondary[$preset]";
$label = __( 'Post title background (secondary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_content_title_background_angle[$preset]";
$label = __( 'Angle', 'pen' );
$choices = array(
'to right' => __( 'Horizontal', 'pen' ),
'125deg' => __( 'Diagonal', 'pen' ),
'to bottom' => __( 'Vertical', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'postMessage', $choices, $label );
$setting_id = "pen_color_content_title_text[$preset]";
$label = __( 'Post title text color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_content_title_text_shadow[$preset]";
$label = __( 'Post title text shadow color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_content_title_text_shadow_display[$preset]";
$label = __( 'Post title text shadow', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_content_title_link[$preset]";
$label = __( 'Post title link color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_content_title_link_hover[$preset]";
$label = __( 'Post title link (hover)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_content_background_primary[$preset]";
$label = __( 'Background color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_content_thumbnail_frame[$preset]";
$label = __( 'Featured image frame (Full content)', 'pen' );
$description = __( 'Make sure the thumbnail frame is enabled in Customize → Content → Full content view.', 'pen' );
$choices = array(
'#ffffff' => __( 'Light', 'pen' ),
'#000000' => __( 'Dark', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'postMessage', $choices, $label, $description );
$setting_id = "pen_color_content_text[$preset]";
$label = __( 'Text color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_content_link[$preset]";
$label = __( 'Links', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_content_link_hover[$preset]";
$label = __( 'Links (hover)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_content_field_background_primary[$preset]";
$label = __( 'Form fields background (top)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_content_field_background_secondary[$preset]";
$label = __( 'Form fields background (bottom)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_content_field_text[$preset]";
$label = __( 'Form fields text color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
/**
* Lists.
*/
$section = 'pen_section_colors_list';
$wp_customize->add_section(
$section,
array(
'title' => __( 'List views', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_color_list_thumbnail_frame[$preset]";
$label = __( 'Featured image frame (plain list)', 'pen' );
$description = __( 'Make sure the thumbnail frame is enabled in Customize → Content → List Views.', 'pen' );
$choices = array(
'#ffffff' => __( 'Light', 'pen' ),
'#000000' => __( 'Dark', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'postMessage', $choices, $label, $description );
$setting_id = "pen_color_list_thumbnail_background_primary[$preset]";
$label = __( 'Thumbnails background (primary)', 'pen' );
$description = __( 'Only for the jQuery Masonry layouts.', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_color_list_thumbnail_background_secondary[$preset]";
$label = __( 'Thumbnails background (secondary)', 'pen' );
$description = __( 'Only for the jQuery Masonry layouts.', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
/**
* Bottom.
*/
$section = 'pen_section_colors_bottom';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Bottom', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_color_bottom_background_transparent[$preset]";
$label = __( 'Transparent background', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_bottom_background_primary[$preset]";
$label = __( 'Background (primary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_bottom_background_secondary[$preset]";
$label = __( 'Background (secondary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_bottom_background_angle[$preset]";
$label = __( 'Angle', 'pen' );
$choices = array(
'to right' => __( 'Horizontal', 'pen' ),
'125deg' => __( 'Diagonal', 'pen' ),
'to bottom' => __( 'Vertical', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_color_bottom_text[$preset]";
$label = __( 'Text color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_bottom_link[$preset]";
$label = __( 'Links color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_bottom_link_hover[$preset]";
$label = __( 'Links (hover)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_bottom_text_shadow[$preset]";
$label = __( 'Text shadow color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_bottom_text_shadow_display[$preset]";
$label = __( 'Text shadow', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_bottom_headings[$preset]";
$label = __( 'Headings color', 'pen' );
$description = __( 'Only applies to widgets with no color scheme.', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label, $description );
$setting_id = "pen_color_bottom_headings_text_shadow[$preset]";
$label = __( 'Headings shadow color', 'pen' );
$description = __( 'Only applies to widgets with no color scheme.', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label, $description );
$setting_id = "pen_color_bottom_headings_text_shadow_display[$preset]";
$label = __( 'Headings shadow', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_bottom_field_background_primary[$preset]";
$label = __( 'Form fields background (top)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_bottom_field_background_secondary[$preset]";
$label = __( 'Form fields background (bottom)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_bottom_field_text[$preset]";
$label = __( 'Form fields text color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
/**
* Footer.
*/
$section = 'pen_section_colors_footer';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Footer', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_color_footer_background_transparent[$preset]";
$label = __( 'Transparent background', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_footer_background_primary[$preset]";
$label = __( 'Background (primary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_footer_background_secondary[$preset]";
$label = __( 'Background (secondary)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_footer_background_angle[$preset]";
$label = __( 'Angle', 'pen' );
$choices = array(
'to right' => __( 'Horizontal', 'pen' ),
'125deg' => __( 'Diagonal', 'pen' ),
'to bottom' => __( 'Vertical', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_color_footer_text[$preset]";
$label = __( 'Text color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_footer_link[$preset]";
$label = __( 'Links color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_footer_link_hover[$preset]";
$label = __( 'Links (hover)', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_color_footer_text_shadow[$preset]";
$label = __( 'Text shadow color', 'pen' );
pen_control_color( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_color_footer_text_shadow_display[$preset]";
$label = __( 'Text shadow', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'postMessage', $label );
}
}
if ( ! function_exists( 'pen_customize_typography' ) ) {
/**
* Adds typography options.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
*
* @since Pen 1.0.0
* @return void
*/
function pen_customize_typography( &$wp_customize ) {
$preset = 'preset_1';
$preset_font = esc_html( pen_preset_get( 'font_family' ) );
$list_fonts = array_merge(
array(
'default' => __( 'Default', 'pen' ),
),
pen_fonts_all()
);
$list_sizes = array(
'0.5em' => __( 'Very Small', 'pen' ),
'0.75em' => __( 'Small', 'pen' ),
'default' => __( 'Default', 'pen' ),
'2em' => __( 'Large', 'pen' ),
'3em' => __( 'Very Large', 'pen' ),
);
$panel = 'pen_panel_typography';
$wp_customize->add_panel(
$panel,
array(
'title' => __( 'Typography', 'pen' ),
'priority' => 2,
)
);
/**
* General.
*/
$section = 'pen_section_typography_general';
$wp_customize->add_section(
$section,
array(
'title' => __( 'General', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_font_family_site[$preset_font]";
$label = __( 'Base font', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_family_headings[$preset_font]";
$label = __( 'Headings font', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_family_title_list[$preset_font]";
$label = __( 'Content title font (In lists)', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_size_title_list[$preset]";
$label = __( 'Content title font size (In lists)', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_sizes, $label );
$setting_id = "pen_font_family_title_content[$preset_font]";
$label = __( 'Content title font (Full content)', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_size_title_content[$preset]";
$label = __( 'Content title font size (Full content)', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_sizes, $label );
$setting_id = "pen_font_family_forms[$preset_font]";
$label = __( 'Forms font', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_family_buttons[$preset_font]";
$label = __( 'Buttons font', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
/**
* Header.
*/
$section = 'pen_section_typography_header';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Header', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_font_family_sitetitle[$preset_font]";
$label = __( 'Site title font', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_size_sitetitle[$preset]";
$label = __( 'Site title font size', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_sizes, $label );
$setting_id = "pen_font_resize_sitetitle[$preset]";
$label = __( 'Site title font resize', 'pen' );
$description = __( 'Font size enhancement on small screens', 'pen' );
$choices = array(
'none' => __( 'Disabled', 'pen' ),
'dynamic' => __( 'Dynamic', 'pen' ),
'resize' => __( 'Shrink to fit', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label, $description );
$setting_id = "pen_font_family_sitedescription[$preset_font]";
$label = __( 'Site description font', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_size_sitedescription[$preset]";
$label = __( 'Site description font size', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_sizes, $label );
$setting_id = "pen_font_size_social_header[$preset]";
$label = __( 'Social links font size', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_sizes, $label );
$setting_id = "pen_font_family_phone_header[$preset_font]";
$label = __( 'Phone font', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_size_phone_header[$preset]";
$label = __( 'Phone font size', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_sizes, $label );
/**
* Footer fonts.
*/
$section = 'pen_section_typography_footer';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Footer', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_font_family_phone_footer[$preset_font]";
$label = __( 'Phone font', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_size_phone_footer[$preset]";
$label = __( 'Phone font size', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_sizes, $label );
/**
* Navigation font.
*/
$section = 'pen_section_typography_navigation';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Navigation', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_font_family_navigation[$preset_font]";
$label = __( 'Navigation font (parents)', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_size_navigation[$preset]";
$label = __( 'Navigation font size', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_sizes, $label );
$setting_id = "pen_font_family_navigation_submenu[$preset_font]";
$label = __( 'Navigation font (sub-menus)', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
/**
* Sidebars.
*/
$section = 'pen_section_typography_sidebars';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Sidebars', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_font_family_widget_title_top[$preset_font]";
$label = __( 'Top: Widget title font', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_size_widget_title_top[$preset]";
$label = __( 'Top: Widget title font size', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_sizes, $label );
$setting_id = "pen_font_family_widget_title_left[$preset_font]";
$label = __( 'Left: Widget title font', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_size_widget_title_left[$preset]";
$label = __( 'Left: Widget title font size', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_sizes, $label );
$setting_id = "pen_font_family_widget_title_right[$preset_font]";
$label = __( 'Right: Widget title font', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_size_widget_title_right[$preset]";
$label = __( 'Right: Widget title font size', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_sizes, $label );
$setting_id = "pen_font_family_widget_title_bottom[$preset_font]";
$label = __( 'Bottom: Widget title font', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_fonts, $label );
$setting_id = "pen_font_size_widget_title_bottom[$preset]";
$label = __( 'Bottom: Widget title font size', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $list_sizes, $label );
}
}
if ( ! function_exists( 'pen_customize_header' ) ) {
/**
* Adds header options.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
*
* @since Pen 1.0.0
* @return void
*/
function pen_customize_header( &$wp_customize ) {
$preset = 'preset_1';
$panel = 'pen_panel_header';
$wp_customize->add_panel(
$panel,
array(
'title' => __( 'Header', 'pen' ),
'priority' => 3,
)
);
/*
* Layout.
*/
$section = 'pen_section_header_general';
$wp_customize->add_section(
$section,
array(
'title' => __( 'General', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_header_sticky[$preset]";
$label = __( 'Sticky header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_header_sitetitle_display[$preset]";
$label = __( 'Display the site title', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_header_sitetitle_animation_reveal[$preset]";
$label = __( 'Site title animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$setting_id = "pen_header_sitedescription_display[$preset]";
$label = __( 'Display the site description', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_header_sitedescription_animation_reveal[$preset]";
$label = __( 'Site description animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$setting_id = "pen_header_alignment[$preset]";
$label = __( 'Header alignment', 'pen' );
$choices = array(
'left' => __( 'Left', 'pen' ),
'center' => __( 'Center', 'pen' ),
'right' => __( 'Right', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'postMessage', $choices, $label );
/*
* Search.
*/
$section = 'pen_section_header_search';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Search', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_search_display[$preset]";
$label = __( 'Display the search box', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_search_location[$preset]";
$label = __( 'Search box location', 'pen' );
$choices = array(
'header' => __( 'Header', 'pen' ),
'content' => __( 'Content area', 'pen' ),
);
pen_control_radio( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
/*
* Navigation.
*/
$section = 'pen_section_header_navigation';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Navigation', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_navigation_display[$preset]";
$label = __( 'Display the main navigation menu', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_navigation_mobile_display[$preset]";
$label = __( 'Display the mobile navigation menu', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_navigation_animation_reveal[$preset]";
$label = __( 'Animation on page load', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$setting_id = "pen_navigation_separator[$preset]";
$label = __( 'Menu separator', 'pen' );
$choices = array(
0 => __( 'None', 'pen' ),
);
for ( $i = 1; $i <= 10; $i++ ) {
/* Translators: %d the style number. */
$choices[ $i ] = sprintf( __( 'Style %d', 'pen' ), $i );
}
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_navigation_separator_submenu[$preset]";
$label = __( 'Sub-menu separator', 'pen' );
$choices = array(
0 => __( 'None', 'pen' ),
);
for ( $i = 1; $i <= 10; $i++ ) {
/* Translators: %d the style number. */
$choices[ $i ] = sprintf( __( 'Style %d', 'pen' ), $i );
}
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_navigation_hover[$preset]";
$label = __( 'Hover style', 'pen' );
$choices = array(
0 => __( 'None', 'pen' ),
);
for ( $i = 1; $i <= 10; $i++ ) {
/* Translators: %d the style number. */
$choices[ $i ] = sprintf( __( 'Style %d', 'pen' ), $i );
}
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_navigation_arrows[$preset]";
$label = __( 'Dropdown arrows', 'pen' );
$choices = array(
0 => __( 'None', 'pen' ),
);
for ( $i = 1; $i <= 10; $i++ ) {
/* Translators: %d the style number. */
$choices[ $i ] = sprintf( __( 'Style %d', 'pen' ), $i );
}
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_navigation_easing[$preset]";
$label = __( 'Dropdown animation', 'pen' );
$choices = array(
'' => __( 'None', 'pen' ),
'easeInBack' => 'easeInBack',
'easeInBounce' => 'easeInBounce',
'easeInCirc' => 'easeInCirc',
'easeInCubic' => 'easeInCubic',
'easeInElastic' => 'easeInElastic',
'easeInExpo' => 'easeInExpo',
'easeInQuad' => 'easeInQuad',
'easeInQuart' => 'easeInQuart',
'easeInQuint' => 'easeInQuint',
'easeInSine' => 'easeInSine',
'swing' => 'swing',
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_navigation_animation_speed[$preset]";
$label = __( 'Dropdown animation speed', 'pen' );
$choices = array(
2000 => __( 'Very Slow', 'pen' ),
1000 => __( 'Slow', 'pen' ),
500 => __( 'Normal', 'pen' ),
250 => __( 'Fast', 'pen' ),
100 => __( 'Very Fast', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_navigation_alignment[$preset]";
$label = __( 'Navigation alignment', 'pen' );
$choices = array(
'left' => __( 'Left', 'pen' ),
'center' => __( 'Center', 'pen' ),
'right' => __( 'Right', 'pen' ),
);
pen_control_radio( $wp_customize, $setting_id, $section, 'postMessage', $choices, $label );
}
}
if ( ! function_exists( 'pen_customize_content_list' ) ) {
/**
* Adds "Content list" options.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
*
* @since Pen 1.0.0
* @return void
*/
function pen_customize_content_list( &$wp_customize ) {
$preset = 'preset_1';
$panel = 'pen_panel_content';
$wp_customize->add_panel(
$panel,
array(
'title' => __( 'Content', 'pen' ),
'priority' => 4,
)
);
$section = 'pen_section_list';
$wp_customize->add_section(
$section,
array(
'title' => __( 'List Views', 'pen' ),
'panel' => $panel,
'description' => __( 'The following options apply to both "Plain list" and "jQuery Masonry" layouts.', 'pen' ),
)
);
$setting_id = "pen_list_type[$preset]";
$label = __( 'Layout', 'pen' );
$choices = array(
'masonry' => __( 'jQuery Masonry', 'pen' ),
'plain' => __( 'Plain list', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_list_masonry_columns[$preset]";
$label = __( 'jQuery Masonry: Columns', 'pen' );
$description = __( 'Maximum number of columns', 'pen' );
$choices = array(
'2' => __( 'Two', 'pen' ),
'3' => __( 'Three', 'pen' ),
'4' => __( 'Four', 'pen' ),
'5' => __( 'Five', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label, $description );
$setting_id = "pen_list_masonry_thumbnail_effect[$preset]";
$label = __( 'jQuery Masonry: Thumbnails effect', 'pen' );
$choices = array(
'none' => __( 'None', 'pen' ),
'zoom_in' => __( 'Zoom in', 'pen' ),
'zoom_out' => __( 'Zoom out', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_list_masonry_thumbnail_style[$preset]";
$label = __( 'jQuery Masonry: Thumbnails style', 'pen' );
$choices = array(
0 => __( 'None', 'pen' ),
);
for ( $i = 1; $i <= 25; $i++ ) {
/* Translators: %d the style number. */
$choices[ $i ] = sprintf( __( 'Style %d', 'pen' ), $i );
}
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_list_animation_reveal[$preset]";
$label = __( 'Content list animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$setting_id = "pen_list_effect[$preset]";
$label = __( 'Content list effect', 'pen' );
$description = __( 'This may not work in conjunction with some of the animations in the "Content list animation" above.', 'pen' );
$choices = array(
'none' => __( 'None', 'pen' ),
'enlarge' => __( 'Enlarge', 'pen' ),
'fade' => __( 'Fade', 'pen' ),
'enlarge_fade' => __( 'Enlarge + Fade', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label, $description );
$setting_id = "pen_list_header_display[$preset]";
$label = __( 'Display post header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_post_header_alignment[$preset]";
$label = __( 'Center-align post header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_title_alignment[$preset]";
$label = __( 'Center-align post titles', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_excerpt[$preset]";
$label = __( 'Display excerpt', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_footer_display[$preset]";
$label = __( 'Display post footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_title_display[$preset]";
$label = __( 'Display post titles', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_author_location[$preset]";
$label = __( 'Post author location', 'pen' );
$choices = array(
'header' => __( 'Post header', 'pen' ),
'footer' => __( 'Post footer', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_list_author_display[$preset]";
$label = __( 'Display post authors', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_author_animation_reveal[$preset]";
$label = __( 'Author profile animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$setting_id = "pen_list_date_location[$preset]";
$label = __( 'Post date location', 'pen' );
$choices = array(
'header' => __( 'Post header', 'pen' ),
'footer' => __( 'Post footer', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_list_date_display[$preset]";
$label = __( 'Display post date', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_category_location[$preset]";
$label = __( 'Post categories location', 'pen' );
$choices = array(
'header' => __( 'Post header', 'pen' ),
'footer' => __( 'Post footer', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_list_category_display[$preset]";
$label = __( 'Display post categories', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_category_only_first[$preset]";
$label = __( 'Display the first category only', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_thumbnail_display[$preset]";
$label = __( 'Display post thumbnails', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_thumbnail_animation_reveal[$preset]";
$label = __( 'Thumbnails animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$setting_id = "pen_list_thumbnail_rotate[$preset]";
$label = __( 'Post thumbnail rotate', 'pen' );
$description = __( 'Does not apply to the jQuery Masonry layout.', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_list_thumbnail_frame[$preset]";
$label = __( 'Post thumbnail frame', 'pen' );
$description = __( 'Does not apply to the jQuery Masonry layout.', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_list_thumbnail_alignment[$preset]";
$label = __( 'Post thumbnail alignment', 'pen' );
$description = __( 'Does not apply to the jQuery Masonry layout.', 'pen' );
$choices = array(
'left' => __( 'Left', 'pen' ),
'center' => __( 'Center', 'pen' ),
'right' => __( 'Right', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label, $description );
$setting_id = "pen_list_thumbnail_resize[$preset]";
$label = __( 'Post thumbnail size', 'pen' );
$description = __( 'Does not apply to the jQuery Masonry layout.', 'pen' );
$thumbnail_sizes = array(
'none' => __( 'None', 'pen' ),
);
foreach ( get_intermediate_image_sizes() as $size ) { /* phpcs:ignore */
$thumbnail_sizes[ $size ] = ucfirst( $size );
}
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $thumbnail_sizes, $label, $description );
$setting_id = "pen_list_summary_display[$preset]";
$label = __( 'Display post summaries', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_profile_display[$preset]";
$label = __( 'Display author profile', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_tags_display[$preset]";
$label = __( 'Footer: Display post tags', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_button_comment_display[$preset]";
$label = __( 'Footer: Display post comment buttons', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_button_edit_display[$preset]";
$label = __( 'Footer: Display post edit buttons', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_list_pager_animation_reveal[$preset]";
$label = __( 'Pagination buttons animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
}
}
if ( ! function_exists( 'pen_customize_content_full' ) ) {
/**
* Adds "Full content" options.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
*
* @since Pen 1.0.2
* @return void
*/
function pen_customize_content_full( &$wp_customize ) {
$preset = 'preset_1';
$panel = 'pen_panel_content';
$section = 'pen_section_content';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Full Content Views', 'pen' ),
'description' => __( 'You can override these settings for individual contents through Posts (or Pages) → Edit → Pen Options.', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_content_animation_reveal[$preset]";
$label = __( 'Content area animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$setting_id = "pen_content_header_display[$preset]";
$label = __( 'Display post header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_header_alignment[$preset]";
$label = __( 'Center-align post header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_footer_display[$preset]";
$label = __( 'Display post footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_title_alignment[$preset]";
$label = __( 'Center-align post titles', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_title_display[$preset]";
$label = __( 'Display post title', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_author_location[$preset]";
$label = __( 'Post author location', 'pen' );
$choices = array(
'header' => __( 'Post header', 'pen' ),
'footer' => __( 'Post footer', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_content_author_display[$preset]";
$label = __( 'Display post author', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_author_animation_reveal[$preset]";
$label = __( 'Author profile animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$setting_id = "pen_content_date_location[$preset]";
$label = __( 'Post date location', 'pen' );
$choices = array(
'header' => __( 'Post header', 'pen' ),
'footer' => __( 'Post footer', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_content_date_display[$preset]";
$label = __( 'Display post date', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_category_location[$preset]";
$label = __( 'Post categories location', 'pen' );
$choices = array(
'header' => __( 'Post header', 'pen' ),
'footer' => __( 'Post footer', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_content_category_display[$preset]";
$label = __( 'Display post category', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_category_only_first[$preset]";
$label = __( 'Display the first category only', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_thumbnail_display[$preset]";
$label = __( 'Display post thumbnail', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_thumbnail_animation_reveal[$preset]";
$label = __( 'Thumbnails animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$setting_id = "pen_content_thumbnail_alignment[$preset]";
$label = __( 'Post thumbnail alignment', 'pen' );
$choices = array(
'left' => __( 'Left', 'pen' ),
'center' => __( 'Center', 'pen' ),
'right' => __( 'Right', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_content_thumbnail_resize[$preset]";
$label = __( 'Post thumbnail size', 'pen' );
$thumbnail_sizes = array(
'none' => __( 'None', 'pen' ),
);
foreach ( get_intermediate_image_sizes() as $size ) { /* phpcs:ignore */
$thumbnail_sizes[ $size ] = ucfirst( $size );
}
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $thumbnail_sizes, $label );
$setting_id = "pen_content_thumbnail_rotate[$preset]";
$label = __( 'Post thumbnail rotate', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_thumbnail_frame[$preset]";
$label = __( 'Post thumbnail framed', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_tags_display[$preset]";
$label = __( 'Display post tags', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_share_location[$preset]";
$label = __( 'Share buttons location', 'pen' );
$choices = array(
'header' => __( 'Post header', 'pen' ),
'content' => __( 'Post content', 'pen' ),
'footer' => __( 'Post footer', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
$setting_id = "pen_content_share_display[$preset]";
$label = __( 'Display share buttons', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_content_profile_display[$preset]";
$label = __( 'Display author profile', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_comments_animation_reveal[$preset]";
$label = __( 'Comments animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$setting_id = "pen_content_pager_animation_reveal[$preset]";
$label = __( 'Pagination animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
}
}
if ( ! function_exists( 'pen_customize_site_layout' ) ) {
/**
* Adds "Site layout" options.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
*
* @since Pen 1.0.0
* @return void
*/
function pen_customize_site_layout( &$wp_customize ) {
$preset = 'preset_1';
$panel = 'pen_panel_content';
$section = 'pen_section_layout';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Site layout', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_site_width[$preset]";
$label = __( 'Site layout', 'pen' );
$choices = array(
'standard' => __( 'Standard', 'pen' ),
'wide' => __( 'Wide', 'pen' ),
'boxed' => __( 'Boxed', 'pen' ),
);
pen_control_radio( $wp_customize, $setting_id, $section, 'postMessage', $choices, $label );
$setting_id = "pen_container_position[$preset]";
$label = __( 'Content area alignment', 'pen' );
$choices = array(
'left' => __( 'Left', 'pen' ),
'center' => __( 'Center', 'pen' ),
'right' => __( 'Right', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'postMessage', $choices, $label );
$setting_id = "pen_round_corners[$preset]";
$label = __( 'Round corners', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
}
}
if ( ! function_exists( 'pen_customize_front' ) ) {
/**
* "Front page" options.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
*
* @since Pen 1.0.2
* @return void
*/
function pen_customize_front( &$wp_customize ) {
$preset = 'preset_1';
$panel = 'pen_panel_front';
$wp_customize->add_panel(
$panel,
array(
'title' => __( 'Front Page', 'pen' ),
'priority' => 5,
)
);
$wp_customize->get_section( 'static_front_page' )->panel = $panel;
$wp_customize->get_section( 'static_front_page' )->title = __( 'Front Page Content', 'pen' );
$section = 'pen_section_front_sidebars';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Front page sidebars', 'pen' ),
'description' => __( 'You may also use some plugins such as the "Widget Visibility" or "Conditional Logic".', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_front_sidebar_header_primary_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Header - Primary', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_header_secondary_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Header - Secondary', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_search_top_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Search - Top', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_search_left_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Search - Left', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_search_right_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Search - Right', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_search_bottom_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Search - Bottom', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_top_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Top', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_left_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Left', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_right_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Right', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_content_top_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Content - Top', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_content_bottom_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Content - Bottom', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_bottom_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Bottom', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_footer_top_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Footer - Top', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_footer_left_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Footer - Left', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_footer_right_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Footer - Right', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_front_sidebar_footer_bottom_display[$preset]";
$label = sprintf(
/* Translators: %s: a widget are name. */
__( 'Hide the "%s" widget area', 'pen' ),
__( 'Footer - Bottom', 'pen' )
);
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
}
}
if ( ! function_exists( 'pen_customize_footer' ) ) {
/**
* Adds footer options.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
*
* @since Pen 1.0.0
* @return void
*/
function pen_customize_footer( &$wp_customize ) {
$preset = 'preset_1';
$section = 'pen_section_footer';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Footer', 'pen' ),
'description' => __( 'You can control the visibility of the phone number and social network icons through Customize → Contact and the colors of the footer links through Customize → Colors → Footer.', 'pen' ),
'priority' => 6,
)
);
$setting_id = "pen_footer_alignment[$preset]";
$label = __( 'Footer alignment', 'pen' );
$choices = array(
'left' => __( 'Left', 'pen' ),
'center' => __( 'Center', 'pen' ),
'right' => __( 'Right', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'postMessage', $choices, $label );
$setting_id = "pen_footer_menu_display[$preset]";
$label = __( 'Display footer navigation', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_footer_menu_animation_reveal[$preset]";
$label = __( 'Footer menu animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$setting_id = "pen_footer_back_to_top_display[$preset]";
$label = __( 'Display "back to top" link', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_footer_copyright_display[$preset]";
$label = __( 'Display copyright', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'postMessage', $label );
$setting_id = "pen_footer_copyright_text[$preset]";
$label = __( 'Copyright notice', 'pen' );
$description = sprintf(
/* Translators: %s: HTML list. */
__( 'The following tokens are available:%s', 'pen' ),
sprintf(
'
%s',
__( '%YEAR% for the current year.', 'pen' ),
__( '%SITE_NAME% for your site name as set in Settings → General.', 'pen' ),
__( '%SITE_URL% for your site URL as set in Settings → General.', 'pen' ),
sprintf(
/* Translators: %s: some text. */
__( 'Examples:%s', 'pen' ),
sprintf(
'
%s
%s
%s',
'© %YEAR% by %SITE_NAME%. All Rights Reserved.',
'© %YEAR% by <a href="%SITE_URL%">%SITE_NAME%</a>. All Rights Reserved.',
__( '(Supports limited HTML)', 'pen' )
)
)
)
);
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
}
}
if ( ! function_exists( 'pen_customize_contact' ) ) {
/**
* Adds contact details options.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
*
* @since Pen 1.0.0
* @return void
*/
function pen_customize_contact( &$wp_customize ) {
$preset = 'preset_1';
$panel = 'pen_panel_contact';
$wp_customize->add_panel(
$panel,
array(
'title' => __( 'Contact information', 'pen' ),
'priority' => 7,
)
);
$section = 'pen_section_twitter';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Twitter', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_twitter[$preset]";
$label = __( 'Twitter URL', 'pen' );
$description = 'https://twitter.com/example';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_twitter_header_display[$preset]";
$label = __( 'Twitter link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_twitter_footer_display[$preset]";
$label = __( 'Twitter link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_facebook';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Facebook', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_facebook[$preset]";
$label = __( 'Facebook URL', 'pen' );
$description = 'https://facebook.com/example';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_facebook_header_display[$preset]";
$label = __( 'Facebook link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_facebook_footer_display[$preset]";
$label = __( 'Facebook link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_instagram';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Instagram', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_instagram[$preset]";
$label = __( 'Instagram URL', 'pen' );
$description = 'https://instagram.com/example';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_instagram_header_display[$preset]";
$label = __( 'Instagram link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_instagram_footer_display[$preset]";
$label = __( 'Instagram link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_vk';
$wp_customize->add_section(
$section,
array(
'title' => __( 'VK', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_vk[$preset]";
$label = __( 'VK URL', 'pen' );
$description = 'https://vk.com/example';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_vk_header_display[$preset]";
$label = __( 'VK link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_vk_footer_display[$preset]";
$label = __( 'VK link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_pinterest';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Pinterest', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_pinterest[$preset]";
$label = __( 'Pinterest URL', 'pen' );
$description = 'https://pinterest.com/example';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_pinterest_header_display[$preset]";
$label = __( 'Pinterest link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_pinterest_footer_display[$preset]";
$label = __( 'Pinterest link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_linkedin';
$wp_customize->add_section(
$section,
array(
'title' => __( 'LinkedIn', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_linkedin[$preset]";
$label = __( 'LinkedIn URL', 'pen' );
$description = 'https://linkedin.com/example';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_linkedin_header_display[$preset]";
$label = __( 'LinkedIn link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_linkedin_footer_display[$preset]";
$label = __( 'LinkedIn link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_flickr';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Flickr', 'pen' ),
'panel' => 'pen_panel_contact',
)
);
$setting_id = "pen_flickr[$preset]";
$label = __( 'Flickr URL', 'pen' );
$description = 'https://flickr.com/example';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_flickr_header_display[$preset]";
$label = __( 'Flickr link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_flickr_footer_display[$preset]";
$label = __( 'Flickr link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_bitbucket';
$wp_customize->add_section(
$section,
array(
'title' => __( 'BitBucket', 'pen' ),
'panel' => 'pen_panel_contact',
)
);
$setting_id = "pen_bitbucket[$preset]";
$label = __( 'BitBucket URL', 'pen' );
$description = 'https://bitbucket.com/example';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_bitbucket_header_display[$preset]";
$label = __( 'BitBucket link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_bitbucket_footer_display[$preset]";
$label = __( 'BitBucket link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_github';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Github', 'pen' ),
'panel' => 'pen_panel_contact',
)
);
$setting_id = "pen_github[$preset]";
$label = __( 'Github URL', 'pen' );
$description = 'https://github.com/example';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_github_header_display[$preset]";
$label = __( 'Github link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_github_footer_display[$preset]";
$label = __( 'Github link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_slack';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Slack', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_slack[$preset]";
$label = __( 'Slack URL', 'pen' );
$description = 'https://slack.com/example';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_slack_header_display[$preset]";
$label = __( 'Slack link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_slack_footer_display[$preset]";
$label = __( 'Slack link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_telegram';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Telegram', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_telegram[$preset]";
$label = __( 'Telegram URL', 'pen' );
$description = 'https://t.me/example';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_telegram_header_display[$preset]";
$label = __( 'Telegram link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_telegram_footer_display[$preset]";
$label = __( 'Telegram link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_whatsapp';
$wp_customize->add_section(
$section,
array(
'title' => __( 'WhatsApp', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_whatsapp[$preset]";
$label = __( 'WhatsApp Link', 'pen' );
$description = 'whatsapp://send?text=Hi!&phone=+123456789';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_whatsapp_header_display[$preset]";
$label = __( 'WhatsApp link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_whatsapp_footer_display[$preset]";
$label = __( 'WhatsApp link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_skype';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Skype', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_skype[$preset]";
$label = __( 'Skype Link', 'pen' );
$description = 'skype:username?call';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_skype_header_display[$preset]";
$label = __( 'Skype link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_skype_footer_display[$preset]";
$label = __( 'Skype link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_phone';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Phone', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_phone[$preset]";
$label = __( 'Phone number', 'pen' );
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_phone_header_display[$preset]";
$label = __( 'Phone number in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_phone_header_animation_reveal[$preset]";
$label = __( 'Header phone number animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$setting_id = "pen_phone_footer_display[$preset]";
$label = __( 'Phone number in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_phone_footer_animation_reveal[$preset]";
$label = __( 'Footer phone number animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$section = 'pen_section_rss';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Feed', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_rss[$preset]";
$label = __( 'Feed URL', 'pen' );
$description = 'http://example.com/rss.xml';
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_rss_header_display[$preset]";
$label = __( 'RSS link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_rss_footer_display[$preset]";
$label = __( 'RSS link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_email';
$wp_customize->add_section(
$section,
array(
'title' => __( 'E-mail', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_email[$preset]";
$label = __( 'Your e-mail or URL to a "Contact us" page', 'pen' );
$description = __( 'mail@example.com or http://example.com/contact-us', 'pen' );
pen_control_text( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$setting_id = "pen_email_header_display[$preset]";
$label = __( 'E-mail link in the header', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_email_footer_display[$preset]";
$label = __( 'E-mail link in the footer', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
}
}
if ( ! function_exists( 'pen_customize_background' ) ) {
/**
* Adds the background image options.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
*
* @since Pen 1.0.0
* @return void
*/
function pen_customize_background( &$wp_customize ) {
$preset = 'preset_1';
$panel = 'p_panel_background_images';
$wp_customize->add_panel(
$panel,
array(
'title' => __( 'Background images', 'pen' ),
'priority' => 10,
)
);
$section = 'background_image';
$wp_customize->get_section( $section )->title = __( 'Site', 'pen' );
$wp_customize->get_section( $section )->priority = 1;
$wp_customize->get_section( $section )->transport = 'refresh';
$wp_customize->get_section( $section )->panel = $panel;
$setting_id = "pen_background_lights_dim[$preset]";
$label = __( 'Dim the lights', 'pen' );
$description = __( '(This feature is a part of the "Pen" theme.)', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label, $description );
$section = 'header_image';
$wp_customize->get_section( $section )->title = __( 'Header', 'pen' );
$wp_customize->get_section( $section )->priority = 2;
$wp_customize->get_section( $section )->transport = 'refresh';
$wp_customize->get_section( $section )->panel = $panel;
$section = 'pen_section_background_image_navigation';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Navigation', 'pen' ),
'priority' => 3,
'panel' => $panel,
)
);
$setting_id = "pen_background_image_navigation[$preset]";
$label = __( 'Navigation', 'pen' );
pen_control_image( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_background_image_navigation_submenu[$preset]";
$label = __( 'Navigation (Sub-menus)', 'pen' );
pen_control_image( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_background_image_search';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Search Bar', 'pen' ),
'priority' => 4,
'description' => __( 'Please make sure you have the search box added to the top of the content area through Customize → Search so you can see your background image.', 'pen' ),
'panel' => $panel,
)
);
$setting_id = "pen_background_image_search[$preset]";
$label = __( 'Search Bar', 'pen' );
pen_control_image( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_background_image_content_title';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Content', 'pen' ),
'priority' => 5,
'panel' => $panel,
)
);
$setting_id = "pen_background_image_content_title[$preset]";
$label = __( 'Content Title', 'pen' );
pen_control_image( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_background_image_content_title_dynamic[$preset]";
$label = __( 'Use featured image as background', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_background_image_bottom';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Bottom', 'pen' ),
'priority' => 6,
'panel' => $panel,
)
);
$setting_id = "pen_background_image_bottom[$preset]";
$label = __( 'Bottom', 'pen' );
pen_control_image( $wp_customize, $setting_id, $section, 'refresh', $label );
$section = 'pen_section_background_image_footer';
$wp_customize->add_section(
$section,
array(
'title' => __( 'Footer', 'pen' ),
'priority' => 7,
'panel' => $panel,
)
);
$setting_id = "pen_background_image_footer[$preset]";
$label = __( 'Footer', 'pen' );
pen_control_image( $wp_customize, $setting_id, $section, 'refresh', $label );
}
}
if ( ! function_exists( 'pen_customize_logo' ) ) {
/**
* Moves logo options to "Site Identity".
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
*
* @since Pen 1.0.8
* @return void
*/
function pen_customize_logo( &$wp_customize ) {
$preset = 'preset_1';
$section = 'title_tagline';
$setting_id = "pen_header_logo_display[$preset]";
$label = __( 'Display the site logo', 'pen' );
pen_control_checkbox( $wp_customize, $setting_id, $section, 'refresh', $label );
$setting_id = "pen_header_logo_animation_reveal[$preset]";
$label = __( 'Logo animation', 'pen' );
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', pen_animations(), $label );
$setting_id = "pen_header_logo_size[$preset]";
$label = __( 'Logo size', 'pen' );
$choices = array(
'none' => __( 'None', 'pen' ),
'height' => __( 'Limit height', 'pen' ),
'width' => __( 'Limit width', 'pen' ),
);
pen_control_select( $wp_customize, $setting_id, $section, 'refresh', $choices, $label );
}
}
if ( ! function_exists( 'pen_control_color' ) ) {
/**
* Color control.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
* @param string $setting_id The setting ID.
* @param string $section Field section.
* @param string $transport Transport type.
* @param string $label Field label.
* @param string $description Field description.
*
* @since Pen 1.0.8
* @return void
*/
function pen_control_color( &$wp_customize, $setting_id, $section, $transport, $label, $description = '' ) {
$wp_customize->add_setting(
$setting_id,
array(
'default' => pen_option_default( $setting_id ),
'sanitize_callback' => pen_option_sanitize( $setting_id ),
'transport' => $transport,
)
);
$wp_customize->add_control(
new WP_Customize_Color_Control(
$wp_customize,
$setting_id,
array(
'label' => $label,
'description' => $description,
'section' => $section,
'settings' => $setting_id,
)
)
);
}
}
if ( ! function_exists( 'pen_control_image' ) ) {
/**
* Image control.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
* @param string $setting_id The setting ID.
* @param string $section Field section.
* @param string $transport Transport type.
* @param string $label Field label.
* @param string $description Field description.
*
* @since Pen 1.0.8
* @return void
*/
function pen_control_image( &$wp_customize, $setting_id, $section, $transport, $label, $description = '' ) {
$wp_customize->add_setting(
$setting_id,
array(
'default' => pen_option_default( $setting_id ),
'sanitize_callback' => pen_option_sanitize( $setting_id ),
'transport' => $transport,
)
);
$wp_customize->add_control(
new WP_Customize_Image_Control(
$wp_customize,
$setting_id,
array(
'label' => $label,
'description' => $description,
'section' => $section,
'settings' => $setting_id,
)
)
);
}
}
if ( ! function_exists( 'pen_control_checkbox' ) ) {
/**
* Checkbox control.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
* @param string $setting_id The setting ID.
* @param string $section Field section.
* @param string $transport Transport type.
* @param string $label Field label.
* @param string $description Field description.
*
* @since Pen 1.0.8
* @return void
*/
function pen_control_checkbox( &$wp_customize, $setting_id, $section, $transport, $label, $description = '' ) {
$wp_customize->add_setting(
$setting_id,
array(
'default' => pen_option_default( $setting_id ),
'sanitize_callback' => pen_option_sanitize( $setting_id ),
'transport' => $transport,
)
);
$wp_customize->add_control(
$setting_id,
array(
'label' => $label,
'description' => $description,
'section' => $section,
'type' => 'checkbox',
)
);
}
}
if ( ! function_exists( 'pen_control_radio' ) ) {
/**
* Radio button control.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
* @param string $setting_id The setting ID.
* @param string $section Field section.
* @param string $transport Transport type.
* @param array $choices Choices.
* @param string $label Field label.
* @param string $description Field description.
*
* @since Pen 1.0.8
* @return void
*/
function pen_control_radio( &$wp_customize, $setting_id, $section, $transport, $choices, $label, $description = '' ) {
$wp_customize->add_setting(
$setting_id,
array(
'default' => pen_option_default( $setting_id ),
'sanitize_callback' => pen_option_sanitize( $setting_id ),
'transport' => $transport,
)
);
$wp_customize->add_control(
$setting_id,
array(
'label' => $label,
'description' => $description,
'section' => $section,
'type' => 'radio',
'choices' => $choices,
)
);
}
}
if ( ! function_exists( 'pen_control_select' ) ) {
/**
* Select control.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
* @param string $setting_id The setting ID.
* @param string $section Field section.
* @param string $transport Transport type.
* @param array $choices Choices.
* @param string $label Field label.
* @param string $description Field description.
*
* @since Pen 1.0.8
* @return void
*/
function pen_control_select( &$wp_customize, $setting_id, $section, $transport, $choices, $label, $description = '' ) {
$wp_customize->add_setting(
$setting_id,
array(
'default' => pen_option_default( $setting_id ),
'sanitize_callback' => pen_option_sanitize( $setting_id ),
'transport' => $transport,
)
);
$wp_customize->add_control(
$setting_id,
array(
'label' => $label,
'description' => $description,
'section' => $section,
'type' => 'select',
'choices' => $choices,
)
);
}
}
if ( ! function_exists( 'pen_control_text' ) ) {
/**
* Text control.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
* @param string $setting_id The setting ID.
* @param string $section Field section.
* @param string $transport Transport type.
* @param string $label Field label.
* @param string $description Field description.
*
* @since Pen 1.0.8
* @return void
*/
function pen_control_text( &$wp_customize, $setting_id, $section, $transport, $label, $description = '' ) {
$wp_customize->add_setting(
$setting_id,
array(
'default' => pen_option_default( $setting_id ),
'sanitize_callback' => pen_option_sanitize( $setting_id ),
'transport' => $transport,
)
);
$wp_customize->add_control(
$setting_id,
array(
'label' => $label,
'description' => $description,
'section' => $section,
'type' => 'text',
)
);
}
}
if ( ! function_exists( 'pen_inline_css_general' ) ) {
/**
* Adds inline CSS.
*
* @since Pen 1.0.0
* @return void
*/
function pen_inline_css_general() {
$css = '';
$preset_color = esc_html( pen_preset_get( 'color' ) );
$preset_font = esc_html( pen_preset_get( 'font_family' ) );
$background = esc_html( pen_option_get( 'color_site_background' ) );
$background_default = pen_option_default( 'color_site_background' );
$color = esc_html( pen_option_get( 'color_text' ) );
$color_default = pen_option_default( 'color_text' );
$site_font = esc_html( pen_option_get( 'font_family_site' ) );
if ( 'preset_1' !== $preset_color || $background !== $background_default || 'default' !== $site_font || $color !== $color_default ) {
// background overrides any linear-gradient in the CSS files
// and background-color for any background image.
$css .= 'body {
background-color:' . $background . ';
background:' . $background . ';';
if ( 'preset_1' !== $preset_color || $color !== $color_default ) {
$css .= 'color:' . $color . ';';
}
if ( 'default' !== $site_font ) {
$css .= 'font-family:"' . ltrim( $site_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;';
}
$css .= '}';
}
$headings_font = esc_html( pen_option_get( 'font_family_headings' ) );
if ( 'default' !== $headings_font ) {
$css .= 'h1,h2,h3,h4,h5 {
font-family:"' . ltrim( $headings_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
}';
}
if ( pen_option_get( 'color_site_shadow_display' ) ) {
$shadow_color = esc_html( pen_option_get( 'color_shadow' ) );
$shadow_color_default = pen_option_default( 'color_shadow' );
if ( 'preset_1' !== $preset_color || $shadow_color !== $shadow_color_default ) {
$shadow_color = new \Pen\Color( $shadow_color );
$shadow_color = $shadow_color->getRgb();
$shadow_color = 'rgba(' . implode( ',', $shadow_color ) . ',0.5)';
$css .= 'body.pen_drop_shadow #pen_header .pen_header_inner,
body.pen_drop_shadow #pen_search,
body.pen_drop_shadow #pen_bottom.pen_not_transparent,
body.pen_drop_shadow #pen_footer.pen_not_transparent {
box-shadow:0 0 20px ' . $shadow_color . ';
}
body.pen_drop_shadow #comments,
body.pen_drop_shadow #main .page-content,
body.pen_drop_shadow #main .pen_article_wrapper > article,
body.pen_drop_shadow.pen_list_masonry #pen_masonry article,
body.pen_drop_shadow.pen_list_plain #pen_pager,
body.pen_drop_shadow #main .pen_customize_overview.pen_off_screen {
box-shadow:0 5px 10px ' . $shadow_color . ', 0 0 5px ' . $shadow_color . ';
}';
}
}
$link_color = esc_html( pen_option_get( 'color_link' ) );
$link_color_default = pen_option_default( 'color_link' );
$link_color_hover = esc_html( pen_option_get( 'color_link_hover' ) );
$link_color_hover_default = pen_option_default( 'color_link_hover' );
if ( 'preset_1' !== $preset_color || $link_color !== $link_color_default ) {
$css .= 'a {
color:' . $link_color . ';
}';
}
if ( 'preset_1' !== $preset_color || $link_color_hover !== $link_color_hover_default ) {
$css .= 'a:focus,
a:hover,
a:active {
color:' . $link_color_hover . ';
}';
}
$form_font = esc_html( pen_option_get( 'font_family_forms' ) );
if ( 'default' !== $form_font ) {
$css .= 'input[type="date"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="tel"],
input[type="time"],
input[type="text"],
input[type="url"],
legend,
option,
select,
textarea,
#pen_header .pen_header_main .search-form .search-field,
#pen_search .search-form .search-field {
font-family:"' . ltrim( $form_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;
}';
}
$field_background_primary = esc_html( pen_option_get( 'color_bottom_field_background_primary' ) );
$field_background_primary_default = pen_option_default( 'color_bottom_field_background_primary' );
$field_background_secondary = esc_html( pen_option_get( 'color_bottom_field_background_secondary' ) );
$field_background_secondary_default = pen_option_default( 'color_bottom_field_background_secondary' );
$field_text = esc_html( pen_option_get( 'color_bottom_field_text' ) );
$field_text_default = pen_option_default( 'color_bottom_field_text' );
if ( 'preset_1' !== $preset_color || $field_background_primary !== $field_background_primary_default || $field_background_secondary !== $field_background_secondary_default || $field_text !== $field_text_default ) {
$css .= '#pen_bottom input[type="date"],
#pen_bottom input[type="email"],
#pen_bottom input[type="file"],
#pen_bottom input[type="number"],
#pen_bottom input[type="tel"],
#pen_bottom input[type="time"],
#pen_bottom input[type="text"],
#pen_bottom input[type="url"],
#pen_bottom option,
#pen_bottom select,
#pen_bottom textarea {
background:' . $field_background_secondary . ';';
if ( $field_background_primary !== $field_background_secondary ) {
$css .= 'background:-ms-linear-gradient(top,' . $field_background_primary . ' 0%,' . $field_background_secondary . ' 100%);
background:linear-gradient(to bottom,' . $field_background_primary . ' 0%,' . $field_background_secondary . ' 100%);';
}
if ( 'preset_1' !== $preset_color || $field_text !== $field_text_default ) {
$css .= 'color:' . $field_text . ';';
}
$css .= '}';
}
$button_color_text = esc_html( pen_option_get( 'color_button_text' ) );
$button_color_text_default = pen_option_default( 'color_button_text' );
$button_color_primary = esc_html( pen_option_get( 'color_button_background_primary' ) );
$button_color_primary_default = pen_option_default( 'color_button_background_primary' );
$button_color_secondary = esc_html( pen_option_get( 'color_button_background_secondary' ) );
$button_color_secondary_default = pen_option_default( 'color_button_background_secondary' );
$button_color_border = esc_html( pen_option_get( 'color_button_border' ) );
$button_color_border_default = pen_option_default( 'color_button_border' );
$button_font = esc_html( pen_option_get( 'font_family_buttons' ) );
if ( 'preset_1' !== $preset_color || $button_color_text !== $button_color_text_default || $button_color_primary !== $button_color_primary_default || $button_color_secondary !== $button_color_secondary_default || $button_color_border !== $button_color_border_default || 'default' !== $button_font ) {
$css .= '#primary .pen_button,
#primary .comments-link a,
#primary a.post-edit-link,
#primary .comment-list a.comment-edit-link,
#primary .comment-list .reply a,
#primary input[type="submit"],
#primary .entry-footer .tags-links a,
#page .hpcf_button_submit,
#cancel-comment-reply-link,
#content .page-links a,
#content .comment-navigation a,
#content .posts-navigation a,
#content .post-navigation a,
#content .wp-pagenavi a,
#content .wp-pagenavi span {';
if ( 'preset_1' !== $preset_color || $button_color_primary !== $button_color_primary_default || $button_color_secondary !== $button_color_secondary_default ) {
$css .= 'background-color:' . $button_color_secondary . ';
background:' . $button_color_secondary . ';';
if ( $button_color_primary !== $button_color_secondary ) {
$css .= 'background:-ms-linear-gradient(top,' . $button_color_primary . ' 0%,' . $button_color_secondary . ' 100%);
background:linear-gradient(to bottom,' . $button_color_primary . ' 0%,' . $button_color_secondary . ' 100%);';
}
}
if ( 'preset_1' !== $preset_color || $button_color_text !== $button_color_text_default ) {
$css .= 'color:' . $button_color_text . ' !important;';
}
if ( 'preset_1' !== $preset_color || $button_color_border !== $button_color_border_default ) {
$css .= 'border:1px solid' . $button_color_border . ' !important;';
}
if ( 'default' !== $button_font ) {
$css .= 'font-family:"' . ltrim( $button_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;';
}
$css .= '}';
if ( 'preset_1' !== $preset_color || $button_color_primary !== $button_color_primary_default || $button_color_secondary !== $button_color_secondary_default ) {
$css .= '#primary .pen_button:active,
#primary .comments-link a:active,
#primary a.post-edit-link:active,
#primary .comment-list a.comment-edit-link:active,
#primary .comment-list .reply a:active,
#primary input[type="submit"]:active,
#primary .entry-footer .tags-links a:active,
#cancel-comment-reply-link:active,
#content .entry-content input[type="submit"]:active,
#content .page-links a:active,
#content .comment-navigation a:active,
#content .posts-navigation a:active,
#content .post-navigation a:active,
#content .wp-pagenavi span,
#content .wp-pagenavi .current {
background:' . $button_color_secondary . ';
}';
}
if ( 'default' !== $button_font ) {
$css .= '#pen_header .pen_header_main .search-form .search-submit {
font-family:"' . ltrim( $button_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;
}';
}
}
if ( pen_sidebar_check( 'sidebar-top' ) ) {
$widget_title_top_font = esc_html( pen_option_get( 'font_family_widget_title_top' ) );
$widget_title_top_font_size = esc_html( pen_option_get( 'font_size_widget_title_top' ) );
$widget_title_top_font_size_default = pen_option_default( 'font_size_widget_title_top' );
if ( 'default' !== $widget_title_top_font || $widget_title_top_font_size !== $widget_title_top_font_size_default ) {
$css .= '#pen_top .widget-title {';
if ( 'default' !== $widget_title_top_font ) {
$css .= 'font-family:"' . ltrim( $widget_title_top_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;';
}
if ( $widget_title_top_font_size !== $widget_title_top_font_size_default ) {
$css .= 'font-size:' . $widget_title_top_font_size . ';';
}
$css .= '}';
}
}
if ( pen_sidebar_check( 'sidebar-left' ) ) {
$widget_title_left_font = esc_html( pen_option_get( 'font_family_widget_title_left' ) );
$widget_title_left_font_size = esc_html( pen_option_get( 'font_size_widget_title_left' ) );
$widget_title_left_font_size_default = pen_option_default( 'font_size_widget_title_left' );
if ( 'default' !== $widget_title_left_font || $widget_title_left_font_size !== $widget_title_left_font_size_default ) {
$css .= '#pen_left .widget-title {';
if ( 'default' !== $widget_title_left_font ) {
$css .= 'font-family:"' . ltrim( $widget_title_left_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;';
}
if ( $widget_title_left_font_size !== $widget_title_left_font_size_default ) {
$css .= 'font-size:' . $widget_title_left_font_size . ';';
}
$css .= '}';
}
}
if ( pen_sidebar_check( 'sidebar-right' ) ) {
$widget_title_right_font = esc_html( pen_option_get( 'font_family_widget_title_right' ) );
$widget_title_right_font_size = esc_html( pen_option_get( 'font_size_widget_title_right' ) );
$widget_title_right_font_size_default = pen_option_default( 'font_size_widget_title_right' );
if ( 'default' !== $widget_title_right_font || $widget_title_right_font_size !== $widget_title_right_font_size_default ) {
$css .= '#pen_right .widget-title {';
if ( 'default' !== $widget_title_right_font ) {
$css .= 'font-family:"' . ltrim( $widget_title_right_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;';
}
if ( $widget_title_right_font_size !== $widget_title_right_font_size_default ) {
$css .= 'font-size:' . $widget_title_right_font_size . ';';
}
$css .= '}';
}
}
if ( pen_sidebar_check( 'sidebar-bottom' ) ) {
$widget_title_bottom_font = esc_html( pen_option_get( 'font_family_widget_title_bottom' ) );
$widget_title_bottom_font_size = esc_html( pen_option_get( 'font_size_widget_title_bottom' ) );
$widget_title_bottom_font_size_default = pen_option_default( 'font_size_widget_title_bottom' );
if ( 'default' !== $widget_title_bottom_font || $widget_title_bottom_font_size !== $widget_title_bottom_font_size_default ) {
$css .= '#pen_bottom .widget-title {';
if ( 'default' !== $widget_title_bottom_font ) {
$css .= 'font-family:"' . ltrim( $widget_title_bottom_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;';
}
if ( $widget_title_bottom_font_size !== $widget_title_bottom_font_size_default ) {
$css .= 'font-size:' . $widget_title_bottom_font_size . ';';
}
$css .= '}';
}
}
$css = pen_compress_css( $css );
wp_add_inline_style( 'pen-css', $css );
}
add_action( 'wp_enqueue_scripts', 'pen_inline_css_general' );
}
if ( ! function_exists( 'pen_inline_css_header' ) ) {
/**
* Adds inline CSS for the header.
*
* @since Pen 1.0.0
* @return void
*/
function pen_inline_css_header() {
$css = '';
$preset_color = esc_html( pen_preset_get( 'color' ) );
$background_left = esc_html( pen_option_get( 'color_header_background_primary' ) );
$background_left_default = pen_option_default( 'color_header_background_primary' );
$background_right = esc_html( pen_option_get( 'color_header_background_secondary' ) );
$background_right_default = pen_option_default( 'color_header_background_secondary' );
$header_image = get_header_image();
$angle = esc_html( pen_option_get( 'color_header_background_angle' ) );
$angle_default = pen_option_default( 'color_header_background_angle' );
if ( 'to right' === $angle ) {
$angle_ie = 'left';
} elseif ( 'to bottom' === $angle ) {
$angle_ie = 'top';
} elseif ( false !== strpos( $angle, 'deg' ) ) {
$angle_ie = ( str_replace( 'deg', '', $angle ) + 200 ) . 'deg';
}
if ( 'preset_1' !== $preset_color || $background_left !== $background_left_default || $background_right !== $background_right_default || $header_image || $angle !== $angle_default ) {
$css .= '#pen_header .pen_header_inner {
background-color:' . $background_left . ';
background:' . $background_left . ';';
if ( $background_left !== $background_right ) {
$css .= 'background:-ms-linear-gradient(' . $angle_ie . ',' . $background_left . ' 0%,' . $background_right . ' 100%);
background:linear-gradient(' . $angle . ',' . $background_left . ' 0%,' . $background_right . ' 100%);';
}
if ( $header_image ) {
$css .= "background-image:url('" . $header_image . "');
background-repeat:no-repeat;
background-position:top center;
background-size:cover;";
}
$css .= '}';
}
$text_color = esc_html( pen_option_get( 'color_header_text' ) );
$text_color_default = pen_option_default( 'color_header_text' );
if ( ! pen_option_get( 'color_header_text_shadow_display' ) ) {
$text_shadow = 'none';
} else {
$text_shadow = '1px 1px 1px ' . esc_html( pen_option_get( 'color_header_text_shadow' ) );
}
if ( 'preset_1' !== $preset_color || $text_color !== $text_color_default || '1px 1px 1px ' . pen_option_default( 'color_header_text_shadow' ) !== $text_shadow ) {
$css .= '#pen_header .pen_header_main {';
if ( 'preset_1' !== $preset_color || $text_color !== $text_color_default ) {
$css .= 'color:' . $text_color . ';';
}
if ( 'preset_1' !== $preset_color || '1px 1px 1px ' . pen_option_default( 'color_header_text_shadow' ) !== $text_shadow ) {
$css .= 'text-shadow:' . $text_shadow . ';';
}
$css .= '}';
}
$link_color = esc_html( pen_option_get( 'color_header_link' ) );
$link_color_default = pen_option_default( 'color_header_link' );
$link_color_hover = esc_html( pen_option_get( 'color_header_link_hover' ) );
$link_color_hover_default = pen_option_default( 'color_header_link_hover' );
if ( 'preset_1' !== $preset_color || $link_color !== $link_color_default ) {
$css .= '#pen_header .pen_header_main a {
color:' . $link_color . ';
}';
}
if ( 'preset_1' !== $preset_color || $link_color_hover !== $link_color_hover_default ) {
$css .= '#pen_header .pen_header_main a:focus,
#pen_header .pen_header_main a:hover,
#pen_header .pen_header_main a:active,
#pen_header .pen_social_networks a:focus,
#pen_header .pen_social_networks a:hover,
#pen_header .pen_social_networks a:active {
color:' . $link_color_hover . ' !important;
}';
}
$sitetitle_color = esc_html( pen_option_get( 'color_header_sitetitle' ) );
$sitetitle_color_default = pen_option_default( 'color_header_sitetitle' );
$sitetitle_color_hover = esc_html( pen_option_get( 'color_header_sitetitle_hover' ) );
$sitetitle_color_hover_default = pen_option_default( 'color_header_sitetitle_hover' );
$sitetitle_font = esc_html( pen_option_get( 'font_family_sitetitle' ) );
$sitetitle_size = esc_html( pen_option_get( 'font_size_sitetitle' ) );
$sitetitle_size_default = pen_option_default( 'font_size_sitetitle' );
if ( 'preset_1' !== $preset_color || $sitetitle_color !== $sitetitle_color_default || $link_color !== $link_color_default // || because $link_color may affect the sitetitle_color.
|| 'default' !== $sitetitle_font || $sitetitle_size !== $sitetitle_size_default ) {
$css .= '#pen_header h1 a .site-title {';
if ( 'preset_1' !== $preset_color || $sitetitle_color !== $sitetitle_color_default || $link_color !== $link_color_default ) {
$css .= 'color:' . $sitetitle_color . ';';
}
if ( 'default' !== $sitetitle_font ) {
$css .= 'font-family:"' . ltrim( $sitetitle_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;';
}
if ( $sitetitle_size !== $sitetitle_size_default ) {
$css .= 'font-size:' . $sitetitle_size . ';';
}
$css .= '}';
}
if ( 'preset_1' !== $preset_color || $sitetitle_color_hover !== $sitetitle_color_hover_default || $link_color_hover !== $link_color_hover_default ) {
$css .= '#pen_header h1 a:focus .site-title,
#pen_header h1 a:hover .site-title,
#pen_header h1 a:active .site-title {
color:' . $sitetitle_color_hover . ';
}';
}
$sitedescription_color = esc_html( pen_option_get( 'color_header_sitedescription' ) );
$sitedescription_color_default = pen_option_default( 'color_header_sitedescription' );
$sitedescription_color_hover = esc_html( pen_option_get( 'color_header_sitedescription_hover' ) );
$sitedescription_color_hover_default = pen_option_default( 'color_header_sitedescription_hover' );
$sitedescription_font = esc_html( pen_option_get( 'font_family_sitedescription' ) );
$sitedescription_size = esc_html( pen_option_get( 'font_size_sitedescription' ) );
$sitedescription_size_default = pen_option_default( 'font_size_sitedescription' );
if ( 'preset_1' !== $preset_color || $sitedescription_color !== $sitedescription_color_default || $link_color !== $link_color_default || 'default' !== $sitedescription_font || $sitedescription_size !== $sitedescription_size_default ) {
$css .= '#pen_header h1 a .site-description {';
if ( 'preset_1' !== $preset_color || $sitedescription_color !== $sitedescription_color_default || $link_color !== $link_color_default ) {
$css .= 'color:' . $sitedescription_color . ';';
}
if ( 'default' !== $sitedescription_font ) {
$css .= 'font-family:"' . ltrim( $sitedescription_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;';
}
if ( $sitedescription_size !== $sitedescription_size_default ) {
$css .= 'font-size:' . $sitedescription_size . ';';
}
$css .= '}';
}
if ( 'preset_1' !== $preset_color || $sitedescription_color_hover !== $sitedescription_color_hover_default || $link_color_hover !== $link_color_hover_default ) {
$css .= '#pen_header h1 a:focus .site-description,
#pen_header h1 a:hover .site-description,
#pen_header h1 a:active .site-description {
color:' . $sitedescription_color_hover . ';
}';
}
$social_size = esc_html( pen_option_get( 'font_size_social_header' ) );
$social_size_default = pen_option_default( 'font_size_social_header' );
if ( $social_size !== $social_size_default ) {
$css .= '#pen_header .pen_social_networks li {
font-size:' . $social_size . '
}';
}
if ( pen_option_get( 'phone' ) && pen_option_get( 'phone_header_display' ) ) {
$phone_color = esc_html( pen_option_get( 'color_header_phone' ) );
$phone_color_default = pen_option_default( 'color_header_phone' );
$phone_color_hover = esc_html( pen_option_get( 'color_header_phone_hover' ) );
$phone_color_hover_default = pen_option_default( 'color_header_phone_hover' );
$phone_font = esc_html( pen_option_get( 'font_family_phone_header' ) );
$phone_size = esc_html( pen_option_get( 'font_size_phone_header' ) );
$phone_size_default = pen_option_default( 'font_size_phone_header' );
if ( 'preset_1' !== $preset_color || $phone_color !== $phone_color_default || 'default' !== $phone_font || $phone_size !== $phone_size_default ) {
$css .= '#pen_header .pen_header_main .pen_phone a {';
if ( 'preset_1' !== $preset_color || $phone_color !== $phone_color_default ) {
$css .= 'color:' . $phone_color . ';';
}
if ( 'default' !== $phone_font ) {
$css .= 'font-family:"' . ltrim( $phone_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;';
}
if ( $phone_size !== $phone_size_default ) {
$css .= 'font-size:' . $phone_size . ';';
}
$css .= '}';
}
if ( 'preset_1' !== $preset_color || $phone_color_hover !== $phone_color_hover_default ) {
$css .= '#pen_header .pen_header_main .pen_phone a:focus,
#pen_header .pen_header_main .pen_phone a:hover,
#pen_header .pen_header_main .pen_phone a:active {
color:' . $phone_color_hover . ' !important;
}';
}
}
$field_background_primary = esc_html( pen_option_get( 'color_header_field_background_primary' ) );
$field_background_primary_default = pen_option_default( 'color_header_field_background_primary' );
$field_background_secondary = esc_html( pen_option_get( 'color_header_field_background_secondary' ) );
$field_background_secondary_default = pen_option_default( 'color_header_field_background_secondary' );
$field_text = esc_html( pen_option_get( 'color_header_field_text' ) );
$field_text_default = pen_option_default( 'color_header_field_text' );
if ( 'preset_1' !== $preset_color || $field_background_primary !== $field_background_primary_default || $field_background_secondary !== $field_background_secondary_default || $field_text !== $field_text_default ) {
$css .= '#pen_header .pen_header_main input[type="date"],
#pen_header .pen_header_main input[type="email"],
#pen_header .pen_header_main input[type="file"],
#pen_header .pen_header_main input[type="number"],
#pen_header .pen_header_main input[type="tel"],
#pen_header .pen_header_main input[type="time"],
#pen_header .pen_header_main input[type="text"],
#pen_header .pen_header_main input[type="url"],
#pen_header .pen_header_main option,
#pen_header .pen_header_main select,
#pen_header .pen_header_main textarea,
#pen_header .pen_header_main .search-form .search-field {
background:' . $field_background_secondary . ';';
if ( $field_background_primary !== $field_background_secondary ) {
$css .= 'background:-ms-linear-gradient(top,' . $field_background_primary . ' 0%,' . $field_background_secondary . ' 100%);
background:linear-gradient(to bottom,' . $field_background_primary . ' 0%,' . $field_background_secondary . ' 100%);';
}
if ( 'preset_1' !== $preset_color || $field_text !== $field_text_default ) {
$css .= 'color:' . $field_text . ';';
}
$css .= '}';
}
$search_background_top = esc_html( pen_option_get( 'color_header_search_background_primary' ) );
$search_background_top_default = pen_option_default( 'color_header_search_background_primary' );
$search_background_bottom = esc_html( pen_option_get( 'color_header_search_background_secondary' ) );
$search_background_bottom_default = pen_option_default( 'color_header_search_background_secondary' );
$search_text = esc_html( pen_option_get( 'color_header_search_text' ) );
$search_text_default = pen_option_default( 'color_header_search_text' );
$background_dark = false;
$search_text_check = new \Pen\Color( $search_text );
if ( $search_text_check->isDark() ) {
$background_dark = true;
}
if ( 'preset_1' !== $preset_color || $search_background_top !== $search_background_top_default || $search_background_bottom !== $search_background_bottom_default || $search_text !== $search_text_default || $background_dark ) {
$css .= '#pen_header .pen_header_main .search-form .search-submit {
background-color:' . $search_background_bottom . ';
background:' . $search_background_bottom . ';';
if ( $search_background_top !== $search_background_bottom ) {
$css .= 'background:-ms-linear-gradient(top,' . $search_background_top . ' 0%,' . $search_background_bottom . ' 100%);
background:linear-gradient(to bottom,' . $search_background_top . ' 0%,' . $search_background_bottom . ' 100%);';
}
if ( 'preset_1' !== $preset_color || $search_text !== $search_text_default ) {
$css .= 'color:' . $search_text . ';';
}
$css .= '}';
if ( $background_dark ) {
$css .= 'body.pen_drop_shadow #pen_header .pen_header_main .search-form .search-submit {
text-shadow:1px 1px 2px rgba(255,255,255,0.5);
}';
}
$css .= 'body.pen_drop_shadow #pen_header .pen_header_main input[type="date"]:focus,
body.pen_drop_shadow #pen_header .pen_header_main input[type="date"]:active,
body.pen_drop_shadow #pen_header .pen_header_main input[type="email"]:focus,
body.pen_drop_shadow #pen_header .pen_header_main input[type="email"]:active,
body.pen_drop_shadow #pen_header .pen_header_main input[type="file"]:focus,
body.pen_drop_shadow #pen_header .pen_header_main input[type="file"]:active,
body.pen_drop_shadow #pen_header .pen_header_main input[type="number"]:focus,
body.pen_drop_shadow #pen_header .pen_header_main input[type="number"]:active,
body.pen_drop_shadow #pen_header .pen_header_main input[type="tel"]:focus,
body.pen_drop_shadow #pen_header .pen_header_main input[type="tel"]:active,
body.pen_drop_shadow #pen_header .pen_header_main input[type="time"]:focus,
body.pen_drop_shadow #pen_header .pen_header_main input[type="time"]:active,
body.pen_drop_shadow #pen_header .pen_header_main input[type="text"]:focus,
body.pen_drop_shadow #pen_header .pen_header_main input[type="text"]:active,
body.pen_drop_shadow #pen_header .pen_header_main input[type="url"]:focus,
body.pen_drop_shadow #pen_header .pen_header_main input[type="url"]:active,
body.pen_drop_shadow #pen_header .pen_header_main option:focus,
body.pen_drop_shadow #pen_header .pen_header_main option:active,
body.pen_drop_shadow #pen_header .pen_header_main select:focus,
body.pen_drop_shadow #pen_header .pen_header_main select:active,
body.pen_drop_shadow #pen_header .pen_header_main textarea:focus,
body.pen_drop_shadow #pen_header .pen_header_main textarea:active,
body.pen_drop_shadow #pen_header .pen_header_main .search-form .search-field:focus,
body.pen_drop_shadow #pen_header .pen_header_main .search-form .search-field:active {
box-shadow:2px 2px 2px rgba(0,0,0,0.2) inset, 0 0 7px ' . $search_background_bottom . ';
}
#pen_header .pen_header_main .search-form .search-submit:focus,
#pen_header .pen_header_main .search-form .search-submit:active {
background:' . $search_background_bottom . ';
}';
}
$css = pen_compress_css( $css );
wp_add_inline_style( 'pen-css', $css );
}
add_action( 'wp_enqueue_scripts', 'pen_inline_css_header' );
}
if ( ! function_exists( 'pen_inline_css_navigation' ) ) {
/**
* Adds inline CSS for the main navigation menu.
*
* @since Pen 1.0.0
* @return void
*/
function pen_inline_css_navigation() {
$css = '';
if ( pen_option_get( 'navigation_display' ) ) {
$preset_color = esc_html( pen_preset_get( 'color' ) );
$background_left = esc_html( pen_option_get( 'color_navigation_background_primary' ) );
$background_left_default = pen_option_default( 'color_navigation_background_primary' );
$background_right = esc_html( pen_option_get( 'color_navigation_background_secondary' ) );
$background_right_default = pen_option_default( 'color_navigation_background_secondary' );
$background_image = esc_html( pen_option_get( 'background_image_navigation' ) );
$angle = esc_html( pen_option_get( 'color_navigation_background_angle' ) );
$angle_default = pen_option_default( 'color_navigation_background_angle' );
if ( 'to right' === $angle ) {
$angle_ie = 'left';
} elseif ( 'to bottom' === $angle ) {
$angle_ie = 'top';
} elseif ( false !== strpos( $angle, 'deg' ) ) {
$angle_ie = ( str_replace( 'deg', '', $angle ) + 200 ) . 'deg';
}
if ( 'preset_1' !== $preset_color || $background_left !== $background_left_default || $background_right !== $background_right_default || $background_image || $angle !== $angle_default ) {
$css .= '#pen_navigation {
background-color:' . $background_left . ';
background:' . $background_left . ';';
if ( $background_left !== $background_right ) {
$css .= 'background:-ms-linear-gradient(' . $angle_ie . ',' . $background_left . ' 0%,' . $background_right . ' 100%);
background:linear-gradient(' . $angle . ',' . $background_left . ' 0%,' . $background_right . ' 100%);';
}
if ( $background_image ) {
$css .= "background-image:url('" . $background_image . "');
background-repeat:no-repeat;
background-position:top center;
background-size:cover;";
}
$css .= '}';
}
$background_submenu_left = esc_html( pen_option_get( 'color_navigation_background_submenu_primary' ) );
$background_submenu_left_default = pen_option_default( 'color_navigation_background_submenu_primary' );
$background_submenu_right = esc_html( pen_option_get( 'color_navigation_background_submenu_secondary' ) );
$background_submenu_right_default = pen_option_default( 'color_navigation_background_submenu_secondary' );
$background_submenu_image = esc_html( pen_option_get( 'background_image_navigation_submenu' ) );
$angle = esc_html( pen_option_get( 'color_navigation_background_submenu_angle' ) );
$angle_default = pen_option_default( 'color_navigation_background_submenu_angle' );
if ( 'to right' === $angle ) {
$angle_ie = 'left';
} elseif ( 'to bottom' === $angle ) {
$angle_ie = 'top';
} elseif ( false !== strpos( $angle, 'deg' ) ) {
$angle_ie = ( str_replace( 'deg', '', $angle ) + 200 ) . 'deg';
}
if ( 'preset_1' !== $preset_color || $background_submenu_left !== $background_submenu_left_default || $background_submenu_right !== $background_submenu_right_default || $background_submenu_image || $angle !== $angle_default ) {
$css .= '#pen_navigation ul ul {
background-color:' . $background_submenu_left . ';
background:' . $background_submenu_left . ';';
if ( $background_submenu_left !== $background_submenu_right ) {
$css .= 'background:-ms-linear-gradient(' . $angle_ie . ',' . $background_submenu_left . ' 0%,' . $background_submenu_right . ' 100%);
background:linear-gradient(' . $angle . ',' . $background_submenu_left . ' 0%,' . $background_submenu_right . ' 100%);';
}
if ( $background_submenu_image ) {
$css .= "background-image:url('" . $background_submenu_image . "');
background-repeat:no-repeat;
background-position:top center;
background-size:cover;";
}
$css .= '}';
}
$link_color = esc_html( pen_option_get( 'color_navigation_link' ) );
$link_color_default = pen_option_default( 'color_navigation_link' );
$link_color_hover = esc_html( pen_option_get( 'color_navigation_link_hover' ) );
$link_color_hover_default = pen_option_default( 'color_navigation_link_hover' );
$navigation_font = esc_html( pen_option_get( 'font_family_navigation' ) );
$navigation_size = esc_html( pen_option_get( 'font_size_navigation' ) );
$navigation_size_default = pen_option_default( 'font_size_navigation' );
if ( ! pen_option_get( 'color_navigation_text_shadow_display' ) ) {
$text_shadow = 'none';
} else {
$text_shadow = '1px 1px 1px ' . esc_html( pen_option_get( 'color_navigation_text_shadow' ) );
}
if ( 'preset_1' !== $preset_color || $link_color !== $link_color_default || '1px 1px 1px ' . pen_option_default( 'color_navigation_text_shadow' ) !== $text_shadow || 'default' !== $navigation_font || $navigation_size !== $navigation_size_default ) {
$css .= '#pen_navigation a {';
if ( 'preset_1' !== $preset_color || $link_color !== $link_color_default ) {
$css .= 'color:' . $link_color . ';';
}
if ( 'default' !== $navigation_font ) {
$css .= 'font-family:"' . ltrim( $navigation_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;';
}
if ( $navigation_size !== $navigation_size_default ) {
$css .= 'font-size:' . $navigation_size . ';';
}
if ( 'preset_1' !== $preset_color || '1px 1px 1px ' . pen_option_default( 'color_navigation_text_shadow' ) !== $text_shadow ) {
$css .= 'text-shadow:' . $text_shadow . ';';
}
$css .= '}';
$separator = esc_html( pen_option_get( 'navigation_separator' ) );
if ( 'preset_1' !== $preset_color && $separator ) {
if ( in_array( $separator, array( 1, 2, 3 ), true ) ) {
$css .= '#pen_navigation.pen_separator_' . $separator . ' div#primary-menu > ul > li:after,
#pen_navigation.pen_separator_' . $separator . ' ul#primary-menu > li:after {
background:-ms-linear-gradient(270deg, rgba(0,0,0,0) 0%, ' . $link_color . ' 50%, rgba(0,0,0,0) 100%);
background:linear-gradient(180deg, rgba(0,0,0,0) 0%, ' . $link_color . ' 50%, rgba(0,0,0,0) 100%);
}';
} elseif ( in_array( $separator, array( 4, 5, 7 ), true ) ) {
$css .= '#pen_navigation.pen_separator_' . $separator . ' div#primary-menu > ul > li:after,
#pen_navigation.pen_separator_' . $separator . ' ul#primary-menu > li:after {
background:' . $link_color . ';
}';
} elseif ( 6 === $separator ) {
$css .= '#pen_navigation.pen_separator_' . $separator . ' div#primary-menu > ul > li:before,
#pen_navigation.pen_separator_' . $separator . ' ul#primary-menu > li:before,
#pen_navigation.pen_separator_' . $separator . ' div#primary-menu > ul > li:after,
#pen_navigation.pen_separator_' . $separator . ' ul#primary-menu > li:after {
background:' . $link_color . ';
}';
} elseif ( in_array( $separator, array( 8, 9 ), true ) ) {
$css .= '#pen_navigation.pen_separator_' . $separator . ' div#primary-menu > ul > li:after,
#pen_navigation.pen_separator_' . $separator . ' ul#primary-menu > li:after {
border-color:' . $link_color . ';
}';
} elseif ( 10 === $separator ) {
$css .= '#pen_navigation.pen_separator_' . $separator . ' div#primary-menu > ul > li:after,
#pen_navigation.pen_separator_' . $separator . ' ul#primary-menu > li:after {
color:' . $link_color . ';
}';
}
}
$hover = esc_html( pen_option_get( 'navigation_hover' ) );
if ( 'preset_1' !== $preset_color && $hover ) {
if ( 1 === $hover || 2 === $hover ) {
$link_color_check = new \Pen\Color( $link_color );
if ( $link_color_check->isDark() ) {
$css .= '#pen_navigation.pen_hover_' . $hover . ' div#primary-menu > ul > li.sfHover > a,
#pen_navigation.pen_hover_' . $hover . ' div#primary-menu > ul > li > a:focus,
#pen_navigation.pen_hover_' . $hover . ' div#primary-menu > ul > li > a:hover,
#pen_navigation.pen_hover_' . $hover . ' div#primary-menu > ul > li > a:active,
#pen_navigation.pen_hover_' . $hover . ' div#primary-menu > ul > li.current-menu-item > a,
#pen_navigation.pen_hover_' . $hover . ' ul#primary-menu > li.sfHover > a,
#pen_navigation.pen_hover_' . $hover . ' ul#primary-menu > li > a:focus,
#pen_navigation.pen_hover_' . $hover . ' ul#primary-menu > li > a:hover,
#pen_navigation.pen_hover_' . $hover . ' ul#primary-menu > li > a:active,
#pen_navigation.pen_hover_' . $hover . ' ul#primary-menu > li.current-menu-item > a {';
if ( 'preset_15' === $preset_color ) {
$css .= 'background:rgba(255,255,255,0.5);';
} else {
$css .= 'background:rgba(255,255,255,0.3);';
}
$css .= '}';
}
} elseif ( in_array( $hover, array( 3, 4, 5, 6, 7, 10 ), true ) ) {
$css .= '#pen_navigation.pen_hover_' . $hover . ' div#primary-menu > ul > li > a:after,
#pen_navigation.pen_hover_' . $hover . ' ul#primary-menu > li > a:after {
background:' . $link_color . ';
}';
} elseif ( 8 === $hover ) {
$css .= '#pen_navigation.pen_hover_' . $hover . ' div#primary-menu > ul > li > a:after,
#pen_navigation.pen_hover_' . $hover . ' ul#primary-menu > li > a:after {
border-top-color:' . $link_color . ';
}';
} elseif ( 9 === $hover ) {
$css .= '#pen_navigation.pen_hover_' . $hover . ' div#primary-menu > ul > li > a:after,
#pen_navigation.pen_hover_' . $hover . ' ul#primary-menu > li > a:after {
border-bottom-color:' . $link_color . ';
}';
}
}
}
if ( 'preset_1' !== $preset_color || $link_color_hover !== $link_color_hover_default ) {
$css .= '#pen_navigation li.sfHover > a,
#pen_navigation a:focus,
#pen_navigation a:hover,
#pen_navigation a:active {
color:' . $link_color_hover . ';
}';
}
$link_color_submenu = esc_html( pen_option_get( 'color_navigation_link_submenu' ) );
$link_color_submenu_default = pen_option_default( 'color_navigation_link_submenu' );
$link_color_hover_submenu = esc_html( pen_option_get( 'color_navigation_link_hover_submenu' ) );
$link_color_hover_submenu_default = pen_option_default( 'color_navigation_link_hover_submenu' );
$navigation_submenu_font = esc_html( pen_option_get( 'font_family_navigation_submenu' ) );
if ( ! pen_option_get( 'color_navigation_text_shadow_display_submenu' ) ) {
$text_shadow_submenu = 'none';
} else {
$text_shadow_submenu = '1px 1px 1px ' . esc_html( pen_option_get( 'color_navigation_text_shadow_submenu' ) );
}
if ( 'preset_1' !== $preset_color || $link_color_submenu !== $link_color_submenu_default || '1px 1px 1px ' . pen_option_default( 'color_navigation_text_shadow_submenu' ) !== $text_shadow_submenu || 'default' !== $navigation_submenu_font || $navigation_size !== $navigation_size_default ) {
$css .= '#pen_navigation li li a {';
if ( 'preset_1' !== $preset_color || $link_color_submenu !== $link_color_submenu_default ) {
$css .= 'color:' . $link_color_submenu . ';';
}
if ( 'default' !== $navigation_submenu_font ) {
$css .= 'font-family:"' . ltrim( $navigation_submenu_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;';
}
if ( $navigation_size !== $navigation_size_default ) {
$css .= 'font-size:' . $navigation_size . ';';
}
if ( 'preset_1' !== $preset_color || '1px 1px 1px ' . pen_option_default( 'color_navigation_text_shadow_submenu' ) !== $text_shadow_submenu ) {
$css .= 'text-shadow:' . $text_shadow_submenu . ';';
}
$css .= '}';
$separator = esc_html( pen_option_get( 'navigation_separator_submenu' ) );
if ( 'preset_1' !== $preset_color && $separator ) {
if ( 1 === $separator ) {
$css .= '#pen_navigation.pen_separator_submenu_' . $separator . ' li li:after {
background:-ms-linear-gradient(180deg,rgba(0,0,0,0) 0%, ' . $link_color_submenu . ' 25%,rgba(0,0,0,0) 100%);
background:linear-gradient(90deg,rgba(0,0,0,0) 0%, ' . $link_color_submenu . ' 25%,rgba(0,0,0,0) 100%);
}';
} elseif ( 2 === $separator ) {
$css .= '#pen_navigation.pen_separator_submenu_' . $separator . ' li li:after {
background:-ms-linear-gradient(180deg,rgba(0,0,0,0) 0%, ' . $link_color_submenu . ' 50%,rgba(0,0,0,0) 100%);
background:linear-gradient(90deg,rgba(0,0,0,0) 0%, ' . $link_color_submenu . ' 50%,rgba(0,0,0,0) 100%);
}';
} elseif ( 3 === $separator ) {
$css .= '#pen_navigation.pen_separator_submenu_' . $separator . ' li li:after {
background:-ms-linear-gradient(180deg,rgba(0,0,0,0) 0%, ' . $link_color_submenu . ' 75%,rgba(0,0,0,0) 100%);
background:linear-gradient(90deg,rgba(0,0,0,0) 0%, ' . $link_color_submenu . ' 75%,rgba(0,0,0,0) 100%);
}';
} elseif ( in_array( $separator, array( 4, 5, 7 ), true ) ) {
$css .= '#pen_navigation.pen_separator_submenu_' . $separator . ' li li:after {
background:' . $link_color_submenu . ';
}';
} elseif ( 6 === $separator ) {
$css .= '#pen_navigation.pen_separator_submenu_' . $separator . ' li li:before,
#pen_navigation.pen_separator_' . $separator . ' li li:after {
background:' . $link_color_submenu . ';
}';
} elseif ( in_array( $separator, array( 8, 9 ), true ) ) {
$css .= '#pen_navigation.pen_separator_submenu_' . $separator . ' li li:after {
border-color:' . $link_color . ';
}';
} elseif ( 10 === $separator ) {
$css .= '#pen_navigation.pen_separator_submenu_' . $separator . ' li li:after {
color:' . $link_color . ';
}';
}
}
}
if ( 'preset_1' !== $preset_color || $link_color_hover_submenu !== $link_color_hover_submenu_default ) {
$css .= '#pen_navigation li li.sfHover > a,
#pen_navigation li li a:focus,
#pen_navigation li li a:hover,
#pen_navigation li li a:active {
color:' . $link_color_hover_submenu . ';
}';
}
$css = pen_compress_css( $css );
}
wp_add_inline_style( 'pen-css', $css );
}
add_action( 'wp_enqueue_scripts', 'pen_inline_css_navigation' );
}
if ( ! function_exists( 'pen_inline_css_search' ) ) {
/**
* Adds inline CSS for the search bar.
*
* @since Pen 1.0.0
* @return void
*/
function pen_inline_css_search() {
$css = '';
$search_location = get_post_meta( get_the_ID(), 'pen_content_search_location_override', true );
if ( ! $search_location || 'default' === $search_location ) {
$search_location = esc_html( pen_option_get( 'search_location' ) );
}
$search = pen_html_search_box();
if ( $search && 'content' === $search_location ) {
$preset_color = esc_html( pen_preset_get( 'color' ) );
$field_background_primary = esc_html( pen_option_get( 'color_search_field_background_primary' ) );
$field_background_primary_default = pen_option_default( 'color_search_field_background_primary' );
$field_background_secondary = esc_html( pen_option_get( 'color_search_field_background_secondary' ) );
$field_background_secondary_default = pen_option_default( 'color_search_field_background_secondary' );
$field_text = esc_html( pen_option_get( 'color_search_field_text' ) );
$field_text_default = pen_option_default( 'color_search_field_text' );
if ( 'preset_1' !== $preset_color || $field_background_primary !== $field_background_primary_default || $field_background_secondary !== $field_background_secondary_default || $field_text !== $field_text_default ) {
$css .= '#pen_search .search-form .search-field {
background:' . $field_background_secondary . ';';
if ( $field_background_primary !== $field_background_secondary ) {
$css .= 'background:-ms-linear-gradient(top,' . $field_background_primary . ' 0%,' . $field_background_secondary . ' 100%);
background:linear-gradient(to bottom,' . $field_background_primary . ' 0%,' . $field_background_secondary . ' 100%);';
}
if ( 'preset_1' !== $preset_color || $field_text !== $field_text_default ) {
$css .= 'color:' . $field_text . ';';
}
$css .= '}';
}
$background_left = esc_html( pen_option_get( 'color_search_background_primary' ) );
$background_left_default = pen_option_default( 'color_search_background_primary' );
$background_right = esc_html( pen_option_get( 'color_search_background_secondary' ) );
$background_right_default = pen_option_default( 'color_search_background_secondary' );
$background_image = esc_html( pen_option_get( 'background_image_search' ) );
$angle = esc_html( pen_option_get( 'color_search_background_angle' ) );
$angle_default = pen_option_default( 'color_search_background_angle' );
if ( 'to right' === $angle ) {
$angle_ie = 'left';
} elseif ( 'to bottom' === $angle ) {
$angle_ie = 'top';
} elseif ( false !== strpos( $angle, 'deg' ) ) {
$angle_ie = ( str_replace( 'deg', '', $angle ) + 200 ) . 'deg';
}
if ( 'preset_1' !== $preset_color || $background_left !== $background_left_default || $background_right !== $background_right_default || $background_image || $angle !== $angle_default ) {
$css .= '#pen_search {
background-color:' . $background_left . ';
background:' . $background_left . ';';
if ( $background_left !== $background_right ) {
$css .= 'background:-ms-linear-gradient(' . $angle_ie . ',' . $background_left . ' 0%,' . $background_right . ' 100%);
background:linear-gradient(' . $angle . ',' . $background_left . ' 0%,' . $background_right . ' 100%);';
}
if ( $background_image ) {
$css .= "background-image:url('" . $background_image . "');
background-repeat:no-repeat;
background-position:top center;
background-size:cover;";
}
$css .= '}';
}
$text_color = esc_html( pen_option_get( 'color_search_text' ) );
$text_color_default = pen_option_default( 'color_search_text' );
if ( 'preset_1' !== $preset_color || $text_color !== $text_color_default ) {
$css .= '#pen_search .widget {
color:' . $text_color . ';
}';
}
if ( ! pen_option_get( 'color_search_text_shadow_display' ) ) {
$text_shadow = 'none';
} else {
$text_shadow = '1px 1px 1px ' . esc_html( pen_option_get( 'color_search_text_shadow' ) );
}
if ( 'preset_1' !== $preset_color || '1px 1px 1px ' . pen_option_default( 'color_search_text_shadow' ) !== $text_shadow ) {
$css .= 'body.pen_drop_shadow #pen_search .widget {
text-shadow:' . $text_shadow . ';
}';
}
$link_color = esc_html( pen_option_get( 'color_search_link' ) );
$link_color_default = pen_option_default( 'color_search_link' );
$link_color_hover = esc_html( pen_option_get( 'color_search_link_hover' ) );
$link_color_hover_default = pen_option_default( 'color_search_link_hover' );
if ( 'preset_1' !== $preset_color || $link_color !== $link_color_default ) {
$css .= '#pen_search .widget a {
color:' . $link_color . ';
}';
}
if ( 'preset_1' !== $preset_color || $link_color_hover !== $link_color_hover_default ) {
$css .= '#pen_search .widget a:focus,
#pen_search .widget a:hover,
#pen_search .widget a:active {
color:' . $link_color_hover . ' !important;
}';
}
$search_background_top = esc_html( pen_option_get( 'color_search_button_background_primary' ) );
$search_background_top_default = pen_option_default( 'color_search_button_background_primary' );
$search_background_bottom = esc_html( pen_option_get( 'color_search_button_background_secondary' ) );
$search_background_bottom_default = pen_option_default( 'color_search_button_background_secondary' );
$search_text = esc_html( pen_option_get( 'color_search_button_text' ) );
$search_text_default = pen_option_default( 'color_search_button_text' );
$background_dark = false;
$search_text_check = new \Pen\Color( $search_text );
if ( $search_text_check->isDark() ) {
$background_dark = true;
}
if ( 'preset_1' !== $preset_color || $search_background_top !== $search_background_top_default || $search_background_bottom !== $search_background_bottom_default || $search_text !== $search_text_default || $background_dark ) {
$css .= '#pen_search .search-form .search-submit {
background:' . $search_background_bottom . ';';
if ( $search_background_top !== $search_background_bottom ) {
$css .= 'background:-ms-linear-gradient(top,' . $search_background_top . ' 0%,' . $search_background_bottom . ' 100%);
background:linear-gradient(to bottom,' . $search_background_top . ' 0%,' . $search_background_bottom . ' 100%);';
}
if ( 'preset_1' !== $preset_color || $search_text !== $search_text_default ) {
$css .= 'color:' . $search_text . ';';
}
$css .= '}
#pen_search .search-form .search-submit:active {
background:' . $search_background_bottom . ';
}';
if ( $background_dark ) {
$css .= 'body.pen_drop_shadow #pen_search .search-form .search-submit {
text-shadow:1px 1px 2px rgba(255,255,255,0.5);
}';
}
}
$css = pen_compress_css( $css );
}
wp_add_inline_style( 'pen-css', $css );
}
add_action( 'wp_enqueue_scripts', 'pen_inline_css_search' );
}
if ( ! function_exists( 'pen_inline_css_content' ) ) {
/**
* Adds inline CSS for the content area.
*
* @since Pen 1.0.0
* @return void
*/
function pen_inline_css_content() {
$css = '';
$preset_color = esc_html( pen_preset_get( 'color' ) );
$background_left = esc_html( pen_option_get( 'color_content_title_background_primary' ) );
$background_left_default = pen_option_default( 'color_content_title_background_primary' );
$background_right = esc_html( pen_option_get( 'color_content_title_background_secondary' ) );
$background_right_default = pen_option_default( 'color_content_title_background_secondary' );
$background_image = esc_html( pen_option_get( 'background_image_content_title' ) );
$angle = esc_html( pen_option_get( 'color_content_title_background_angle' ) );
$angle_default = pen_option_default( 'color_content_title_background_angle' );
if ( 'to right' === $angle ) {
$angle_ie = 'left';
} elseif ( 'to bottom' === $angle ) {
$angle_ie = 'top';
} elseif ( false !== strpos( $angle, 'deg' ) ) {
$angle_ie = ( str_replace( 'deg', '', $angle ) + 200 ) . 'deg';
}
if ( 'preset_1' !== $preset_color || $background_left !== $background_left_default || $background_right !== $background_right_default || $angle !== $angle_default || $background_image ) {
$css .= '#main article header {
background-color:' . $background_left . ';
background:' . $background_left . ';';
if ( $background_left !== $background_right ) {
$css .= 'background:-ms-linear-gradient(' . $angle_ie . ',' . $background_left . ' 0%,' . $background_right . ' 100%);
background:linear-gradient(' . $angle . ',' . $background_left . ' 0%,' . $background_right . ' 100%);';
}
if ( $background_image ) {
$css .= "background-image:url('" . $background_image . "');
background-repeat:no-repeat;
background-position:top center;
background-size:cover;";
}
$css .= '}';
}
$text_color = esc_html( pen_option_get( 'color_content_text' ) );
$text_color_default = pen_option_default( 'color_content_text' );
if ( 'preset_1' !== $preset_color || $text_color !== $text_color_default ) {
$css .= '#main .page-content,
#main .entry-content,
#main .entry-summary,
#main .entry-footer,
#main label,
#comments,
#comments h3 {
color:' . $text_color . ';
}';
$view = is_singular() ? 'content' : 'list';
$profile_display = get_post_meta( get_the_ID(), 'pen_' . $view . '_profile_display_override', true );
if ( ! $profile_display || 'default' === $profile_display ) {
$profile_display = esc_html( pen_option_get( $view . '_profile_display' ) );
}
if ( $profile_display ) {
$css .= '#primary .pen_author_profile:before {
background: -ms-linear-gradient(180deg, rgba(255,255,255,0) 0%,' . $text_color . ' 50%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%,' . $text_color . ' 50%, rgba(255,255,255,0) 100%);
}';
}
}
$background_color = esc_html( pen_option_get( 'color_content_background_primary' ) );
$background_color_default = pen_option_default( 'color_content_background_primary' );
if ( 'preset_1' !== $preset_color || $background_color !== $background_color_default ) {
$css .= '#main .page-content,
#main .pen_article_wrapper > article,
body.pen_list_masonry #pen_masonry article,
#primary .pen_author_profile .pen_author_avatar,
#comments,
#comments ol.comment-list li.comment div.comment-author .photo,
body.pen_list_plain #pen_pager {
background-color:' . $background_color . ';
background:' . $background_color . ';
}';
}
$link_color = esc_html( pen_option_get( 'color_content_link' ) );
$link_color_default = pen_option_default( 'color_content_link' );
$link_color_hover = esc_html( pen_option_get( 'color_content_link_hover' ) );
$link_color_hover_default = pen_option_default( 'color_content_link_hover' );
if ( 'preset_1' !== $preset_color || $link_color !== $link_color_default ) {
$css .= '#primary a {
color:' . $link_color . ';
}';
}
if ( 'preset_1' !== $preset_color || $link_color_hover !== $link_color_hover_default ) {
$css .= '#primary a:focus,
#primary a:hover,
#primary a:active {
color:' . $link_color_hover . ';
}';
}
if ( ! pen_option_get( 'color_content_title_text_shadow_display' ) ) {
$text_shadow = 'none';
} else {
$text_shadow = '1px 1px 1px ' . esc_html( pen_option_get( 'color_content_title_text_shadow' ) );
}
if ( is_singular() ) {
$title_font = esc_html( pen_option_get( 'font_family_title_content' ) );
$title_size = esc_html( pen_option_get( 'font_size_title_content' ) );
$title_size_default = pen_option_default( 'font_size_title_content' );
} else {
$title_font = esc_html( pen_option_get( 'font_family_title_list' ) );
$title_size = esc_html( pen_option_get( 'font_size_title_list' ) );
$title_size_default = pen_option_default( 'font_size_title_list' );
}
if ( 'preset_1' !== $preset_color || $title_size !== $title_size_default || '1px 1px 1px ' . pen_option_default( 'color_content_title_text_shadow' ) !== $text_shadow || 'default' !== $title_font ) {
$css .= '#main header .entry-title,
#main header .page-title {';
if ( 'default' !== $title_font ) {
$css .= 'font-family:"' . ltrim( $title_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;';
}
if ( $title_size !== $title_size_default ) {
$css .= 'font-size:' . $title_size . ' !important;';
}
if ( 'preset_1' !== $preset_color || '1px 1px 1px ' . pen_option_default( 'color_content_title_text_shadow' ) !== $text_shadow ) {
$css .= 'text-shadow:' . $text_shadow . ';';
}
$css .= '}';
}
$title_color = esc_html( pen_option_get( 'color_content_title_text' ) );
$title_color_default = pen_option_default( 'color_content_title_text' );
if ( 'preset_1' !== $preset_color || $title_color !== $title_color_default ) {
$css .= '#main article header {
color:' . $title_color . ';
}
#main article .entry-meta > span:after {
background: -ms-linear-gradient(270deg, rgba(0,0,0,0) 0%,' . $title_color . ' 50%, rgba(0,0,0,0) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%,' . $title_color . ' 50%, rgba(0,0,0,0) 100%);
}';
}
$link_color = esc_html( pen_option_get( 'color_content_title_link' ) );
$link_color_default = pen_option_default( 'color_content_title_link' );
$link_color_hover = esc_html( pen_option_get( 'color_content_title_link_hover' ) );
$link_color_hover_default = pen_option_default( 'color_content_title_link_hover' );
if ( 'preset_1' !== $preset_color || $link_color !== $link_color_default ) {
$css .= '#main article header a {
color:' . $link_color . ';
}';
}
if ( 'preset_1' !== $preset_color || $link_color_hover !== $link_color_hover_default ) {
$css .= '#main article header a:focus,
#main article header a:hover,
#main article header a:active {
color:' . $link_color_hover . ';
}';
}
$field_background_primary = esc_html( pen_option_get( 'color_content_field_background_primary' ) );
$field_background_primary_default = pen_option_default( 'color_content_field_background_primary' );
$field_background_secondary = esc_html( pen_option_get( 'color_content_field_background_secondary' ) );
$field_background_secondary_default = pen_option_default( 'color_content_field_background_secondary' );
$field_text = esc_html( pen_option_get( 'color_content_field_text' ) );
$field_text_default = pen_option_default( 'color_content_field_text' );
if ( 'preset_1' !== $preset_color || $field_background_primary !== $field_background_primary_default || $field_background_secondary !== $field_background_secondary_default || $field_text !== $field_text_default ) {
$css .= '#main input[type="date"],
#main input[type="email"],
#main input[type="file"],
#main input[type="number"],
#main input[type="tel"],
#main input[type="time"],
#main input[type="text"],
#main input[type="url"],
#main option,
#main select,
#main textarea {
background:' . $field_background_secondary . ';';
if ( $field_background_primary !== $field_background_secondary ) {
$css .= 'background:-ms-linear-gradient(top,' . $field_background_primary . ' 0%,' . $field_background_secondary . ' 100%);
background:linear-gradient(to bottom,' . $field_background_primary . ' 0%,' . $field_background_secondary . ' 100%);';
}
if ( 'preset_1' !== $preset_color || $field_text !== $field_text_default ) {
$css .= 'color:' . $field_text . ';';
}
$css .= '}';
}
$css = pen_compress_css( $css );
wp_add_inline_style( 'pen-css', $css );
}
add_action( 'wp_enqueue_scripts', 'pen_inline_css_content' );
}
if ( ! function_exists( 'pen_inline_css_list' ) ) {
/**
* Adds inline CSS for lists.
*
* @since Pen 1.0.0
* @return void
*/
function pen_inline_css_list() {
$css = '';
$preset_color = esc_html( pen_preset_get( 'color' ) );
if ( 'masonry' === pen_list_type() ) {
$list_masonry_thumbnail_style = esc_html( pen_option_get( 'list_masonry_thumbnail_style' ) );
$color_list_thumbnail_background_primary = esc_html( pen_option_get( 'color_list_thumbnail_background_primary' ) );
$color_list_thumbnail_background_primary_default = pen_option_default( 'color_list_thumbnail_background_primary' );
$color_list_thumbnail_background_secondary = esc_html( pen_option_get( 'color_list_thumbnail_background_secondary' ) );
$color_list_thumbnail_background_secondary_default = pen_option_default( 'color_list_thumbnail_background_secondary' );
if ( 'preset_1' !== $preset_color || $color_list_thumbnail_background_primary !== $color_list_thumbnail_background_primary_default || $color_list_thumbnail_background_secondary !== $color_list_thumbnail_background_secondary_default ) {
$css .= 'body.pen_list_masonry #pen_masonry article.pen_thumbnail_style_' . $list_masonry_thumbnail_style . ' .post-thumbnail {
background: -ms-linear-gradient(180deg, ' . $color_list_thumbnail_background_primary . ' 0%, ' . $color_list_thumbnail_background_secondary . ' 50%, ' . $color_list_thumbnail_background_primary . ' 100%);
background: linear-gradient(90deg, ' . $color_list_thumbnail_background_primary . ' 0%, ' . $color_list_thumbnail_background_secondary . ' 50%, ' . $color_list_thumbnail_background_primary . ' 100%);
}';
}
}
$css = pen_compress_css( $css );
wp_add_inline_style( 'pen-css', $css );
}
add_action( 'wp_enqueue_scripts', 'pen_inline_css_list' );
}
if ( ! function_exists( 'pen_inline_css_bottom' ) ) {
/**
* Adds inline CSS for the bottom area.
*
* @since Pen 1.0.0
* @return void
*/
function pen_inline_css_bottom() {
$css = '';
if ( pen_sidebar_check( 'sidebar-bottom' ) ) {
$preset_color = esc_html( pen_preset_get( 'color' ) );
$background_left = esc_html( pen_option_get( 'color_bottom_background_primary' ) );
$background_left_default = pen_option_default( 'color_bottom_background_primary' );
$background_right = esc_html( pen_option_get( 'color_bottom_background_secondary' ) );
$background_right_default = pen_option_default( 'color_bottom_background_secondary' );
$background_image = esc_html( pen_option_get( 'background_image_bottom' ) );
$angle = esc_html( pen_option_get( 'color_bottom_background_angle' ) );
$angle_default = pen_option_default( 'color_bottom_background_angle' );
if ( 'to right' === $angle ) {
$angle_ie = 'left';
} elseif ( 'to bottom' === $angle ) {
$angle_ie = 'top';
} elseif ( false !== strpos( $angle, 'deg' ) ) {
$angle_ie = ( str_replace( 'deg', '', $angle ) + 200 ) . 'deg';
}
$text_color = esc_html( pen_option_get( 'color_bottom_text' ) );
$text_color_default = pen_option_default( 'color_bottom_text' );
if ( ! pen_option_get( 'color_bottom_text_shadow_display' ) ) {
$text_shadow = 'none';
} else {
$text_shadow = '1px 1px 2px ' . esc_html( pen_option_get( 'color_bottom_text_shadow' ) );
}
if ( 'preset_1' !== $preset_color || $background_left !== $background_left_default || $background_right !== $background_right_default || $background_image || '1px 1px 2px ' . pen_option_default( 'color_bottom_text_shadow' ) !== $text_shadow || $angle !== $angle_default ) {
$css .= '#pen_bottom.pen_not_transparent {
background-color:' . $background_left . ';
background:' . $background_left . ';';
if ( $background_left !== $background_right ) {
$css .= 'background:-ms-linear-gradient(' . $angle_ie . ',' . $background_left . ' 0%,' . $background_right . ' 100%);
background:linear-gradient(' . $angle . ',' . $background_left . ' 0%,' . $background_right . ' 100%);';
}
if ( $background_image ) {
$css .= "background-image:url('" . $background_image . "');
background-repeat:no-repeat;
background-position:top center;
background-size:cover;";
}
if ( 'preset_1' !== $preset_color || $text_color !== $text_color_default ) {
$css .= 'color:' . $text_color . ';';
}
if ( 'preset_1' !== $preset_color || '1px 1px 2px ' . pen_option_default( 'color_bottom_text_shadow' ) !== $text_shadow ) {
$css .= 'text-shadow:' . $text_shadow . ';';
}
$css .= '}';
}
$headings_color = esc_html( pen_option_get( 'color_bottom_headings' ) );
$headings_color_default = pen_option_default( 'color_bottom_headings' );
if ( ! pen_option_get( 'color_bottom_headings_text_shadow_display' ) ) {
$headings_shadow = 'none';
} else {
$headings_shadow = '1px 1px 2px ' . esc_html( pen_option_get( 'color_bottom_headings_text_shadow' ) );
}
if ( 'preset_1' !== $preset_color || $headings_color !== $headings_color_default || '1px 1px 2px ' . pen_option_default( 'color_bottom_headings_text_shadow' ) !== $headings_shadow ) {
$css .= '#pen_bottom .pen_widget_transparent h3,
#pen_bottom .pen_widget_transparent h4,
#pen_bottom .pen_widget_transparent h5 {';
if ( 'preset_1' !== $preset_color || $headings_color !== $headings_color_default ) {
$css .= 'color:' . $headings_color . ';';
}
if ( 'preset_1' !== $preset_color || '1px 1px 2px ' . pen_option_default( 'color_bottom_headings_text_shadow' ) !== $headings_shadow ) {
$css .= 'text-shadow:' . $headings_shadow . ';';
}
$css .= '}';
}
$link_color = esc_html( pen_option_get( 'color_bottom_link' ) );
$link_color_default = pen_option_default( 'color_bottom_link' );
$link_color_hover = esc_html( pen_option_get( 'color_bottom_link_hover' ) );
$link_color_hover_default = pen_option_default( 'color_bottom_link_hover' );
if ( 'preset_1' !== $preset_color || $link_color !== $link_color_default ) {
$css .= '#pen_bottom a {
color:' . $link_color . ';
}';
}
if ( 'preset_1' !== $preset_color || $link_color_hover !== $link_color_hover_default ) {
$css .= '#pen_bottom a:focus,
#pen_bottom a:hover,
#pen_bottom a:active {
color:' . $link_color_hover . ';
}';
}
$css = pen_compress_css( $css );
}
wp_add_inline_style( 'pen-css', $css );
}
add_action( 'wp_enqueue_scripts', 'pen_inline_css_bottom' );
}
if ( ! function_exists( 'pen_inline_css_footer' ) ) {
/**
* Adds inline CSS for the footer area.
*
* @since Pen 1.0.0
* @return void
*/
function pen_inline_css_footer() {
$css = '';
$preset_color = esc_html( pen_preset_get( 'color' ) );
$background_left = esc_html( pen_option_get( 'color_footer_background_primary' ) );
$background_left_default = pen_option_default( 'color_footer_background_primary' );
$background_right = esc_html( pen_option_get( 'color_footer_background_secondary' ) );
$background_right_default = pen_option_default( 'color_footer_background_secondary' );
$background_image = esc_html( pen_option_get( 'background_image_footer' ) );
$angle = esc_html( pen_option_get( 'color_footer_background_angle' ) );
$angle_default = pen_option_default( 'color_footer_background_angle' );
if ( 'to right' === $angle ) {
$angle_ie = 'left';
} elseif ( 'to bottom' === $angle ) {
$angle_ie = 'top';
} elseif ( false !== strpos( $angle, 'deg' ) ) {
$angle_ie = ( str_replace( 'deg', '', $angle ) + 200 ) . 'deg';
}
$text_color = esc_html( pen_option_get( 'color_footer_text' ) );
$text_color_default = pen_option_default( 'color_footer_text' );
$link_color = esc_html( pen_option_get( 'color_footer_link' ) );
$link_color_default = pen_option_default( 'color_footer_link' );
if ( ! pen_option_get( 'color_footer_text_shadow_display' ) ) {
$text_shadow = 'none';
} else {
$text_shadow = '1px 1px 2px ' . esc_html( pen_option_get( 'color_footer_text_shadow' ) );
}
if ( 'preset_1' !== $preset_color || $background_left !== $background_left_default || $background_right !== $background_right_default || $background_image || $angle !== $angle_default ) {
$css .= '#pen_footer.pen_not_transparent {
background-color:' . $background_left . ';
background:' . $background_left . ';';
if ( $background_left !== $background_right ) {
$css .= 'background:-ms-linear-gradient(' . $angle_ie . ',' . $background_left . ' 0%,' . $background_right . ' 100%);
background:linear-gradient(' . $angle . ',' . $background_left . ' 0%,' . $background_right . ' 100%);';
}
if ( $background_image ) {
$css .= "background-image:url('" . $background_image . "');
background-repeat:no-repeat;
background-position:top center;
background-size:cover;";
}
if ( 'preset_1' !== $preset_color || $text_color !== $text_color_default ) {
$css .= 'color:' . $text_color . ';';
}
if ( 'preset_1' !== $preset_color || '1px 1px 2px ' . pen_option_default( 'color_footer_text_shadow' ) !== $text_shadow ) {
$css .= 'text-shadow:' . $text_shadow . ';';
}
$css .= '}
a#pen_back {
background:' . $background_right . ';
color:' . $link_color . ';
text-shadow:' . $text_shadow . ';
}';
}
$link_color_hover = esc_html( pen_option_get( 'color_footer_link_hover' ) );
$link_color_hover_default = pen_option_default( 'color_footer_link_hover' );
if ( 'preset_1' !== $preset_color || $link_color !== $link_color_default ) {
$css .= '#pen_footer a,
#pen_footer .pen_footer_inner .pen_social_networks a {
color:' . $link_color . ';
}
#pen_footer .pen_footer_inner .pen_social_networks a {
border-color:' . $link_color . ';
}
@media only screen and (min-width:728px) {
#pen_footer .pen_footer_inner #pen_footer_menu li a:after {
background: -ms-linear-gradient(270deg, rgba(0,0,0,0) 0%,' . $link_color . ' 50%, rgba(0,0,0,0) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%,' . $link_color . ' 50%, rgba(0,0,0,0) 100%);
}
}';
}
if ( 'preset_1' !== $preset_color || $link_color_hover !== $link_color_hover_default ) {
$css .= '#pen_footer a:focus,
#pen_footer a:hover,
#pen_footer a:active,
#pen_footer .pen_footer_inner .pen_social_networks a:focus,
#pen_footer .pen_footer_inner .pen_social_networks a:hover,
#pen_footer .pen_footer_inner .pen_social_networks a:active {
color:' . $link_color_hover . ';
}
#pen_footer .pen_footer_inner .pen_social_networks a:focus,
#pen_footer .pen_footer_inner .pen_social_networks a:hover,
#pen_footer .pen_footer_inner .pen_social_networks a:active {
border-color:' . $link_color_hover . ';
}';
}
if ( pen_option_get( 'phone' ) && pen_option_get( 'phone_footer_display' ) ) {
$phone_font = esc_html( pen_option_get( 'font_family_phone_footer' ) );
$phone_size = esc_html( pen_option_get( 'font_size_phone_footer' ) );
$phone_size_default = pen_option_default( 'font_size_phone_footer' );
if ( 'preset_1' !== $preset_color || 'default' !== $phone_font || $phone_size !== $phone_size_default ) {
$css .= '#pen_footer .pen_footer_inner .pen_phone a {';
if ( 'default' !== $phone_font ) {
$css .= 'font-family:"' . ltrim( $phone_font, 'g:' ) . '", Arial, Helvetica, Sans-serif;
font-weight:normal;';
}
if ( $phone_size !== $phone_size_default ) {
$css .= 'font-size:' . $phone_size . ';';
}
$css .= '}';
}
}
$css = pen_compress_css( $css );
wp_add_inline_style( 'pen-css', $css );
}
add_action( 'wp_enqueue_scripts', 'pen_inline_css_footer' );
}
if ( ! function_exists( 'pen_customize_register' ) ) {
/**
* Add postMessage support for site title and description for the Theme Customizer.
*
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
*
* @since Pen 1.0.0
* @return void
*/
function pen_customize_register( $wp_customize ) {
pen_customize_contact( $wp_customize );
pen_customize_color( $wp_customize );
// pen_customize_typography( $wp_customize );
pen_customize_header( $wp_customize );
pen_customize_content_list( $wp_customize );
pen_customize_content_full( $wp_customize );
pen_customize_site_layout( $wp_customize );
pen_customize_front( $wp_customize );
pen_customize_footer( $wp_customize );
pen_customize_background( $wp_customize );
pen_customize_logo( $wp_customize );
}
add_action( 'customize_register', 'pen_customize_register' );
}
if ( ! function_exists( 'pen_customizer_preview_js' ) ) {
/**
* Enhancements for the the Theme Customizer.
*
* @since Pen 1.0.0
* @return void
*/
function pen_customizer_preview_js() {
wp_enqueue_script( 'pen-customizer-preview', get_template_directory_uri() . '/assets/js/pen-customize-preview.js', array( 'customize-preview', 'wp-backbone' ), wp_get_theme( 'pen' )->get( 'Version' ), true );
wp_localize_script(
'pen-customizer-preview',
'pen_preview_js',
array(
'preset_color' => pen_preset_get( 'color' ),
)
);
}
add_action( 'customize_preview_init', 'pen_customizer_preview_js' );
}
if ( ! function_exists( 'pen_customizer_main_js' ) ) {
/**
* Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
*
* @since Pen 1.0.0
* @return void
*/
function pen_customizer_main_js() {
$preset_preview = false;
if ( pen_filter_input( 'GET', 'pen_preview_color' ) || pen_filter_input( 'GET', 'pen_preview_font' ) ) {
$preset_preview = true;
}
wp_enqueue_script( 'pen-customizer-main', get_template_directory_uri() . '/assets/js/pen-customize-main.js', array(), wp_get_theme( 'pen' )->get( 'Version' ), true );
wp_localize_script(
'pen-customizer-main',
'pen_customize_js',
array(
'support_url' => esc_url( PEN_SUPPORT_URL ),
'preset_preview' => $preset_preview,
'preset_color' => str_replace( 'preset_', '', pen_preset_get( 'color' ) ),
'preset_font' => str_replace( 'preset_', '', pen_preset_get( 'font_family' ) ),
'text' => array(
'pen_theme' => __( 'Pen', 'pen' ),
'support_text' => __( 'Do you need help?', 'pen' ),
'support_description' => __( 'Request Support', 'pen' ),
'theme_specific' => sprintf(
"%1\$s\r\n%2\$s",
__( 'Pen theme only:', 'pen' ),
__( "This is a part of the 'Pen' theme so if you switch to another theme these settings will be no longer used. The rest of the settings that are here are either parts of the WordPress core or added via plugins and they are available with or without this theme.", 'pen' )
),
),
)
);
}
add_action( 'customize_controls_enqueue_scripts', 'pen_customizer_main_js' );
}