WordPress如何实现页面加载时动态展示网站logo效果

  • 中文 (简体)
  • 本文将介绍如何在WordPress网站,实现页面加载过程动态显示网站logo效果。

    WordPress如何实现页面加载时动态展示网站logo效果

    文章导航

    效果展示

    实现方式

    所需工具

    很多插件可以实现这类动画效果,比如WP Smart PreloaderLoftLoader。其中LoftLoader功能最丰富,自定义选项最多。LoftLoader包含自定义图片选项(WP Smart Preloader不支持)。

    Loftloader插件同时提供Pro版本,有更多功能,比如在指定页面展示该效果。免费插件只能在首页或者所有页展示该效果。

    操作步骤

    下面用Loftloader插件做演示。

    安装Loftloader插件

    在WordPress后台搜索LoftLoader插件下载安装

    在后台侧边栏找到Settings – Loftloader

    在WordPress后台找到LoftLoader插件设置

    Background:设置logo的背景。Loader:设置具体的动画效果

    调整LoftLoader配置

    如果需要展示自定义的图片(比如logo),选择1或2选项,选项3设置动画边框颜色

    选择Logo展示动画效果

    总结

    这个动画效果我个人还是很喜欢的,不过由于插件长时间未更新,所以如果网站比较重要,不推荐使用LoftLoader,可以考虑其他插件。而且这类的插件往往会拖慢网站的速度,利弊自己权衡喔。

    the site icon of fahaiseo.com webiste

    法海

    专注

    从教育行业起步,先后涉猎多个行业,现专注于网页设计和营销推广。
    人生很短,希望能留下点有用的东西。
    fahaiseo是我在网页设计、营销推广方面的经验分享,希望能帮助到你。

    发表评论