- This topic has 1 reply, 2 voices, and was last updated 8 years, 1 month ago by .
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- The forum ‘Showcase and Feedback’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
Community Forums › Forums › Archived Forums › Showcase and Feedback › Digital Pro – Add homepage widgets to other pages
Tagged: replicate widgets
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.comWith 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; }
© 2024 WPEngine, Inc.