Use a bodymovin json animation as site logo

Hello Victoria, thanks for your reply.
Yes I know about the possibility of using an svg file as a logo, and has been using it regularly :) And there are ways to export an animation as an animated svg, but it’s not very easy to do…
For a couple of years thought, bodymovin has become the best and simplest way to export after effects animations for the web. Unfortunately, it is exported as a json file, not an svg.

There is a wordpress plugin allowing to insert a bodymoving json animation as a shortcode.

So maybe the solution would be to replace the logo default image by a shortcode… by I have no idea how :))
Do you know the best way to achieve that ?

Thanks a lot!

• This reply was modified 4 years, 9 months ago by maxgorelkine.

Thank you for your reply. Is there a way to use a shortcode instead of an image for the preloader ?
I’ve copied this code from the functions-enfold.php file to my child theme functions.php

/* wrap embeds into a proportion containing div */
if(!function_exists('avia_preload_screen'))
{
	function avia_preload_screen()
	{
		$class = avia_get_option('preloader_transitions') != "disabled" ? 'av-transition-enabled' : "";
		$label = __('Loading','avia_framework');
		$logo  = avia_get_option('preloader_logo');
		if( is_numeric( $logo ) )
		{ 
			$logo = wp_get_attachment_image_src( $logo, 'full' ); 
			$logo = is_array( $logo ) ? $logo[0] : ''; 
		}
		
		if( $logo ) 
		{
			$class .= " av-transition-with-logo";
			$logo = "<img class='av-preloading-logo' src='{$logo}' alt='{$label}' title='{$label}' />";
		}
		
		$output  = "";
		$output .= 	"<div class='av-siteloader-wrap {$class}'>";
		$output .= 		"<div class='av-siteloader-inner'>";
		$output .= 			"<div class='av-siteloader-cell'>";
		$output .= 			$logo;
		$output .= 			"<div class='av-siteloader'><div class='av-siteloader-extra'></div>";
		$output .= 			"</div>";
		$output .= 		"</div>";
		$output .= 	"</div>";
		$output .= "</div>";
		
		return $output;
	}
}

I’m trying to replace the image with <?php echo do_shortcode(‘[bodymovin anim_id=”18″ loop=”true” width=”300px” height=”300px” align=”center”]’); ?>

But it doesn’t seem to work…
Can you help ?

Thanks a lot!

Yes exactly! To be more precise, I would like to show it instead of the logo used on the preloder overlay.

Thank you very much, unfortunately it breaks the site… perhaps there is a syntaxe pb ?

Unfortunately, it still breaks the site…