How to make Team members descriptions clickable in Zerif PRO
If you are using Zerif PRO along with the built-in Team member widgets, you may want to somehow enhance the widget's behaviour by making the descriptions linking to the same URL as the member's names are ( The Website link option available in each Team member widget).
This can be achieved by creating a child theme and making the following changes.
- First, navigate to your parent theme ( Zerif PRO ) folders, to inc > class > class-zerif-team-widget.php and copy the zerif_team_widget class from there ( You need to copy the whole code between < and including > class zerif_team_widget extends WP_Widget to the second to last } character ).
- Copy that code in your child theme's functions.php file.
- In your child theme's functions.php in the newly added code find this part:
<?php if ( ! empty( $instance['description'] ) ) : $zerif_widget_description = wp_kses_post( $instance['description'] );?> <div class="details"> <?php echo htmlspecialchars_decode( apply_filters( 'widget_title', $zerif_widget_description ) ); ?> </div> <?php endif; ?>
and replace it with:
<?php if ( ! empty( $instance['description'] ) ) : $zerif_widget_description = wp_kses_post( $instance['description'] ); ?> <div class="details"> <?php if ( ! empty( $instance['profile_link'] ) ) { ?> <a style="color:#fff;" href="<?php echo apply_filters('widget_title', $instance['profile_link']); ?>"> <?php if (isset($zerif_accessibility) && $zerif_accessibility == 1) { ?> <span class="screen-reader-text"><?php _e('Go to', 'zerif'); ?><?php echo apply_filters('widget_title', $instance['title']); ?></span> <?php } } ?> <?php echo htmlspecialchars_decode( apply_filters( 'widget_title', $zerif_widget_description ) ); ?> <?php if ( ! empty( $instance['profile_link'] ) ) { ?> </a> <?php } ?> </div> <?php endif; ?>
Save the code and make sure you change the style attribute to better match what you need in terms of styling for that section.