Welcome to the blog
WordPress tips and tutorials to help you master the WordPress platoform.
What is the first step? First we’ll need to add a new hook for the slider area into our funtions.php file. This will add the widget area into the blog archive template which is page_blog.php. This is built into Genesis, unless your Genesis theme says otherwise. //* Hooks slider above blog content add_action( ‘genesis_before_loop’, ‘riot_above_blog_slider’ ); function riot_above_blog_slider() { if (is_page_template( ‘page_blog.php’ ) || is_home()) { genesis_widget_area( ‘above-blog-slider’, array( ‘before’ => ”, ‘after’ => ”, ) ); }} So next you’ll need to registar the widget using the code below. This will create the widget area in the dashboard. // Register widget areas genesis_register_sidebar( array( ‘id’ => ‘above-blog-slider’, ‘name’ => __( ‘Home – Blog Slider’, ‘bold’ ), ‘description’ => __( ‘This is the top section above blog.’, ‘bold’ ), ) ); Make sure to save you file before moving on to the last step. Now you’ll need to add the CSS coding into your styles.css file. This will give it the look and feel. *This code is bare bones for your own customizations. /* Genesis Responsive Slider ——————————————— */ .content #genesis-responsive-slider { border: 1px dotted #ddd; margin: 0 auto; padding: 0; position: relative; } .content .slide-excerpt { background: transparent; margin: 0 0 20%; […]
Read More