从头开始构建WordPress主题。
#网络开发人员 #php #wordpress #theme

Image description

简介
创建自定义WordPress主题时,了解每个文件的目的和意义至关重要。在本文中,我们将探讨构建WordPress主题所需的基本文件,并解释为什么它们是必要的。我们将为每个文件提供示例以说明其用法。让我们开始!

style.css
style.css文件是您主题的主要样式表。它定义了您网站的视觉外观和样式。 WordPress使用此文件中的信息在WordPress Admin仪表板中正确显示您的主题。

示例:

/*
Theme Name: My Custom Theme
Theme URI: [Theme URL]
Description: Custom WordPress theme with unique design.
Author: [Your Name]
Author URI: [Author URL]
Version: 1.0
*/

/* CSS styles go here */

functions.php
functions.php文件是WordPress主题的关键组成部分。它允许您添加自定义功能,注册菜单,符号样式表和脚本,定义主题功能等。它充当与主题相关功能的中心枢纽。

示例:

<?php
// Custom functions and theme setup
function my_custom_theme_setup() {
    // Add theme support
    add_theme_support('title-tag');
    add_theme_support('post-thumbnails');

    // Register menus
    register_nav_menus(array(
        'primary-menu' => 'Primary Menu',
    ));
}
add_action('after_setup_theme', 'my_custom_theme_setup');

// Enqueue stylesheets and scripts
function my_custom_theme_scripts() {
    wp_enqueue_style('my-custom-theme-style', get_stylesheet_uri());
    wp_enqueue_script('my-custom-theme-script', get_template_directory_uri() . '/js/main.js', array('jquery'), '1.0', true);
}
add_action('wp_enqueue_scripts', 'my_custom_theme_scripts');
?>

header.php
header.php文件包含主题的标题部分。它包括Doctype声明,元标记以及每个页面顶部出现的其他元素。它在您的网站上提供了一个一致的标题。

示例:

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php wp_title('|', true, 'right'); ?><?php bloginfo('name'); ?></title>
    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
    <!-- Header content goes here -->

content.php
content.php文件负责显示各个帖子或页面的内容。它通常包括标题,内容和其他与后有关的信息。它通常包含在诸如single.php和pagp.php。

之类的模板中。

示例:

<?php if (!defined('ABSPATH')) exit;  ?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    <header class="entry-header">
        <h2 class="entry-title"><?php the_title(); ?></h2>
    </header>
    <div class="entry-content">
        <?php the_content(); ?>
    </div>
</article>

single.php
单个.php文件用于显示一个帖子。它使用循环检索并显示单个文章的内容。它可能包括header.php和footer.php以提供页面的整体结构。

示例:

<?php if (!defined('ABSPATH')) exit;  ?>
<?php get_header(); ?>

<?php while (have_posts()) : the_post(); ?>
    <!-- Display post content -->
    <div id="primary" class="content-area">
        <main id="main" class="site-main article">
            <?php get_template_part('content', get_post_format()); ?>
        </main>
    </div>
<?php endwhile; ?>
<?php get_footer(); ?>

pag.php
page.php文件用于显示单个页面。它类似于single.php,但专门为页面设计。它使用循环检索并显示页面的内容。

示例:

<?php if (!defined('ABSPATH')) exit;  ?>
<?php get_header(); ?>

<?php while (have_posts()) : the_post(); ?>
    <!-- Display post content -->
    <div id="primary" class="content-area">
        <main id="main" class="site-main article">
            <?php get_template_part('content', get_post_format()); ?>
        </main>
    </div>
<?php endwhile; ?>
<?php get_footer(); ?>

footer.php
footer.php文件定义主题的页脚部分。它通常包括关闭HTML标签,JavaScript文件和任何必要的页脚内容。它在您网站的页面上提供一致性。

示例:

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

    <footer class="site-footer">
        <!-- Footer content goes here -->
    </footer>

    <?php wp_footer(); ?>
</body>
</html>

注释.php
comment.php文件负责在帖子或页面上显示注释部分。它包括用于显示评论,评论表格和相关元素的HTML结构。

示例:

<div id="comments" class="comments-area">
    <?php if (have_comments()) : ?>
        <!-- Display comments -->
    <?php endif; ?>

    <!-- Comment form goes here -->
</div>

index.php
当没有特定的模板文件可用时,index.php文件作为后备模板。它显示多个帖子或帖子列表,例如主页或博客索引。

示例:


<?php if (!defined('ABSPATH')) exit;  ?>
<?php get_header(); ?>
<?php get_sidebar(); ?>
<?php while (have_posts()) : the_post(); ?>
    <!-- Display post content -->
    <div id="primary" class="content-area">
        <main id="main" class="site-main article-list article-list-home">
            <?php get_template_part('content', get_post_format()); ?>
        </main>
    </div>
<?php endwhile; ?>
<?php get_footer(); ?>

search.php
search.php文件显示搜索结果。它呈现搜索结果页面并根据搜索查询显示相关帖子。

示例:

<?php if (have_posts()) : ?>
    <?php while (have_posts()) : the_post(); ?>
        <!-- Display search results -->
    <?php endwhile; ?>
<?php else : ?>
    <!-- No search results found -->
<?php endif; ?>

404.php
404.php文件用于显示“未找到”错误页面。当用户试图访问网站上不存在的页面时,它显示出来。

示例:

<h1>404 - Page Not Found</h1>
<p>The requested page does not exist.</p>

Archive.php
Archive.php文件显示不同分类法的存档页面,例如类别,标签或自定义分类法。它列出了选定分类法分组的帖子。

示例:


<?php while (have_posts()) : the_post(); ?>
    <!-- Display archive content -->
<?php endwhile; ?>

结论
了解这些基本WordPress主题文件的目的和使用对于构建自定义主题至关重要。每个文件在定义主题的结构,设计和功能中起着重要作用。通过有效地利用这些文件,您可以创建一个满足您需求的良好且功能齐全的WordPress主题。