Digital Pro – Add homepage widgets to other pages

[Chrisrx]

Hi

I would like to add some of the widgets from the homepage to another sub page, what would be the best way to implement this.

Regards

Chris

http://www.roxhar.com

[Brad Dalton]

With the same content?

There's 3 parts to a widget:

1. The function to register the widget which you'll always find in the child theme functions file.
2. The function to call the widget which in this case is in the front-page.php file however can also be in any template file or functions file with conditional tag.
3. The CSS to style the widget or style the content added to the widget which you cna find in the style.css file. The function to call the widget includes the class and/or classes which you can search for in your style.css file.

Example:

1.

genesis_register_sidebar( array(
	'id'          => 'front-page-1',
	'name'        => __( 'Front Page 1', 'digital' ),
	'description' => __( 'This is the 1st section on the front page.', 'digital' ),
) );

2.

genesis_widget_area( 'front-page-1', array(
		'before' => '<div id="front-page-1" class="front-page-1"><div class="widget-area fadeup-effect"><div class="wrap">',
		'after'  => '</div></div></div>',
	) );

3.

/* Fadeup Effect
---------------------------------------------------------------------------------------------------- */

.js .fadeup-effect {
	opacity: 0;
	overflow: hidden;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes fadeInUp {
    from { opacity: 0; -webkit-transform: translateY(20px); }
    to { opacity: 1; -webkit-transform: translateY(0); }
} 

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
} 

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

---

Tutorials for StudioPress Themes.

[Author]

Posts