Question

自定义WordPress主题的正确方法是什么？

我想自定义一个WordPress主题，以便添加它缺少的功能，但需要我的项目。

使用WordPress自定义工具无法解决此问题。

更准确地说，我想用jQuery为Ope-Page菜单制作一个功能，并为它自定义CSS。我尝试使用自定义CSS / Javascript在CMS中制作它，但代码和样式与主题的代码和样式相冲突，因此需要在本地进行测试。

最佳做法是什么？是用XAMPP在localhost上安装WP还是用PHPStorm安装代码？

Answer 1

对主题进行小型化妆CSS / Javascript更改的最佳方法是创建子主题并在其中添加更改，这样当Core主题更新时，您将赢得自定义代码。

最好的方法是：

<强> 1。创建子主题的第一步是创建子主题目录，该目录将放在wp-content / themes中。建议（尽管不是必需的，特别是如果您正在创建供公众使用的主题），您的子主题目录的名称将附加＆＃39; -child＆＃39;。您还需要确保子主题目录名称中没有空格，这可能会导致错误。

<强> 2。下一步是创建您的子主题样式表（style.css）

/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

您需要编辑上面的文字，因为它只是示例文字。

3.最后一步是将父级和子级主题样式表排入队列。

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

我已经从Wordpress Codex中获取了片段，你可以看看here

这是在不编辑核心父主题的情况下自定义主题的最佳方式。

Answer 2

最佳做法是什么？是用XAMPP在localhost上安装WP还是用PHPStorm安装代码？

正确的做法与您在主题过程中使用的工具或软件无关，而是与此目的相关的方法。

因此，最佳做法是：为此目的实际主题的create a child theme。

儿童主题还带来了额外的好处：可以进一步自定义主题，而无需担心主要主题可能会在未来更新，从而覆盖自定义更改。

以正确的方式主题WordPress

2 个答案: