在WordPress中,通常使用模板文件(theme template)来定义网站的外观和布局。其中头部(header)部分通常包含网站的标题、导航菜单、搜索栏等元素。

今天我们就来学习一下如何自己动手制作头部(header)部分,以下是一个简单的WordPress头部header.php文件示例代码:

php

<!DOCTYPE html>

<html <?php language_attributes(); ?>>

<head>

<meta charset="<?php bloginfo( 'charset' ); ?>">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title><?php wp_title( '|', true, 'right' ); ?></title>

<?php wp_head(); ?>

</head>

<body <?php body_class(); ?>>

<header id="masthead" class="site-header">

<div class="site-branding">

<a href=" '/' ) ); ?>" rel="home">

<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>

<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>

</a >

</div><!-- .site-branding -->

<nav id="site-navigation" class="main-navigation" role="navigation">

<button class="menu-toggle" aria-controls="menu" aria-expanded="false"><?php _e( 'Primary Menu', 'textdomain' ); ?></button>

<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?>

</nav><!-- #site-navigation -->

<?php get_search_form(); ?>

</header><!-- #masthead -->

通过以上代码,我们就制作好了一个简单的wordpress头部“header.php”文件。当然,具体的显示布局我们还需要根据自己需要进行“html+css”进行美化。wordpress主题制作教程二:header.php(头部文件)的制作-第0张图片

一切完成后,我们在需要的地方使用“<?php get_header(); ?>”调用就大功告成了。

注意,在这个示例中,“header.php” 文件包含了网站的头部信息,包括网站的标题、导航菜单、搜索栏等元素。通过使用WordPress提供的函数,如“bloginfo”、“wp_title”、“wp_head”、“wp_nav_menu”等,可以轻松地将WordPress的功能集成到头部文件中。

同时,这个示例代码仅用于说明目的,wordpress头部部分的制作原理,在实际项目中,我们可能需要根据具体需求进行修改和扩展。