【问题标题】:Theming WordPress the right way以正确的方式为 WordPress 设置主题
【发布时间】:2017-01-06 09:49:56
【问题描述】:

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

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

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

更准确地说,我想用 jQuery 为 Ope-Page 菜单制作一个功能并为其自定义 CSS。我尝试用Custom CSS/Javascript在CMS中制作,但是代码和样式与主题的代码和样式有冲突,所以需要本地测试。

最好的做法是什么?是用 XAMPP 在 localhost 上安装 WP,用 PHPStorm 编码吗?

【问题讨论】:

  • 只需使用 XAMPP 在 localhost 上安装 WP
  • @Fiido93:“使用 XAMPP 在 localhost 上安装 WordPress” 作为 WordPress 主题的最佳实践?不!这是完全不合适的。
  • 大声笑@nyedidikeke 我没有提到最佳实践。大声笑我告诉她或他只需使用 xampp 在 localhost 上安装 wp。
  • @nyedidikeke 下次仔细阅读谢谢!
  • 读得好@Fiido93;那是我从你最初的帖子中得到的信息。 不要更进一步; 您应该考虑使您的 cmets/建议更清晰,以避免任何可能的和/或感知的误解

标签: jquery css wordpress wordpress-theming


【解决方案1】:

对您的主题进行小的装饰性 CSS/Javascript 更改的最佳方法是创建一个子主题并在其中添加您的更改,这样当核心主题更新时您就不会丢失您的自定义代码。

最好的方法是:

1.创建子主题的第一步是创建子主题目录,该目录将放在 wp-content/themes 中。建议(虽然不是必需的,特别是如果您正在创建一个供公共使用的主题)您的子主题目录的名称附加“-child”。您还需要确保您的子主题目录名称中没有空格,这可能会导致错误。

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 中提取了 sn-ps,你可以看看here

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

【讨论】:

    【解决方案2】:

    最好的做法是什么?是用 XAMPP 在 localhost 上安装 WP,用 PHPStorm 编码吗?

    正确的做法与您在主题化过程中使用的工具或软件无关,而与实现此目的的方法有关。

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

    子主题还有一个额外的优势:可以进一步自定义您的主题,而不必担心未来可能对您的主主题进行的更新会覆盖您的自定义更改。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-02-14
      • 1970-01-01
      • 2023-04-06
      • 2019-03-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多