Child Theme

You want to add / remove custom bootstrap styles

FirmaSite theme have default bootstrap style and 12 custom bootstrap styles from Bootswatch but theme is still supporting to add / remove custom bootstrap styles. So you can have unlimited styles for you or your clients. You can create a child-theme that removes all bootstap styles and adds only your special custom styles easily and, with FirmaSite’s amazing structure, all your theme will use your custom style only. Buddypress + bbPress too!

Where can you get custom bootstrap styles?

• You can try to find free bootstrap styles from Google.
• You can use theme generators like Lavish, PaintStrap or BootSwatchr. You can even use official bootstrap customizer.
• You can write your own.  Careful: It needs advanced coding. If you want a start point, you can start to read Customizing Bootstrap
• You can buy bootstrap skins from theme markets like CodeCanyon or WrapBootstrap.

I prepared an example child-theme for you. You can download and inspect its codes for your project or directly you can edit it and make it your special theme!

Download:  Example Child Theme

 What this example child-theme do?

• I found a pink nature photo from Google  and created a custom Bootstrap style with using Lavish and example child-theme is adding this style to Theme Styles and removes “Default” bootstrap style with this example function:

/* 
 * This function adds our custom bootstrap styles to option list
 */  
add_filter( 'firmasite_theme_styles', "firmasite_childtheme_example_style" );
function firmasite_childtheme_example_style($array) {

	// Remove "default" named bootstrap style
	unset($array["default"]);

	// You can add multiple custom theme style
	$newthemes = array(
		"pink" => __( 'Pink', 'example' ),
	);

	// If you want to remove default styles comes with parent theme, use:
	// return $newthemes;
	return $newthemes + $array;
}
/* 
 * This function adds our custom bootstrap styles' location url to theme settings
 */
add_filter( 'firmasite_theme_styles_url', "firmasite_childtheme_example_style_url");
function firmasite_childtheme_example_style_url($array) {

	// You can add multiple custom theme style
	$newthemes = array(
		"pink" => get_stylesheet_directory_uri() . '/assets/themes/pink',
	);

	return $newthemes + $array;
}

•  You can make your custom bootstrap style selected when switched to this theme (You can use this example for changing other settings too. Be careful when changing those settings. )

/* 
 * This function makes our custom bootstrap style selected when switched to this theme
 * You can use this example for changing other settings too. Be careful when changing those settings.
 */
add_action( 'after_switch_theme',  'firmasite_childtheme_change_style' );
function firmasite_childtheme_change_style() {
	// bug report / support: http://unsalkorkmaz.com/
	// We got theme settings
	$settings = get_option( 'firmasite_settings' );

	// We are setting selected style as one of our custom bootstrap style
	$settings["style"] = "pink";

	// Now we are saving settings
	update_option( 'firmasite_settings', $settings );
}

• Theme adds some functions that i suggest you to have it in your child-theme. Inspect functions/child_theme.php file in example theme for more details.

  I will give more example child-themes in future like;

• If you want to change theme’s functionality (add, remove or modify theme options)
• If you want to change your custom post types templates. (Theme is using post type’s template as default for all custom post types but you can easily add your own templates)