当前位置: 首页 > news >正文

做网站用什么技术网站建设如何制作教程

做网站用什么技术,网站建设如何制作教程,门户网站有哪几个,网站备案免费吗目录 前言: 使用场景: 一、常用的wordpress钩子(动作钩子、过滤器钩子) 1、动作钩子(Action Hooks) 2、过滤器钩子(Filter Hooks) 二、常用钩子示例 1、添加自定义 CSS 和 JS…

目录

前言:

使用场景:

一、常用的wordpress钩子(动作钩子、过滤器钩子)

1、动作钩子(Action Hooks)

2、过滤器钩子(Filter Hooks)

二、常用钩子示例

1、添加自定义 CSS 和 JS 文件

2、修改文章内容

3、在页脚添加内容

4、开发者还可以创建自定义的钩子,供主题或插件中的其他函数调用。

 三、使用步骤(以wp_head钩子为例)

1、进入wordpress后台,找到主题文件编辑器

2、点击右侧的functions.php文件

​编辑 3、在左侧编辑器中的代码下面添加钩子方法,点击更新文件

4、前台页面刷新审查元素查看是否已经添加成功 


前言:

在 WordPress 中,钩子(Hooks)是一种非常强大的机制,允许开发者在特定的时刻(如页面加载、发布内容、用户登录等)插入自定义的代码。

使用场景:

在wordpress建站中,网站搭建好后,由于seo优化或者是网站数据追踪统计,通常会在网站的每个页面的一些位置例如<head>标签里,<body>标签里,<footer>前面等位置,添加一些js插件或者是固定的代码,使用wordpress自带的一些hooks(钩子函数)可以很方便的实现在该站点的每个页面都添加对应的代码。

一、常用的wordpress钩子(动作钩子、过滤器钩子)

动作钩子(Action Hooks):允许在指定位置执行某些操作或函数。

过滤器钩子(Filter Hooks):允许拦截并修改数据,然后将修改后的数据传递给下一个流程。

1、动作钩子(Action Hooks)

动作钩子用于在某个事件或时刻运行函数,可以用 add_action() 添加自定义函数。

常用的动作钩子包括:

init在 WordPress 初始化时触发。
wp_loadedWordPress 完全加载完成时触发。
wp_head<head> 标签之前添加内容。
wp_footer<footer> 之前添加内容。
wp_body_open<body> 标签开始处添加内容(WordPress 5.2+)。
admin_menu后台菜单加载时触发,可以用来添加自定义菜单。
template_redirect在 WordPress 确定要加载哪个模板文件时触发,可以重定向用户到其他页面。
wp_enqueue_scripts用于注册和加载 CSS 和 JS 文件。
save_post保存或更新文章时触发。
login_form在登录表单之前添加内容。
comment_post在评论发布后执行操作。

2、过滤器钩子(Filter Hooks)

过滤器钩子允许你修改 WordPress 中某些数据的输出,比如修改标题、内容、登录表单等。可以用 add_filter() 添加自定义的过滤函数。

常用的过滤器钩子包括:

the_content过滤文章或页面内容。
the_title过滤文章或页面标题。
the_excerpt过滤摘要内容。
wp_title修改 <title> 标签的内容。
comment_text过滤评论内容。
login_redirect修改用户登录后的重定向地址。
widget_title过滤小部件的标题。
wp_nav_menu_items过滤导航菜单的 HTML 输出。
upload_mimes自定义上传文件类型的 MIME 类型。

二、常用钩子示例

1、添加自定义 CSS 和 JS 文件

function my_custom_enqueue_scripts() {wp_enqueue_style('my-custom-style', get_template_directory_uri() . '/css/custom.css');wp_enqueue_script('my-custom-script', get_template_directory_uri() . '/js/custom.js', array('jquery'), null, true);
}
add_action('wp_enqueue_scripts', 'my_custom_enqueue_scripts');

2、修改文章内容

function modify_post_content($content) {if (is_single()) {$content .= '<p>感谢阅读本文!</p>';}return $content;
}
add_filter('the_content', 'modify_post_content');

3、在页脚添加内容

function add_footer_content() {echo '<p>自定义页脚内容</p>';
}
add_action('wp_footer', 'add_footer_content');

4、开发者还可以创建自定义的钩子,供主题或插件中的其他函数调用。

例如:

// 定义自定义钩子
do_action('my_custom_hook');// 添加函数到自定义钩子
add_action('my_custom_hook', function() {echo '这是一个自定义钩子调用的内容';
});

 三、使用步骤(以wp_head钩子为例)

1、进入wordpress后台,找到主题文件编辑器

2、点击右侧的functions.php文件

 3、在左侧编辑器中的代码下面添加钩子方法,点击更新文件

// add_others是方法名,可以自定义,保持跟下面add_action里面方法名相同即可function add_others(){?><script>'要添加的js代码内容'</script><?php
}add_action('wp_head','add_others');

4、前台页面刷新审查元素查看是否已经添加成功 

http://www.15wanjia.com/news/164387.html

相关文章:

  • 外国人做的古文字网站网站降权怎么救
  • 图片网站怎么做排名《网页设计与网站建设》A卷答案
  • 金融网站建设网设计者联盟官网
  • mt7620a做网站聊城专业建设学校
  • 描述photoshop在网站建设中的作用与特点.重庆建网站要多少钱
  • 深圳代做网站后台建设网站可以赚钱吗
  • 获胜者网站建设高档女装品牌前十名
  • 如何入侵自己做的网站宁波网站设计
  • php 网站开发的来源手机网站建站系统
  • 建设新网站宁波网站开发制作
  • 网络服务是干什么的快照关键词优化
  • 国内开源代码网站私人设计工作室前景
  • 南昌网站建设风格怎么做网站的搜索栏
  • 健身网站模板dw个人网页制作代码
  • 中企动力网站公司logo图片大全集
  • 企业做网站的目的威海住房和城乡建设局网站
  • 学做网站能赚多少wordpress 文章 导航
  • 什么网站可以找免费模板三国网页游戏排行榜前十名
  • 新加坡房产网站大全游戏网站开发什么意思
  • 网站建设知识点电脑自己做网站可以吗
  • 开网站空间流量怎么选择wordpress返回上一个页面
  • 知名企业网站急求聊城网站建设
  • 哪建设网站兼职做美工摄影去哪个网站
  • 重庆微网站html网站开发视频
  • 建设银行新版网站上线cms建站系统哪个好
  • 西安网站制作托邯郸seo
  • 3.0效果网站建设多少钱酒店建设网站的意义
  • wordpress可以做大量文章的网站近期重大新闻事件
  • 做网站的参考文献给网站权限
  • 怎么样做一个网站东莞58同城网