footer supporters

dev/.sass-lint.yml

@@ -12,7 +12,8 @@ rules:
 
   class-name-format:
     - 1
-    - convention: 'hyphenatedbem'
+    - convention: ^[-_a-z0-9]+$
+    - convention-explanation: 'Class must contain only lowercase, hyphens, and underscores'
 
   force-pseudo-nesting: 0
 

dev/scss/components/_footer-sponsors.scss

@@ -0,0 +1,18 @@
+.footer-sponsors {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: center;
+  align-items: center;
+  justify-content: space-between;
+
+  .widget_text {
+    flex: 1 1 auto;
+    width: 100%;
+  }
+
+  .widget_media_image {
+    flex: 0 1 auto;
+    h1 { @include sr-only; }
+    img { width: auto; }
+  }
+}

dev/scss/elements/_footer.scss

@@ -0,0 +1,4 @@
+footer {
+  margin-top: $gutter;
+  padding-top: $gutter;
+}

dev/scss/main.scss

@@ -47,6 +47,7 @@
 @import 'components/global-head';
 @import 'components/search-form';
 @import 'components/social-menu';
+@import 'components/footer-sponsors';
 
 // Utilities
 //     utilities and helper classes with ability to override anything which

functions.php

@@ -1,5 +1,7 @@
 <?php
 
+require_once( __DIR__ . '/includes/supporters-widget.php');
+
 if (function_exists('add_theme_support')) {
   add_theme_support('automatic-feed-links');
 
@@ -60,13 +62,14 @@ function register_ildi_menus() {
 }
 
 function ildi_register_sidebars() {
+  // 'description'   => __( 'This is the sponsor and partner logos section of the footer and should display a "Sponsors" widget.', 'ildi' ),
   register_sidebar(
     array(
       'id'            => 'footer-sponsors',
       'name'          => __( 'Footer Sponsors', 'ildi' ),
       'description'   => __( 'This is the sponsor and partner logos section of the footer.', 'ildi' ),
-      'before_widget' => '<section class="widget %2$s">',
-      'after_widget'  => '</section>',
+      'before_widget' => '<div class="widget %2$s">',
+      'after_widget'  => '</div>',
       'before_title'  => '<h1>',
       'after_title'   => '</h1>',
     )
@@ -77,4 +80,5 @@ function ildi_register_sidebars() {
 add_action( 'after_setup_theme', 'register_ildi_menus', 0 );
 add_action( 'wp_enqueue_scripts', 'ildi_styles' );
 add_action( 'widgets_init', 'ildi_register_sidebars');
+// add_action( 'widgets_init', function() { register_widget( 'Sponsors_Widget' ); } );
 ?>

includes/supporters-widget.php

@@ -0,0 +1,78 @@
+<?php
+
+class Sponsors_Widget extends WP_Widget {
+
+    public function __construct() {
+        parent::__construct(
+            'sponsors_widget',
+            'Sponsors',
+            array( 'description' => __( 'Sponsor Logos & Links', 'ildi' ))
+        );
+    }
+
+    /**
+     * Front-end display of widget.
+     *
+     * @see WP_Widget::widget()
+     *
+     * @param array $args     Widget arguments.
+     * @param array $instance Saved values from database.
+     */
+    public function widget( $args, $instance ) {
+        extract( $args );
+        $title = apply_filters( 'widget_title', $instance['title'] );
+
+        echo $before_widget;
+        if ( ! empty( $title ) ) {
+            echo $before_title . $title . $after_title;
+        }
+        echo __( 'Hello, World!', 'text_domain' );
+        echo $after_widget;
+    }
+
+    /**
+     * Back-end widget form.
+     *
+     * @see WP_Widget::form()
+     *
+     * @param array $instance Previously saved values from database.
+     */
+    public function form( $instance ) {
+        if ( isset( $instance[ 'title' ] ) ) {
+            $title = $instance[ 'title' ];
+        }
+        else {
+            $title = __( 'Sponsor Section Title', 'text_domain' );
+        }
+        ?>
+
+        <p>
+          <label for="<?php echo $this->get_field_name( 'title' ); ?>"><?php _e( 'Title:' ); ?></label>
+          <input class="widefat"
+                 id="<?php echo $this->get_field_id( 'title' ); ?>"
+                 name="<?php echo $this->get_field_name( 'title' ); ?>"
+                 type="text" value="<?php echo esc_attr( $title ); ?>"
+                 />
+        </p>
+        <?php
+    }
+
+    /**
+     * Sanitize widget form values as they are saved.
+     *
+     * @see WP_Widget::update()
+     *
+     * @param array $new_instance Values just sent to be saved.
+     * @param array $old_instance Previously saved values from database.
+     *
+     * @return array Updated safe values to be saved.
+     */
+    public function update( $new_instance, $old_instance ) {
+        $instance = array();
+        $instance['title'] = ( !empty( $new_instance['title'] ) ) ? strip_tags( $new_instance['title'] ) : '';
+
+        return $instance;
+    }
+
+}
+?>

sidebar-footer-sponsors.php

@@ -1,5 +1,5 @@
 <?php if( is_active_sidebar('footer-sponsors') ) : ?>
-  <div class="sponsors">
+  <section class="footer-sponsors">
     <?php dynamic_sidebar( 'footer-sponsors' ); ?>
-  </div>
+  </section>
 <?php endif; ?>