Simple Nav Style with BF Area Child Theme

Vfxdude » BigFeature

Simple Nav Style with BF Area Child Theme

(12 posts) (3 voices)

Started 1 year ago by steffanantonas
Latest reply from hunter

Tags:

BFArea

steffanantonas
Member

I'm trying to duplicate the "simple nav" (menu inline with logo) style with the BF Area child theme. The theme settings don't have any affect. What do I need to change in the code to make it work?

Posted 1 year ago #
vfxdude
admin

theme settings don't work at all? could be that theme theme is not correctly installed. Have you enabled the "Cache the settings stylesheet" theme setting?

the only thing you need to do is to set the navigation style, the search container will be hidden automatically to make place for the right aligned simple nav style (might also have to hide the slogan if it's in the way).

Posted 1 year ago #
steffanantonas
Member

The theme is definitely installed correctly. I'm using the latest version that works with WP 3.1 and the BFARea child theme. It's taking most changes from the theme settings panel, but not others, like navigation styles, (remove) search bar in header, or BFArea Style 1 vs 2 (4th tab).

I have the "Use WordPress 3 Menus" checked, and "Add a searchbox to the header" DE-selected. No matter what I change in the theme settings for these, I get a searchbox in the header and a default navigation style.

Also, the "cache stylesheet" is not checked.

Posted 1 year ago #
steffanantonas
Member

Just sent you an email with a login and pw to my dev site.

Posted 1 year ago #
vfxdude
admin

oh my fault, I did not see that you used the bfArea child theme. Several theme settings is disabled when using this (and other) child theme since it got a custom header function. Stuff must be manually changed from there. Check the customHeader function in functions.php of the child theme, there you will find 2 bf_navigation calls (see the readme file that came with the child theme how to add a second navigation). They both are using the simple nav style, but a navbar div container is making the lines, so it looks like the original navbar. The search field is added there too. If you want to change the header and navigation in this child theme you have to modify this function. Here's more info about custom bf_navigation calls.

Posted 1 year ago #
steffanantonas
Member

Thanks.

Posted 1 year ago #

steffanantonas
Member

FYI to anyone wanting to use the Simple Nav style for the BF Area child theme. Here's the code for the BFArea theme functions. I modified it just slightly. You'll still have to go in and style the nav with CSS. This puts the menu inline with the logo. Just cut and paste this to overwrite the BFArea theme functions file in the child theme. Here you go....

<?php
/*
Version 1.0 of bfArea.
Requires at least version 1.4 of BigFeature.
http://themeforest.net/item/bigfeature-wordpress-theme/51702
*/

add_action( 'bf_head', 'add_stylesheets', 1 );
add_action( 'bf_top', 'customHeader' );
add_action( 'bf_top', 'featured_area' );
add_action( 'bf_featured', 'ct_featured_area' );
add_action( 'wp_footer', 'customFooter' );
add_action( 'wp_head', 'remove_actions' );

function bf_navigation_top() {
 bf_navigation("topnav","navsimple");
}
add_action( 'bf_top_container', 'bf_navigation_top' );

if (function_exists('wp_nav_menu')) {
	add_action( 'init', 'register_menus' );
	function register_menus() {
		register_nav_menus(
			array(
				'socialnav' => __( 'Social Menu' )
			)
		);
	}
}

function remove_actions() {
	remove_action( 'bf_header', 'headerFeatures' );
	remove_action( 'bf_header', 'bf_navigation' );
	remove_action( 'wp_footer', 'footerText' );
	remove_action( 'bf_bottom_container', 'footerWidgets' );
	remove_action( 'bf_featured', 'bf_featured_area' );
	remove_action( 'bf_belowheader', 'bf_breadcrumbs' );
	remove_action( 'bf_header', 'topAd' );
}

function add_stylesheets() {
	if (function_exists('bf_childtheme_css')) {
		remove_action( 'bf_head', 'bf_stylesheets');
		bf_childtheme_css();
		xtra_childtheme_styles();
	} else { ?>
	<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css" type="text/css" media="screen" />
<?php }
}

function xtra_childtheme_styles() {
	global $bf_bfarea_style;
	if ($bf_bfarea_style == 'style2')
		echo '<link rel="stylesheet" href="'.get_bloginfo('stylesheet_directory').'/style2.css" type="text/css" media="screen" />';
}

// Header with 2 menus and some header features
function customHeader() {
	global $bf_features; ?>

    <div id="topAd"><div class="cwidth"><?php topAd(); ?></div></div><div>
	<div id="topheader"><div class="cwidth clearfix">

    <div id="headerfeatures"><?php
	if (in_array('Logo', $bf_features)) {
	?><div id="logo"><a>"><img />" alt="<?php _e('logo','BigFeature'); ?>" /></a></div>
<?php } ?>

	<div id="titlecontainer">
<?php
	if (in_array('Sitename', $bf_features)) {
	  if (is_single() || is_page()) {
    ?><h2 class="blog-title"><a>"><?php bloginfo('name'); ?></a></h2>
<?php } else {
    ?><h1 class="blog-title"><a>"><?php bloginfo('name'); ?></a></h1>
<?php }}

	if (in_array('Slogan', $bf_features)) {
	?><p class="description clear"><?php bloginfo('description') ?></p>
<?php }	?></div></div>

	<div id="navbar"><div class="cwidth clearfix"><?php bf_navigation("","navsimple"); ?>
    </div><div class="clear"></div></div>
<?php
}

// Custom Footer with container width
function customFooter() {
	global $bf_footer_text, $bf_misc, $bf_home_name;
    echo '<div class="cwidth">';
	footerWidgets();
	if($bf_footer_text) echo "\n$bf_footer_text";
	if (in_array('toplink', $bf_misc)) echo '<a href="#container">'.__('top','BigFeature').' ↑ </a>';
	echo '</div>';
}

// Output the featured area
function featured_area() {
	global $pType,$bf_features, $bf_misc;

	if (in_array('Feature Image', $bf_features)) {
		if ( (is_page() || is_single())
		  || (is_home() && !is_paged() && !in_array('featureFrontpage', $bf_misc))
		  || (is_archive() && !is_paged() && in_array('arcCatFeature', $bf_misc) && is_category()) ) {
			$category = get_the_category($post->ID);
			if (!empty($category)) $featureClass = 'category-'.$category[0]->name;
			if ($image = get_image('feature', true)) {
				echo '<div class="clear"></div><div id="bfarea-feature"><div class="cwidth outside-feature '.$featureClass.'">'.$image.'</div></div>';
				$pType = 'feature';
			}
			else $pType = 'normal';
		}
	}
}

// Set the post type if normal image
function ct_featured_area() {
	global $pType,$postType;
	$postType = $pType;
}

// Adding child theme settings settings
function add_settings($options) {
	global $shortname;

	$xtra = array (
		array(	"type" => "open"),

		array(	"name" => __("Styles","BigFeature"),
				"desc" => "",
				"id" => $shortname."_bfarea_style",
				"options" => array(	'style1' => __('Style1','BigFeature'),
									'style2' => __('Style2','BigFeature')
									),
				"std" => "style1",
				"type" => "select"),		

		array(	"type" => "close")
	);

	return array_merge($options,$xtra);
}
add_filter('bf_themesettings','add_settings');

// Adding a new tab for the settings
function add_tabs($tabs) { return $tabs . '
<li><a href="#bfarea">bfArea</a></li>
'; }
add_filter('bf_themesettings_tabs','add_tabs');

/*

Hiding the color tab since the styles can be set here instead.
Use Firebug to find the classes to hide stuff. Every setting can be hidden.
*/
function hideSettings() { ?>
<style type="text/css">.tab4 { display:none; }</style>
<?php
}
add_action( 'bf_settings_top', 'hideSettings' );
?>

Posted 1 year ago #

hunter
Member

how to create a child add BFarea theme, with an additional child is not working bfarea theme is the error codes? how to write codes BFAREA child theme?
thanks in advance

Posted 11 months ago #
vfxdude
admin

hunter, not sure I understand your question, can you please clarify?

Posted 11 months ago #
hunter
Member

thanks for the message! So far, I do not know?

child theme for Bigfeature
http://www.vfxdude.com/downloads/

BFArea child theme for bigfeature
http://www.vfxdude.com/bfarea/blog/

Here is the faq
http://www.vfxdude.com/bigfeature/2009/10/faq/#childtheme

Here's the code for the BFArea child theme for bigfeature:
functions.php , style.css and style2.css?

EDITOR CODE:

editor style.css add

/* Get base BFNav CSS */
@import url('../BFNav/style.css');
@import url('../BFNav/style2.css');

and

edit functions.php
/* Get base BFNav CSS */
@import url('.../BFNav/functions.php');

Posted 11 months ago #
vfxdude
admin

is there a question somewhere? is it, how to install and use the bfArea child theme. Just install it and activate it, no changes needed. Do not add any import css statements, or importing of php files. BigFeature must be installed correctly for the child theme to work though, here's how to install (unpack the downloaded zip file and install bigfeature.zip).

And read the readme.txt file in the zip of the child theme for how to set up the navigations.

Posted 11 months ago #
hunter
Member

Thanks.

Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.