i am currently building a website in wordpress (with elementor) that needs animation on it.
I want to use Lottie to do this since i love the possibilities of it, but i can only get Lottie to work with the plugin WP Bodymovin by taking the shortcode and putting it inside a "HTML code" block in elementor.
But i want the animation to be triggered on mouse over which seems to be possible with this plugin "Animentor – Lottie & Bodymovin widget for Elementor". But when i upload my .JSON file through the "Animentor" widget in elementor, nothing shows up.
Hoping anyone has some direction for how to work with this since i already tested on different computers and different browsers and made sure the plugin is compatible with newest version of elementor.
Thanks for your time.
Animentor uses the WordPress Media Library to manage the .json files you’ve uploaded, so they should have been loading from the same domain.
As #CK MacLeod correctly pointed out, a CORS error usually indicates an issue with caching and/or your CDN.
You could try temporarily disabling any caching or CDN plugins you might have installed, so you can identify which one causes the issue.
Alternatively, you could also try setting the Access-Control-Allow-Origin header in your .htaccess file:
<FilesMatch ".json">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
If you think this is an issue with Animentor, plese open an issue on its GitHub repository.
Disclaimer: I’m the developer of “Animentor – Lottie & Bodymovin widget for Elementor”.
Related
I'm building a Wordpress theme and one of the things I noticed is that the browser requests a page /none (example.com/none). I see this in the Network part of the inspector:
(This is Chrome). As you can see, the browser spends 676 ms loading it and during that time it almost doesn't do/load anything else.
In a theme check (with a WP plugin) I also encountered the absence of /none as an error.
Is this usual browser behaviour for every website or is this pure Wordpress?
And what should I do to fix it (be it WP or browser behaviour)?
Thanks a lot in advance!
This should be related to your theme files. You can have a look at the wordpress template hierarchy to find out all parts of your theme. https://developer.wordpress.org/themes/basics/template-hierarchy/
Deactivate your theme and use a standard theme. Deactivate all plugins. This way you can make sure that it has nothing to do with your wordpress installation or plugins, but is an issue caused by your theme.
The inspector of your browser might give you the right hints where you can start your search.
I've a problem with my wordpress website. When I insert some url for being embedded, it's not working fine.
Here is the issue URL : https://www.duosia.id/windows/cara-mengekstrak-files-menggunakan-winrar-dengan-mudah
And here is the Screenshot :
When I try to visit the embedded url. It's return 404 not found. You can check the embedded url here, https://www.duosia.id/windows/cara-mengekstrak-files-menggunakan-winrar-dengan-mudah/embed/
I've try these common solutions.
Update everything including WordPress, the theme and plugins. Available updates appear in Dashboard > Updates.
Deactivate all plugins in case there is a conflict. If the problem goes away while all plugins are inactive, then reactivate them one by one to determine which is causing the problem.
Switch to the default theme (such as Twenty Thirteen) then try to do what was not working. If the problem remains, it is a general WordPress or hosting issue. If it happens only while using our theme, please let us know.
Clear cache in both your browser and in any caching plugins that you are using (also disable services like CloudFlare, if used with your website).
Revert code changes if you have modified the theme’s code. If using a child theme, reactivate the parent theme.
But, seems no one work.
The WordPress post embeds don't seem to be working on your site.
This URL shows a live example of the problem:
https://www.duosia.id/windows/whatsapp-for-pc/
The two embeds present in that URL are returning a 404, therefore, oEmbeds are not loading properly and showing the 404 page:
https://www.duosia.id/windows/facebook-messenger-for-pc/embed/#?secret=kMPv636bx1
https://www.duosia.id/windows/line-for-pc/embed/#?secret=65m4VpxiYi
Have you tried testing those URLs in the plugin "Rewrite Rules Inspector"?
You should see something like this for any of the "embed" URLs:
index.php?name=$matches[1]&embed=true
Also, have you tried flushing the rewrite rules in WordPress or maybe setting the permalink structure to a different/default one (right now you seem to be using a structure of "category/post-name") to see if it changes anything?
For the file that you are embedding, are you uploading it to the Media Library or some other plugin?
First I would check on the server to verify that the file you are looking to access does exist.
Once you know that the file does exist, then repeat the steps you have listed again.
I've got a problem regarding WordPress.
I tried to update my website to version 4.9.5.
After that I noticed that some of the background images (e.g. header and footer) are not shown anymore.
The link is now
https://example.com/wp-content/themes/themename/inc/header.jpg.pagespeed.ce.l_yeFhbkAn.jpg
Does somebody know which plugin causes the .pagespeed extension? The file exists on my FTP server and is accessible via the original filename (.../header.jpg).
I tried to disable Autoptimize and WPSuperCache but no changes.
The downgrade to the last running WordPress version (via backup) shows the same behavior.
Thanks in advance.
I am using an FTP client to download/edit/upload CSS files of my child theme. Typically that worked smoothly and updates were seen after refreshing the page in the browser immediately.
However, on my current fresh wordpress install, I see changes in my CSS only after a few minutes, which makes the whole process really annoying. I don't quite know what I am doing wrong.
Here are some details of my setup:
I use a child-theme which uses the twentythirteen theme as a parent.
It's definitley not a browser cache issue, since I work on chrome incognito mode with the dev-console opened (and enabled Disable cache (while DevTools is open) checkbox)
One strange thing I observer is, that, when accessing the child theme's CSS file directly in the browser it appears differently sometimes. I suspect, Wordpress is somehow accessing the CSS file and if there was a change, it caches the file and from then on returnes a minified version of the CSS. Maybe this is the root cause of the error. This is what the file actually looks like:
This is what the same file most of the times looks like when accessed via the browser directly:
This is the excerpt of the child-theme's functions.php which shows how the child-theme's style is included. Maybe I am doing something wrong here: http://pastebin.com/0MRjTTjf
Hope you can help me.
My Webhoster has enabled mod_pagespeed by default. I had to turn this off via entering ModPagespeed off in my .htaccess file. Abhik also pointed to this in his comment.
System Info: Mac OSX 10.7, Python 2.6.7, Plone 4.0.7
I'm creating an uninstall profile for a Plone 4 Theme, and everything has gone really smoothly except I can't get the favicon to revert back to the vanilla one. The custom icon was in my images skins directory in my skin path, both of which I've successfully removed with the uninstall profile. After refreshing any page of my site the Sunburst Theme has been applied and all is well except for the favicon. I'm doing all of my work in foreground mode so unless I'm mistaken there shouldn't be any caching causing this.
Any suggestions would be greatly appreciated.
Some browsers cache the favicon separately from any setting you may have for the browser cache. I wouldn't worry as long as the image you get when you call the URL (of the favicon) directly is correct.
Favicons are often cached along with your browser History, so you might try clearing that as well as your cache.
You can also add a cache-busting query to your favicon link which should cause it to reload:
favicon.ico?v=123