malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Add customizer option for card grid width

Browse Source
This commit is contained in:
Tetrakern 2024-01-20 01:10:14 +01:00
parent 9e49435833
commit 18ed3405d1
2 changed files with 34 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
includes/functions/_customizer-settings.php
View File

@ -2430,7 +2430,7 @@ function fictioneer_add_layout_customizer_settings( $manager ) {
'priority' => 10, 'priority' => 10,
'section' => 'layout', 'section' => 'layout',
'label' => __( 'Site Width', 'fictioneer' ), 'label' => __( 'Site Width', 'fictioneer' ),
'description' => __( 'Maximum site width in pixel, should not be less than 896. Default 960.', 'fictioneer' ), 'description' => __( 'Maximum site width in pixels, should not be less than 896. Default 960.', 'fictioneer' ),
'input_attrs' => array( 'input_attrs' => array(
'placeholder' => '960', 'placeholder' => '960',
'min' => 896, 'min' => 896,
@ -2439,6 +2439,33 @@ function fictioneer_add_layout_customizer_settings( $manager ) {
) )
); );
// Grid column minimum width
$manager->add_setting(
'card_grid_column_min',
array(
'capability' => 'manage_options',
'sanitize_callback' => 'absint',
'default' => 308
)
);
$manager->add_control(
'card_grid_column_min',
array(
'type' => 'number',
'priority' => 10,
'section' => 'layout',
'label' => __( 'Minimum Card Width', 'fictioneer' ),
'description' => __( 'Minimum card grid column width in pixels; does affect card size. Default 308.', 'fictioneer' ),
'input_attrs' => array(
'placeholder' => '308',
'min' => 308,
'style' => 'width: 80px'
)
)
);
// Header style
$manager->add_setting( $manager->add_setting(
'header_style', 'header_style',
array( array(
@ -2517,6 +2544,7 @@ function fictioneer_add_layout_customizer_settings( $manager ) {
) )
); );
// Mobile navigation style
$manager->add_setting( $manager->add_setting(
'mobile_nav_style', 'mobile_nav_style',
array( array(
@ -2541,6 +2569,7 @@ function fictioneer_add_layout_customizer_settings( $manager ) {
) )
); );
// Mobile menu style
$manager->add_setting( $manager->add_setting(
'mobile_menu_style', 'mobile_menu_style',
array( array(
@ -2565,6 +2594,7 @@ function fictioneer_add_layout_customizer_settings( $manager ) {
) )
); );
// Dark mode font weight adjustment
$manager->add_setting( $manager->add_setting(
'dark_mode_font_weight', 'dark_mode_font_weight',
array( array(
@ -2589,6 +2619,7 @@ function fictioneer_add_layout_customizer_settings( $manager ) {
) )
); );
// Custom layout toggle
$manager->add_setting( $manager->add_setting(
'use_custom_layout', 'use_custom_layout',
array( array(

3
includes/functions/_customizer.php
View File

@ -514,6 +514,7 @@ if ( ! function_exists( 'fictioneer_add_customized_layout_css' ) ) {
$horizontal_small_max = (int) get_theme_mod( 'horizontal_spacing_small_max', 20 ); $horizontal_small_max = (int) get_theme_mod( 'horizontal_spacing_small_max', 20 );
$large_border_radius = (int) get_theme_mod( 'large_border_radius', 4 ); $large_border_radius = (int) get_theme_mod( 'large_border_radius', 4 );
$small_border_radius = (int) get_theme_mod( 'small_border_radius', 2 ); $small_border_radius = (int) get_theme_mod( 'small_border_radius', 2 );
$card_grid_column_min = (int) get_theme_mod( 'card_grid_column_min', 2 );
// Build CSS // Build CSS
$layout_css = ":root { $layout_css = ":root {
@ -526,7 +527,7 @@ if ( ! function_exists( 'fictioneer_add_customized_layout_css' ) ) {
--layout-site-logo-height: " . $logo_height . "px; --layout-site-logo-height: " . $logo_height . "px;
--site-title-font-size: " . fictioneer_get_css_clamp( $title_min, $title_max, 320, $site_width ) . "; --site-title-font-size: " . fictioneer_get_css_clamp( $title_min, $title_max, 320, $site_width ) . ";
--site-title-tagline-font-size: " . fictioneer_get_css_clamp( $tagline_min, $tagline_max, 320, $site_width ) . "; --site-title-tagline-font-size: " . fictioneer_get_css_clamp( $tagline_min, $tagline_max, 320, $site_width ) . ";
--grid-columns-min: 308px; --grid-columns-min: " . $card_grid_column_min . "px;
}"; }";
if ( get_theme_mod( 'use_custom_layout', false ) ) { if ( get_theme_mod( 'use_custom_layout', false ) ) {