用户登录
用户注册

分享至

wordpress延时加载插件

  • 作者: 呐夜我比刀郎还冲动
  • 来源: 51数据库
  • 2020-04-21

Wordpress图片延迟加载代码修改

第一步: 实现LazyLoad步骤如下: 加载JS文件(jquery.lazyloadxt.min.js) 2. 修改img标签属性 第二步: 修改wordpress模板 1. 导入JS文件(jquery.lazyloadxt.min.js) 2.通过wordpress方法add_action来对init初始化进行注册,从而导入JS文件 3.在模板目录下的functions.php中找到init注册方法 4.然后导入JS文件 wp_deregister_script( 'lazyloadxt' ); wp_register_script( 'lazyloadxt', get_template_directory_uri() . '/js/jquery.lazyloadxt.min.js', false, '3.0', dopt('d_jquerybom_b') ? true : false ); wp_enqueue_script( 'lazyloadxt' ); 5.效果 第三步:修改首页列表图片标签属性 找到模板目录下的index.php文件找到图片列表位置(modules/sticky.php,modules/excerpt.php)两个文件获得图片都是通过此方法(deel_thumbnail())来获得。

通过模板目录下的functions.php找到deel_thumbnail方法然后进行修改img标签属性即可。第四步: 修改内容页标签属性 找到模板目录下的page.php文件。

找到显示内容方法the_content();然后在functions.php中找到注册方法add_filter('the_content','deel_copyright'):还是在functios.php中找到deel_copyright方法,(对内容进行处理方法)然后通过正则表达式对内容中的图片进行替换处理。效果 。

Wordpress图片延迟加载代码修改

第一步: 实现LazyLoad步骤如下:

1. 加载JS文件(jquery.lazyloadxt.min.js)

2. 修改img标签属性

<img src="加载图片地址" data-src="图片地址" />

第二步: 修改wordpress模板

1. 导入JS文件(jquery.lazyloadxt.min.js)

2.通过wordpress方法add_action来对init初始化进行注册,从而导入JS文件

3.在模板目录下的functions.php中找到init注册方法

4.然后导入JS文件

wp_deregister_script( 'lazyloadxt' );

wp_register_script( 'lazyloadxt', get_template_directory_uri() . '/js/jquery.lazyloadxt.min.js', false, '3.0', dopt('d_jquerybom_b') ? true : false );

wp_enqueue_script( 'lazyloadxt' );

5.效果

第三步:修改首页列表图片标签属性

1. 找到模板目录下的index.php文件

2. 找到图片列表位置(modules/sticky.php,modules/excerpt.php)

3. 两个文件获得图片都是通过此方法(deel_thumbnail())来获得。

4. 通过模板目录下的functions.php找到deel_thumbnail方法

5. 然后进行修改img标签属性即可。

第四步: 修改内容页标签属性

1. 找到模板目录下的page.php文件。

2. 找到显示内容方法the_content();

3. 然后在functions.php中找到注册方法

4. add_filter('the_content','deel_copyright'):

5. 还是在functios.php中找到deel_copyright方法,(对内容进行处理方法)

6. 然后通过正则表达式对内容中的图片进行替换处理。

效果

如何让wordpress正确加载插件命令

WordPress功能充分的发挥需要搭配很多插件的使用以及对主题的修改,而很多插件的使用需要我们在index.php, sidebar.php或者single.php添加命令函数。

这样的操作就会有后遗症出现:如果某天你停用掉插件,那么在前台显示就会出现错误。因为一般的插件作者在插件安装使用的时候只会简单的要求你在某文件中加入命令来直接调用插件,这个命令的缺点就是缺乏对插件的存在首先加上判断,从而导致无论插件是否停用,wordpress都尝试加载该插件。

如何正确的在wordpress文件中加入插件调用命令呢? 我们需要在添加命令函数的时候自行修改一下插入代码。例子如下:WP-PageNavi插件是wordpress的分页导航插件,作者默认的加载命令是但是一旦你是先添加这个代码到index.php然后在启用这个插件的话,首页分页处就会出现错误报告。

因此我们需要在添加插件加载命令的时候使用以下命令:普遍的命令格式如下:这个命令的优点就是预先检测插件是否存在,存在则加载,不存在则不加载。同样效果的命令如下:。

如何让wordpress正确加载插件命令

WordPress功能充分的发挥需要搭配很多插件的使用以及对主题的修改,而很多插件的使用需要我们在index.php, sidebar.php或者single.php添加命令函数。这样的操作就会有后遗症出现:如果某天你停用掉插件,那么在前台显示就会出现错误。因为一般的插件作者在插件安装使用的时候只会简单的要求你在某文件中加入

命令来直接调用插件,这个命令的缺点就是缺乏对插件的存在首先加上判断,从而导致无论插件是否停用,wordpress都尝试加载该插件。

如何正确的在wordpress文件中加入插件调用命令呢? 我们需要在添加命令函数的时候自行修改一下插入代码。例子如下:

WP-PageNavi插件是wordpress的分页导航插件,作者默认的加载命令是

但是一旦你是先添加这个代码到index.php然后在启用这个插件的话,首页分页处就会出现错误报告。因此我们需要在添加插件加载命令的时候使用以下命令:

普遍的命令格式如下:

这个命令的优点就是预先检测插件是否存在,存在则加载,不存在则不加载。同样效果的命令如下:

转载请注明出处51数据库 » wordpress延时加载插件

软件
前端设计
程序设计
Java相关