Wordpress

原创

爆龙战士

发布于 2022-09-26 21:34:59

5640

发布于 2022-09-26 21:34:59

文章被收录于专栏：随笔乱写随笔乱写

Wordpress加载css以及javascript和正常的网页加载不同。

1.创建functions.php文件

<?php
/*
描述说明：用来实现挂载在action中的wp_enqueue_scripts动作触发，实现的方法。
参数说明：
1.样式名称：没有时固定的写法，最好名字有说明意义
2.相应函数：这个函数获取style.css文件，如果需要其他css文件，需要其他参数
*/
function university_files() {
 wp_enqueue_style('university_main_styles', get_stylesheet_uri());
}
/*
描述说明：在一个action上挂载（挂钩机制）一个函数---钩子函数。
函数原型：add_action ( ‘动作名’, ‘响应函数名’, [优先级], [参数数目] );
参数说明：
1.动作名： WordPress所提供的动作名，用于标识在哪个动作发生时，执行响应函数。
2.相应函数名：当动作 hook_name 发生时需要执行的响应函数的名字。可以是 PHP 标准的函数，或者是 WordPress 内的函数，或者是插件内自定义的函数。
3.优先级：这是一个可选的参数，默认值为10。由于可以把多个函数注册到同一个动作，所以这个参于是用于指定注册到这个动作中的这个函数执行的优先级，数字越小优先 级越高，执行得也越早，反之亦然。如果若干个函数以相同的优先级注册到同一个动作，那么执行顺序则是由它们注册的先后顺序所决定。
4.参数数目：这是一个可选的参数，确认值是1。由于某些动作可能会把多个参数传给响应函数，所以这个有时候需要指定响应函数能接受多少个参数。这个参数是在 1.5.1 版加进去的。这个函数类似于Qt中的信号槽机制。
解释一下动作|action：
动作 (Actions) 是由 WordPress 内部的某些事件所触发的，比如说发表一篇文章、更换主题或者访问后台的某个管理界面，这些都是一件事件的例子。而插件则可以指定某些 PHP 函数来响应这些事件所触发的动作。
*/
add_action('wp_enqueue_scripts','university_files');

2.在header.php文件中，通过wp_head()方法引入。 wp_head()；方法是用来加载functions.php文件中配置的CSS以及javascript

<!DOCTYPE html>
<html>
        <head>
                <!--
                        1.这个方法使用来获取functions.php文件中配置的CSS，以及javascript,
                        2.这样其他文件引入header.php文件也就引入了CSS以及javascript。
                -->
                <?php wp_head(); ?>
        </head>
        <body>
                <h1>虚拟大学</h1>
        </body>
</html>

3.然后其他文件（index.php）再通过get_header()方法引入header.php。

<?php 
/*
get_header()方法用来加载header.php文件，所有文件都是这样加载header.php文件。
*/
get_header(); ?>
<?php
    #have_posts()函数被调用时实际上是调用全局变量$wp_query->have_posts()成员函数，来简单检查一个全局数组（array）变量$posts的一个循环计数器，以确认是否还有post，如果有返回true（1），如果没有返回false（0）
    while(have_posts()){
        #the_post函数则调用$wp_query->the_post()成员函数前移循环计数器，并且创建一个全局变量$post(不是posts)， 把当前的post的所有信息都填进这个posts，把当前的post的所有信息都填进这个posts)，把当前的post的所有信息都填进这个post变量中，以备接下来使用。
        the_post(); ?>
        <!--
            1.the_permalink()在循环函数(the_post())中返回当前URL，该标签必须在循环中，由于是动态生成的URL(每次循环返回不同)，所以不能用于指定某一特定的文章，如果想指定到特定文章，使用get_permalink()并指明文章的ID。
            2.the_title()显式帖子的标题。
            3.the_content()直接显式post的body内容。
        -->
        <h2><a href="<?php the_permalink();?>"><?php the_title();?></a></h2>
        <p><?php the_content();?></p>
        <hr/>
   <?php }
?>
<?php 
/*
get_footer()方法用来加载footer.php文件，所有文件都是这样加载footer.php文件。
*/
get_footer(); ?>

4.大家看到了，这里除了一个get_header()，在最后还有一个get_footer()。

<?php 
/*
1.这个方法使用来获取functions.php文件中配置的CSS，以及JavaScript,
2.这样其他文件引入footer.php文件也就引入了CSS以及JavaScript。
和header.php的区别，如果大家熟悉前端开发，就知道有一些CSS以及JavaScript不在header里面加载，需要在footer最后加载。（这样可以快速的打开网站）
*/
wp_footer(); ?>
</body>
</html>

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

php