Included snippet for everyday use on Genesis Themes
add_action( 'wp_enqueue_scripts', 'custom_load_font_awesome' );
/**
* Enqueue Font Awesome.
*/
function custom_load_font_awesome() {
wp_enqueue_script( 'font-awesome', '//use.fontawesome.com/releases/v5.8.1/js/all.js', array(), null );
}
add_filter( 'script_loader_tag', 'add_defer_attribute', 10, 2 );
/**
* Filter the HTML script tag of `font-awesome` script to add `defer` attribute.
*
* @param string $tag The <script> tag for the enqueued script.
* @param string $handle The script's registered handle.
*
* @return Filtered HTML script tag.
*/
function add_defer_attribute( $tag, $handle ) {
if ( 'font-awesome' === $handle ) {
$tag = str_replace( ' src', ' defer src', $tag );
}
return $tag;
}
// Display Footer Credits -FONT-AWESOME 5
remove_action( 'genesis_footer', 'genesis_do_footer' );
add_action( 'genesis_footer', 'gecko_custom_footer' );
function gecko_custom_footer() {
?>
<p> © 2018-<?php echo date("Y"); ?> <a href="<?php echo get_home_url(); ?>">REGAL MOVES</a> · All Rights Reserved · Crafted with <i class="heart fas fa-heart"></i> By <a href="https://geckografix.guru">GECKOGRAFIX</a> · <a href="<?php echo get_home_url(); ?>/wp-admin/"><i class="fas fa-user"></i></a> · <a href="<?php echo get_home_url(); ?>/webmail"><i class="fas fa-envelope"></i></a></p>
<?php
}
// Display Footer Credits -DASH-ICONS
remove_action( 'genesis_footer', 'genesis_do_footer' );
add_action( 'genesis_footer', 'gecko_custom_footer' );
function gecko_custom_footer() {
?>
<p> © 2018-<?php echo date("Y"); ?> <a href="<?php echo get_home_url(); ?>">LIBIFF.COM</a> · All Rights Reserved · Crafted with <span class="dashicons dashicons-heart" style="color:red;"></span></i> By <a href="https://geckografix.guru">GECKOGRAFIX</a> · <a href="<?php echo get_home_url(); ?>/wp-admin/"><span class="dashicons dashicons-admin-users"></span></a></p>
<?php
}
span.dashicons-heart,
i.fas.fa-heart.heart,
svg.heart{
color:red;
animation: heartbeat 1s infinite;
}
@keyframes heartbeat
{
0%
{
transform: scale( 1 )
}
20%
{
transform: scale( 1.1 )
}
40%
{
transform: scale( 1.2 )
}
}