When writing an article, in addition to creating compelling content to hold the reader, the clear presentation and a little effect on the article will definitely make the article less boring. And it will more or less impact on the optimization of your SEO posts.
This article I will show you how to add beautiful motion effects that only the Gutenberg editor can do easily. It is thanks to the help of the Animation Blocks plugin for Add CSS3 motion effects into individual blocks in the article.
Instructions to create CSS3 Animation for posts
Note: This method only applies to WordPress version 5.0 and above, using the Gutenberg editor. Websites that are installing the Classic Editor plugin will not apply.
Step 1: Setting Blocks Animation plugin go to the web.
Step 2: Create a new post or edit an old post where you want to add a motion effect.
Step 3: Edit content in block format (if the old article is not in block form, you need to switch to block). Refer to writing in WordPress new version.
Then, click on the block you want to add effects and look to the sidebar, the settings on the right will see the item Animations as follows:
- Animation: Choose from 1 of 77+ moving effects from CSS3
- Delay: Set the delay to activate the motion effect.
- Speed: Set the running speed of the effect accordingly.
Video tutorial to add motion effects to the article
Offer: Instructions to write SEO standards articles to want to top Google need to know
So that's it then. Very quick and simple, right? With just 1 small plugin, it will help your posts become more attractive.
With this tip you can apply to blog for more eye-catching effects. Or you can apply for WordPress sales pages. When you add this animation to the Call to action buttons, I think the conversion rate will be higher.
However, do not overdo many effects in one article, lest it distract the reader.
If you find the article useful, please give me 1 like and share so that I have more motivation to write the next sharing articles. Thank you!Read more :