Creating Custom Pages

Community Forums Forums Design Tips and Tricks Creating Custom Pages

This topic is: not resolved

This topic contains 23 replies, has 3 voices, and was last updated by  sahdow 2 years ago.

Viewing 9 posts - 16 through 24 (of 24 total)
  • Author
    Posts
  • #2646

    sahdow
    Participant
    Post count: 4

    I don’t want to step on any toes and I don’t want to get paid for something  like that either, but if you post exactly what you have so far on the page template and functions.php I’ll tweak it since (as far as I can tell – you basically have it).

    #2650

    sdm
    Participant

    Here are the sidebars I created.

    They match the ones in the original template, but I added a 2 to the end.

    home-slider2

    home-top2

    home-cta2

    home-middle2

    #2651

    sdm
    Participant

    Here’s my function.php file…it has not been changed to include the newly created sidebars.

    <?php /** Start the engine */ require_once( get_template_directory() . ‘/lib/init.php’ );

    /** Add theme color body class */ add_filter(‘body_class’, ‘add_category_class_single’); function add_category_class_single($classes){        $classes[] = ‘executive-‘ . $_GET[‘color’];       return $classes; }

    load_child_theme_textdomain( ‘executive’, apply_filters( ‘child_theme_textdomain’, get_stylesheet_directory() . ‘/languages’, ‘executive’ ) );

    /** Child theme (do not remove) */ define( ‘CHILD_THEME_NAME’, __( ‘Executive Theme’, ‘executive’ ) ); define( ‘CHILD_THEME_URL’, ‘http://www.studiopress.com/themes/executive’ );

    /** Add Viewport meta tag for mobile browsers */ add_action( ‘genesis_meta’, ‘executive_add_viewport_meta_tag’ ); function executive_add_viewport_meta_tag() {     echo ‘<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/>'; }

    /** Add support for custom header */ add_theme_support( ‘genesis-custom-header’, array(  ‘width’  => 1140,  ‘height’  => 100 ) );

    /** Add support for custom background */ add_theme_support( ‘custom-background’ );

    /** Sets Content Width */ $content_width = apply_filters( ‘content_width’, 680, 680, 1020 );

    /** Create additional color style options */ add_theme_support( ‘genesis-style-selector’, array(  ‘executive-brown’  => __( ‘Brown’, ‘executive’ ),  ‘executive-green’  => __( ‘Green’, ‘executive’ ),  ‘executive-orange’  => __( ‘Orange’, ‘executive’ ),  ‘executive-purple’  => __( ‘Purple’, ‘executive’ ),  ‘executive-red’  => __( ‘Red’, ‘executive’ ),  ‘executive-teal’  => __( ‘Teal’, ‘executive’ ), ) );

    /** Unregister layout settings */ genesis_unregister_layout( ‘content-sidebar-sidebar’ ); genesis_unregister_layout( ‘sidebar-content-sidebar’ ); genesis_unregister_layout( ‘sidebar-sidebar-content’ );

    /** Unregister secondary sidebar */ unregister_sidebar( ‘sidebar-alt’ );

    /** Add new image sizes */ add_image_size( ‘featured’, 285, 100, TRUE ); add_image_size( ‘portfolio’, 300, 200, TRUE ); add_image_size( ‘slider’, 1140, 445, TRUE );

    /** Remove the site description */ remove_action( ‘genesis_site_description’, ‘genesis_seo_site_description’ );

    /** Relocate the post info */ remove_action( ‘genesis_before_post_content’, ‘genesis_post_info’ ); add_action( ‘genesis_before_post_title’, ‘genesis_post_info’ );

    /** Customize the post info function */ add_filter( ‘genesis_post_info’, ‘post_info_filter’ ); function post_info_filter($post_info) {  if (!is_page()) {      $post_info = ‘      <div class=\’date-info\’>’ .       __(‘posted on’, ‘executive’ ) .       ‘ [post_date format="F j, Y" before="<span class=\'date\'>" after="</span>"] ‘ .       __(‘by’, ‘executive’ ) . ‘ [post_author_posts_link] [post_edit]      </div>      <div>       [post_comments]      </div>';      return $post_info;  } }

    /** Change the default comment callback */ add_filter( ‘genesis_comment_list_args’, ‘executive_comment_list_args’ ); function executive_comment_list_args( $args ) {  $args[‘callback’] = ‘executive_comment_callback';    return $args; }

    /** Customize the comment section */ function executive_comment_callback( $comment, $args, $depth ) {

    $GLOBALS[‘comment’] = $comment; ?>

    <li <?php comment_class(); ?> id=”comment-<?php comment_ID() ?>”>

    <?php do_action( ‘genesis_before_comment’ ); ?>      <div>    <div>     <?php echo get_avatar( $comment, $size = $args[‘avatar_size’] ); ?>     <?php printf( ‘<cite>%s</cite> <span>%s:</span>’, get_comment_author_link(), apply_filters( ‘comment_author_says_text’, __( ‘says’, ‘executive’ ) ) ); ?>     <div>      <a href=”<?php echo esc_url( get_comment_link( $comment->comment_ID ) ); ?>”><?php printf( ‘%1$s ‘ . __(‘at’, ‘executive’ ) . ‘ %2$s’, get_comment_date(), get_comment_time() ); ?></a>     <?php edit_comment_link( __( ‘Edit’, ‘executive’ ), g_ent( ‘&bull; ‘ ), ” ); ?>     </div><!– end .comment-meta –>     </div><!– end .comment-author –>      </div><!– end .comment-header –>

    <div>    <?php if ($comment->comment_approved == ‘0’) : ?>     <p><?php echo apply_filters( ‘genesis_comment_awaiting_moderation’, __( ‘Your comment is awaiting moderation.’, ‘executive’ ) ); ?></p>    <?php endif; ?>

    <?php comment_text(); ?>   </div><!– end .comment-content –>

    <div>    <?php comment_reply_link( array_merge( $args, array( ‘depth’ => $depth, ‘max_depth’ => $args[‘max_depth’] ) ) ); ?>   </div>

    <?php do_action( ‘genesis_after_comment’ );

    /** No ending </li> tag because of comment threading */

    }

    /** Create portfolio custom post type */ add_action( ‘init’, ‘executive_portfolio_post_type’ ); function executive_portfolio_post_type() {  register_post_type( ‘portfolio’,   array(    ‘labels’ => array(     ‘name’ => __( ‘Portfolio’, ‘executive’ ),     ‘singular_name’ => __( ‘Portfolio’, ‘executive’ ),    ),    ‘exclude_from_search’ => true,    ‘has_archive’ => true,    ‘hierarchical’ => true,    ‘menu_icon’ => get_stylesheet_directory_uri() . ‘/images/icons/portfolio.png’,    ‘public’ => true,    ‘rewrite’ => array( ‘slug’ => ‘portfolio’ ),    ‘supports’ => array( ‘title’, ‘editor’, ‘author’, ‘thumbnail’, ‘excerpt’, ‘trackbacks’, ‘custom-fields’, ‘comments’, ‘revisions’, ‘page-attributes’, ‘genesis-seo’ ),   )  ); }

    /** Change the number of portfolio items to be displayed (props Bill Erickson) */ add_action( ‘pre_get_posts’, ‘executive_portfolio_items’ ); function executive_portfolio_items( $query ) {

    if( $query->is_main_query() && !is_admin() && is_post_type_archive( ‘portfolio’ ) ) {   $query->set( ‘posts_per_page’, ’12’ );  }

    }

    /** Add support for 3-column footer widgets */ add_theme_support( ‘genesis-footer-widgets’, 3 );

    /** Register widget areas **/ genesis_register_sidebar( array(  ‘id’   => ‘home-slider’,  ‘name’   => __( ‘Home – Slider’, ‘executive’ ),  ‘description’ => __( ‘This is the slider section on the home page.’, ‘executive’ ), ) ); genesis_register_sidebar( array(  ‘id’   => ‘home-top’,  ‘name’   => __( ‘Home – Top’, ‘executive’ ),  ‘description’ => __( ‘This is the top section of the home page.’, ‘executive’ ), ) ); genesis_register_sidebar( array(  ‘id’   => ‘home-cta’,  ‘name’   => __( ‘Home – Call To Action’, ‘executive’ ),  ‘description’ => __( ‘This is the call to action section on the home page.’, ‘executive’ ), ) ); genesis_register_sidebar( array(  ‘id’   => ‘home-middle’,  ‘name’   => __( ‘Home – Middle’, ‘executive’ ),  ‘description’ => __( ‘This is the middle section of the home page.’, ‘executive’ ), ) );

    #2652

    SoZo
    Moderator
    Post count: 1573

    No, you wouldn’t use the selection part of Simple Sidebars. That is only for the Primary and Secondary Genesis sidebars. But you can register the sidebars in Simple Sidebars. The “selection” would take place by renaming the IDs in your new page template. But that’s probably just clouding the issue. :(

    Put this in your page template:

    <?php
    /*
    Template Name: NewBlog
    */

    remove_action( ‘genesis_loop’, ‘genesis_do_loop’ );
    add_action( ‘genesis_loop’, ‘executive_page_sections’ );
    add_filter( ‘genesis_pre_get_option_site_layout’, ‘__genesis_return_full_width_content’ );
    add_filter( ‘body_class’, ‘executive_body_class’ );
    add_action( ‘genesis_after’, ‘executive_slider_excerpt_position’ );

    /** Add body class to home page **/
    function executive_body_class( $classes ) {
    $classes[] = ‘executive-home';
    return $classes;
    }

    /** Moves the slider pager if the sidebars are active and the screen is wide enough */
    function executive_slider_excerpt_position() {
    ?>
    <script type=”text/javascript”>
    jQuery(document).ready(function() {
    if (jQuery(“.slide-excerpt”).length > 0) {
    jQuery(“.flex-control-nav”).addClass(“nav-pos-excerpt”);
    }
    });
    </script>
    <?php
    }
    }
    }
    function executive_page_sections() {

    genesis_widget_area( ‘page-slider’, array(
    ‘before’ => ‘<div class=”home-slider widget-area”>’,
    ) );

    genesis_widget_area( ‘page-top’, array(
    ‘before’ => ‘<div class=”home-top widget-area”>’,
    ) );

    genesis_widget_area( ‘page-cta’, array(
    ‘before’ => ‘<div class=”home-cta widget-area”>’,
    ) );

    genesis_widget_area( ‘page-middle’, array(
    ‘before’ => ‘<div class=”home-middle widget-area”>’,
    ) );

    }

    genesis();

     

    Then add this to the bottom of functions.php

    genesis_register_sidebar( array(
    ‘id’ => ‘page-slider‘,
    ‘name’ => __( ‘Page – Slider’, ‘executive’ ),
    ‘description’ => __( ‘This is the slider section on the page.’, ‘executive’ ),
    ) );
    genesis_register_sidebar( array(
    ‘id’ => ‘page-top‘,
    ‘name’ => __( ‘Page – Top’, ‘executive’ ),
    ‘description’ => __( ‘This is the top section of the page.’, ‘executive’ ),
    ) );
    genesis_register_sidebar( array(
    ‘id’ => ‘page-cta‘,
    ‘name’ => __( ‘Page – Call To Action’, ‘executive’ ),
    ‘description’ => __( ‘This is the call to action section on the page.’, ‘executive’ ),
    ) );
    genesis_register_sidebar( array(
    ‘id’ => ‘page-middle‘,
    ‘name’ => __( ‘Page – Middle’, ‘executive’ ),
    ‘description’ => __( ‘This is the middle section of the page.’, ‘executive’ ),
    ) );


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #2705

    sdm
    Participant

    So…that would mean that there would be two sidebar sections in The functions.php code, am I understanding that, right? You guys are awesome to help me like this.

    #2711

    sdm
    Participant

    I tried guys…got an error when I uploaded the new functions.php I created:

    <?php

    /** Start the engine */

    require_once( get_template_directory() . ‘/lib/init.php’ );

    /** Add theme color body class */

    add_filter(‘body_class’, ‘add_category_class_single’);

    function add_category_class_single($classes){

     

    $classes[] = ‘executive-‘ . $_GET[‘color’];

     

    return $classes;

    }

    load_child_theme_textdomain( ‘executive’, apply_filters( ‘child_theme_textdomain’, get_stylesheet_directory() . ‘/languages’, ‘executive’ ) );

    /** Child theme (do not remove) */

    define( ‘CHILD_THEME_NAME’, __( ‘Executive Theme’, ‘executive’ ) );

    define( ‘CHILD_THEME_URL’, ‘

    http://www.studiopress.com/themes/executive‘ );

    /** Add Viewport meta tag for mobile browsers */

    add_action( ‘genesis_meta’, ‘executive_add_viewport_meta_tag’ );

    function executive_add_viewport_meta_tag() {

    echo ‘<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/>';

    }

    /** Add support for custom header */

    add_theme_support( ‘genesis-custom-header’, array(

    ‘width’ => 1140,

    ‘height’ => 100

    ) );

    /** Add support for custom background */

    add_theme_support( ‘custom-background’ );

    /** Sets Content Width */

    $content_width = apply_filters( ‘content_width’, 680, 680, 1020 );

    /** Create additional color style options */

    add_theme_support( ‘genesis-style-selector’, array(

    ‘executive-brown’ => __( ‘Brown’, ‘executive’ ),

    ‘executive-green’ => __( ‘Green’, ‘executive’ ),

    ‘executive-orange’ => __( ‘Orange’, ‘executive’ ),

    ‘executive-purple’ => __( ‘Purple’, ‘executive’ ),

    ‘executive-red’ => __( ‘Red’, ‘executive’ ),

    ‘executive-teal’ => __( ‘Teal’, ‘executive’ ),

    ) );

    /** Unregister layout settings */

    genesis_unregister_layout( ‘content-sidebar-sidebar’ );

    genesis_unregister_layout( ‘sidebar-content-sidebar’ );

    genesis_unregister_layout( ‘sidebar-sidebar-content’ );

    /** Unregister secondary sidebar */

    unregister_sidebar( ‘sidebar-alt’ );

    /** Add new image sizes */

    add_image_size( ‘featured’, 285, 100, TRUE );

    add_image_size( ‘portfolio’, 300, 200, TRUE );

    add_image_size( ‘slider’, 1140, 445, TRUE );

    /** Remove the site description */

    remove_action( ‘genesis_site_description’, ‘genesis_seo_site_description’ );

    /** Relocate the post info */

    remove_action( ‘genesis_before_post_content’, ‘genesis_post_info’ );

    add_action( ‘genesis_before_post_title’, ‘genesis_post_info’ );

    /** Customize the post info function */

    add_filter( ‘genesis_post_info’, ‘post_info_filter’ );

    function post_info_filter($post_info) {

    if (!is_page()) {

    $post_info = ‘

    <div class=\’date-info\’>’ .

    __(‘posted on’, ‘executive’ ) .

    ‘ [post_date format="F j, Y" before="<span class=\'date\'>" after="</span>"] ‘ .

    __(‘by’, ‘executive’ ) . ‘ [post_author_posts_link] [post_edit]

    </div>

    <div>

    [post_comments]

    </div>';

    return $post_info;

    }

    }

    /** Change the default comment callback */

    add_filter( ‘genesis_comment_list_args’, ‘executive_comment_list_args’ );

    function executive_comment_list_args( $args ) {

    $args[‘callback’] = ‘executive_comment_callback';

     

    return $args;

    }

    /** Customize the comment section */

    function executive_comment_callback( $comment, $args, $depth ) {

    $GLOBALS[‘comment’] = $comment; ?>

    <li <?php comment_class(); ?> id=”comment-<?php comment_ID() ?>”>

    <?php do_action( ‘genesis_before_comment’ ); ?>

     

    <div>

    <div>

    <?php echo get_avatar( $comment, $size = $args[‘avatar_size’] ); ?>

    <?php printf( ‘<cite>%s</cite> <span>%s:</span>’, get_comment_author_link(), apply_filters( ‘comment_author_says_text’, __( ‘says’, ‘executive’ ) ) ); ?>

    <div>

    <a href=”<?php echo esc_url( get_comment_link( $comment->comment_ID ) ); ?>”><?php printf( ‘%1$s ‘ . __(‘at’, ‘executive’ ) . ‘ %2$s’, get_comment_date(), get_comment_time() ); ?></a>

    <?php edit_comment_link( __( ‘Edit’, ‘executive’ ), g_ent( ‘&bull; ‘ ), ” ); ?>

    </div><!– end .comment-meta –>

    </div><!– end .comment-author –>

    </div><!– end .comment-header –>

    <div>

    <?php if ($comment->comment_approved == ‘0’) : ?>

    <p><?php echo apply_filters( ‘genesis_comment_awaiting_moderation’, __( ‘Your comment is awaiting moderation.’, ‘executive’ ) ); ?></p>

    <?php endif; ?>

    <?php comment_text(); ?>

    </div><!– end .comment-content –>

    <div>

    <?php comment_reply_link( array_merge( $args, array( ‘depth’ => $depth, ‘max_depth’ => $args[‘max_depth’] ) ) ); ?>

    </div>

    <?php do_action( ‘genesis_after_comment’ );

    /** No ending </li> tag because of comment threading */

    }

    /** Create portfolio custom post type */

    add_action( ‘init’, ‘executive_portfolio_post_type’ );

    function executive_portfolio_post_type() {

    register_post_type( ‘portfolio’,

    array(

    ‘labels’ => array(

    ‘name’ => __( ‘Portfolio’, ‘executive’ ),

    ‘singular_name’ => __( ‘Portfolio’, ‘executive’ ),

    ),

    ‘exclude_from_search’ => true,

    ‘has_archive’ => true,

    ‘hierarchical’ => true,

    ‘menu_icon’ => get_stylesheet_directory_uri() . ‘/images/icons/portfolio.png’,

    ‘public’ => true,

    ‘rewrite’ => array( ‘slug’ => ‘portfolio’ ),

    ‘supports’ => array( ‘title’, ‘editor’, ‘author’, ‘thumbnail’, ‘excerpt’, ‘trackbacks’, ‘custom-fields’, ‘comments’, ‘revisions’, ‘page-attributes’, ‘genesis-seo’ ),

    )

    );

    }

    /** Change the number of portfolio items to be displayed (props Bill Erickson) */

    add_action( ‘pre_get_posts’, ‘executive_portfolio_items’ );

    function executive_portfolio_items( $query ) {

    if( $query->is_main_query() && !is_admin() && is_post_type_archive( ‘portfolio’ ) ) {

    $query->set( ‘posts_per_page’, ’12’ );

    }

    }

    /** Add support for 3-column footer widgets */

    add_theme_support( ‘genesis-footer-widgets’, 3 );

    /** Register widget areas **/

    genesis_register_sidebar( array(

    ‘id’ => ‘home-slider’,

    ‘name’ => __( ‘Home – Slider’, ‘executive’ ),

    ‘description’ => __( ‘This is the slider section on the home page.’, ‘executive’ ),

    ) );

    genesis_register_sidebar( array(

    ‘id’ => ‘home-top’,

    ‘name’ => __( ‘Home – Top’, ‘executive’ ),

    ‘description’ => __( ‘This is the top section of the home page.’, ‘executive’ ),

    ) );

    genesis_register_sidebar( array(

    ‘id’ => ‘home-cta’,

    ‘name’ => __( ‘Home – Call To Action’, ‘executive’ ),

    ‘description’ => __( ‘This is the call to action section on the home page.’, ‘executive’ ),

    ) );

    genesis_register_sidebar( array(

    ‘id’ => ‘home-middle’,

    ‘name’ => __( ‘Home – Middle’, ‘executive’ ),

    ‘description’ => __( ‘This is the middle section of the home page.’, ‘executive’ ),

    ) );

    genesis_register_sidebar( array(
    ‘id’ => ‘home-slider2‘,
    ‘name’ => __( ‘NBS Home-Slider’, ‘executive’ ),
    ‘description’ => __( ‘This is the slider section on the page.’, ‘executive’ ),
    ) );
    genesis_register_sidebar( array(
    ‘id’ => ‘home-top2‘,
    ‘name’ => __( ‘NBS Home Top’, ‘executive’ ),
    ‘description’ => __( ‘This is the top section of the page.’, ‘executive’ ),
    ) );
    genesis_register_sidebar( array(
    ‘id’ => ‘home-cta2‘,
    ‘name’ => __( ‘NBS Call To Action’, ‘executive’ ),
    ‘description’ => __( ‘This is the call to action section on the page.’, ‘executive’ ),
    ) );
    genesis_register_sidebar( array(
    ‘id’ => ‘home-middle2‘,
    ‘name’ => __( ‘NBS Home-Middle’, ‘executive’ ),
    ‘description’ => __( ‘This is the middle section of the page.’, ‘executive’ ),

    ) );

    >>>>ERROR SAID SOMETHING ABOUT WHITESPACE

    Here’s the NewBlog.php file also:

    < ?php
    /*
    Template Name: NewBlog
    */

    remove_action( ‘genesis_loop’, ‘genesis_do_loop’ );
    add_action( ‘genesis_loop’, ‘executive_page_sections’ );
    add_filter( ‘genesis_pre_get_option_site_layout’, ‘__genesis_return_full_width_content’ );
    add_filter( ‘body_class’, ‘executive_body_class’ );
    add_action( ‘genesis_after’, ‘executive_slider_excerpt_position’ );

    /** Add body class to home page **/
    function executive_body_class( $classes ) {
    $classes[] = ‘executive-home';
    return $classes;
    }

    /** Moves the slider pager if the sidebars are active and the screen is wide enough */
    function executive_slider_excerpt_position() {
    ?>
    < script type=”text/javascript”>
    jQuery(document).ready(function() {
    if (jQuery(“.slide-excerpt”).length > 0) {
    jQuery(“.flex-control-nav”).addClass(“nav-pos-excerpt”);
    }
    });
    < /script>
    < ?php
    }
    }
    }
    function executive_page_sections() {

    genesis_widget_area( ‘home-slider2′, array(
    ‘before’ => ‘<div>’,
    ) );

    genesis_widget_area( ‘home-top2′, array(
    ‘before’ => ‘<div>’,
    ) );

    genesis_widget_area( ‘home-cta2′, array(
    ‘before’ => ‘<div>’,
    ) );

    genesis_widget_area( ‘home-middle2′, array(
    ‘before’ => ‘<div>’,
    ) );

    }

    genesis();

    #2716

    SoZo
    Moderator
    Post count: 1573

    If you send me login info to john[at]sozosdesign.com I will jump in and fix it for you.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #2719

    sdm
    Participant

    You’re sweet…but I discovered another problem…I will need another slider for the page. I think I am just going to set up another subdomain and run this “page” from there.

    What do you think?

    #2752

    sahdow
    Participant
    Post count: 4

    I used a slider not long ago that allowed me to have more than one. Unfortunately can’t remember what it was called but a quick search found:

    Spider Slider
    Responsive Slider Mod

Viewing 9 posts - 16 through 24 (of 24 total)

You must be logged in to reply to this topic.