如何创建WordPress主题的子主题?

玖比肆 WordPress 40

子主题允许您在不影响原主题的情况下进行自定义,本文将为您讲解如何在WordPress主题开发中创建子主题。

回复

共1条回复 我来回复
  • 玖比肆的头像
    玖比肆 评论

    1.创建一个新的主题文件夹

    首先,您需要在/ wp-content / themes /目录下创建与父主题名称相似的新文件夹,例如,如果您的父主题名为“twentyseventeen”,则可以为子主题创建一个名为“twentyseventeen-child”的文件夹。

    2.创建样式表

    在子主题文件夹中创建一个名为“style.css”的样式表文件,并加入以下内容:

    /*
    Theme Name: Twenty Seventeen Child Theme
    Theme URI: http://example.com/
    Description: Twenty Seventeen Child Theme
    Author: Your Name Here
    Author URI: http://yourwebsite.com
    Template: twentyseventeen
    Version: 1.0.0
    */

    @import url("../twentyseventeen/style.css");

    在上面的样式表中,将“Theme Name”和“Description”更改为您的子主题名称和描述,将“Author”和“Author URI”更改为您自己的详细信息。在“Template”中输入您的父主题文件夹名称。最后,使用“@import”引入父主题的样式表。

    3.创建功能文件

    在子主题文件夹中创建一个名为“functions.php”的文件,并将其打开以进行编辑。您可以在这个文件中添加代码以自定义您的子主题。例如,在以下代码中,将更改父主题的顶部标志。

    get_stylesheet_directory_uri() . '/images/logo.png',
    'default-text-color' => 'ffffff',
    'width' => 300,
    'height' => 100,
    'flex-height' => true,
    'wp-head-callback' => 'twentyseventeen_header_style',
    ) ) );
    }
    }
    add_action( 'after_setup_theme', 'childtheme_setup_logo', 11 );

    在上面的代码中,通过使用“add_action”,定义一个“childtheme_setup”函数,在父主题样式表后添加子主题样式表,同时定义一个名为“childtheme_setup_logo”的函数,以在自定义顶部标志。最后,在after_setup_theme动作上添加“childtheme_setup_logo”函数。

    4.激活子主题

    在您上传并激活子主题后,WordPress会自动加载你新的代码。现在您的子主题已准备就绪,您可以在其中自定义并保留父主题的全部功能。

    2023年 4月 26日 上午7:36 0条评论
微信客服
分享本页
返回顶部
玖比肆(9Bi4)专注于帮助企业实现数字化转型,提供全方位的网站建设、网络运营、网络推广、网络营销和SEO优化等一系列数字化营销服务。