Community Forums › Forums › Archived Forums › General Discussion › Copying Widget Areas from Altitude Pro
Tagged: php altitude-pro widgets
- This topic has 1 reply, 2 voices, and was last updated 3 years, 10 months ago by Susan.
-
AuthorPosts
-
March 4, 2017 at 2:21 am #202436seancwalshMember
Hi there,
I am currently learning how to build child themes from scratch, and I am trying to use code from existing Studiopress themes. So, at the moment I am trying to copy the home page widget areas from the Altitude Pro theme. I have managed to create widget areas which work, but I cannot figure out why it won't work when I copy the code from another theme.
So far, I have registered the widget areas in functions.php
I think this code works as it should - the widget areas are available in the WP backend.
//* Register widget areas genesis_register_sidebar( array( 'id' => 'front-page-1', 'name' => __( 'Front Page 1', 'genesis-sample' ), 'description' => __( 'This is the front page 1 section.', 'genesis-sample' ), ) ); genesis_register_sidebar( array( 'id' => 'front-page-2', 'name' => __( 'Front Page 2', 'genesis-sample' ), 'description' => __( 'This is the front page 2 section.', 'genesis-sample' ), ) ); genesis_register_sidebar( array( 'id' => 'front-page-3', 'name' => __( 'Front Page 3', 'genesis-sample' ), 'description' => __( 'This is the front page 3 section.', 'genesis-sample' ), ) ); genesis_register_sidebar( array( 'id' => 'front-page-4', 'name' => __( 'Front Page 4', 'genesis-sample' ), 'description' => __( 'This is the front page 4 section.', 'genesis-sample' ), ) ); genesis_register_sidebar( array( 'id' => 'front-page-5', 'name' => __( 'Front Page 5', 'genesis-sample' ), 'description' => __( 'This is the front page 5 section.', 'genesis-sample' ), ) ); genesis_register_sidebar( array( 'id' => 'front-page-6', 'name' => __( 'Front Page 6', 'genesis-sample' ), 'description' => __( 'This is the front page 6 section.', 'genesis-sample' ), ) ); genesis_register_sidebar( array( 'id' => 'front-page-7', 'name' => __( 'Front Page 7', 'genesis-sample' ), 'description' => __( 'This is the front page 7 section.', 'genesis-sample' ), ) );
I have played around with many options in front-page.php to try to display the widgets, but I have ended up just copying the whole file from the Altitude Pro theme for now to fix the issue.
<?php add_action( 'genesis_meta', 'altitude_front_page_genesis_meta' ); /** * Add widget support for homepage. If no widgets active, display the default loop. * */ function altitude_front_page_genesis_meta() { if ( is_active_sidebar( 'front-page-1' ) || is_active_sidebar( 'front-page-2' ) || is_active_sidebar( 'front-page-3' ) || is_active_sidebar( 'front-page-4' ) || is_active_sidebar( 'front-page-5' ) || is_active_sidebar( 'front-page-6' ) || is_active_sidebar( 'front-page-7' ) ) { //* Enqueue scripts add_action( 'wp_enqueue_scripts', 'altitude_enqueue_altitude_script' ); function altitude_enqueue_altitude_script() { wp_enqueue_script( 'altitude-script', get_bloginfo( 'stylesheet_directory' ) . '/js/home.js', array( 'jquery' ), '1.0.0' ); wp_enqueue_script( 'localScroll', get_stylesheet_directory_uri() . '/js/jquery.localScroll.min.js', array( 'scrollTo' ), '1.2.8b', true ); wp_enqueue_script( 'scrollTo', get_stylesheet_directory_uri() . '/js/jquery.scrollTo.min.js', array( 'jquery' ), '1.4.5-beta', true ); } //* Add front-page body class add_filter( 'body_class', 'altitude_body_class' ); function altitude_body_class( $classes ) { $classes[] = 'front-page'; return $classes; } //* Force full width content layout add_filter( 'genesis_site_layout', '__genesis_return_full_width_content' ); //* Remove breadcrumbs remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' ); //* Remove the default Genesis loop remove_action( 'genesis_loop', 'genesis_do_loop' ); //* Add homepage widgets add_action( 'genesis_loop', 'altitude_front_page_widgets' ); //* Add featured-section body class if ( is_active_sidebar( 'front-page-1' ) ) { //* Add image-section-start body class add_filter( 'body_class', 'altitude_featured_body_class' ); function altitude_featured_body_class( $classes ) { $classes[] = 'featured-section'; return $classes; } } } } //* Add markup for front page widgets function altitude_front_page_widgets() { genesis_widget_area( 'front-page-1', array( 'before' => '<div id="front-page-1" class="front-page-1"><div class="image-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-1' ) . '"><div class="wrap">', 'after' => '</div></div></div></div>', ) ); genesis_widget_area( 'front-page-2', array( 'before' => '<div id="front-page-2" class="front-page-2"><div class="solid-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-2' ) . '"><div class="wrap">', 'after' => '</div></div></div></div>', ) ); genesis_widget_area( 'front-page-3', array( 'before' => '<div id="front-page-3" class="front-page-3"><div class="image-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-3' ) . '"><div class="wrap">', 'after' => '</div></div></div></div>', ) ); genesis_widget_area( 'front-page-4', array( 'before' => '<div id="front-page-4" class="front-page-4"><div class="solid-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-4' ) . '"><div class="wrap">', 'after' => '</div></div></div></div>', ) ); genesis_widget_area( 'front-page-5', array( 'before' => '<div id="front-page-5" class="front-page-5"><div class="image-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-5' ) . '"><div class="wrap">', 'after' => '</div></div></div></div>', ) ); genesis_widget_area( 'front-page-6', array( 'before' => '<div id="front-page-6" class="front-page-6"><div class="solid-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-6' ) . '"><div class="wrap">', 'after' => '</div></div></div></div>', ) ); genesis_widget_area( 'front-page-7', array( 'before' => '<div id="front-page-7" class="front-page-7"><div class="image-section"><div class="flexible-widgets widget-area' . altitude_widget_area_class( 'front-page-7' ) . '"><div class="wrap">', 'after' => '</div></div></div></div>', ) ); } genesis();
I have loaded some text widgets into Front Page 1 and 2, but no content shows on the home page, just the navigation bar.
I hope this all makes sense. Thanks in advance for any help
SeanJune 22, 2020 at 8:19 am #499469SusanModeratorI’m going to close this thread, as it is very old and unanswered. I am hoping that you were able to find your solution in the meantime.
As a reminder, this is a community forum, manned by volunteers, so not all posts will be responded to.
In the meantime, if you haven’t already done so, I recommend joining the #GenesisWP Slack community: https://genesiswp.slack.com
Or the #GenesisWP Facebook group: https://www.facebook.com/groups/genesiswp/
-
AuthorPosts
- The topic ‘Copying Widget Areas from Altitude Pro’ is closed to new replies.