하위 테마에서 상위 테마의 동작 수정

하위 테마란 무엇인가요? 하위 테마는 개발자가 처음부터 새 템플릿을 만드는 것을 피하고 대신 기존 테마에서 이미 사용할 수 있는 모든 기능을 활용할 수 있게 해주는 유용한 WordPress 기능입니다.

그러나 때때로 우리가 웹 사이트에 선택하는 상위 테마에는 다른 슬러그, 단축 코드, JavaScript를 사용하는 사용자 정의 게시물 유형과 같이 필요하지 않은 일부 기능이 있을 수 있습니다(또는 필요에 가장 잘 맞게 사용자 정의해야 함). 라이브러리, 사용하지 않는 이미지 크기 등...

---

테마를 맞춤설정하는 두 가지 방법

테마를 직접 편집하면 원하는 것을 쉽게 얻을 수 있지만 테마를 업데이트할 때마다 모든 사용자 정의를 다시 수행해야 합니다. 이는 실망스러울 수 있으므로 또 다른 옵션이 있습니다. 하위 테마를 만들고 >functions.php> 파일을 사용하여 부모 테마> 기능을 수정할 수 있습니다. 이렇게 하면 사용자 정의 콘텐츠를 잃지 않고 새 버전이 출시될 때마다 상위 테마를 업그레이드할 수 있습니다.

더 구체적인 세부 사항을 살펴보기 전에 테마 모양에 대해 간단히 알아두세요. 하위 테마의 style.css 파일을 가져오고 상위 style.css 파일을 재정의하여 색상, 배경, 타이포그래피 및 레이아웃을 수정할 수 있습니다. 스타일 변경을 원합니다.

레이아웃을 더 효과적으로 제어하려면 Abbas Suterwala의 게시물 제안을 따르고 하위 테마에서 상위 사용자 정의 템플릿 파일을 복제할 수도 있습니다.

하위 테마는 author.php, category.php 등과 같은 다른 템플릿 파일을 선택적으로 재정의할 수 있습니다. WordPress 프레임워크는 먼저 하위 테마 디렉터리에서 템플릿 파일을 찾고, 찾을 수 없으면 상위 디렉터리에서 템플릿 파일을 가져옵니다.

---

무엇을 수정할 수 있나요

하위 테마의 functions.php 파일을 사용하여 다음을 처리할 수 있습니다.

• 테마 기능
• 사용자 정의 게시물 유형 및 카테고리
• 메뉴 및 사이드바
• 위젯
• 단축코드
• 다른 이미지 크기
• 메타박스
• 자바스크립트와 CSS
• 상위 주제 작업 및 필터

다음과 같은 웹사이트 구조가 있다고 가정해 보겠습니다.

• htdocs 또는 www
  • wp 콘텐츠
    • 테마
      • foo-theme ( 상위 테마의 디렉토리 - 수정되지 )
        • functions.php
        • header.php
        • style.css
        • 기타 템플릿 파일...
      • foo-theme-child (child 테마 디렉터리)
        • functions.php(상위 테마를 사용자 정의하는 데 사용할 파일)
        • header.php (상위 테마의 header.php 재정의)
        • style.css (차일드 테마의 필수 파일로 style.css라는 이름을 지정해야 합니다)

시작해 보겠습니다. /wp-content/themes/foo-theme-child/ 디렉토리에 빈 functions.php 파일을 만듭니다.

대부분의 경우 일반 wp_tuts_remove_features() 函数，挂钩到 WordPress after_setup_theme 操作。我们还将 10 설정을 세 번째 인수(우선순위)로 사용하므로 해당 함수가 상위 함수보다 먼저 실행되도록 보장합니다.

으아악

---

1.테마 삭제 기능

일부 상위 테마는 add_theme_support 기능을 통해 WordPress에 기능을 추가합니다.

사용 가능한 기능은 다음과 같습니다:

• 后格式
• 后缩略图
• 自定义背景
• 自定义标头
• 自动提要链接

그러므로 삭제하려면 functions.php파일에서 remove_parent_theme_features()함수를 수정하면 됩니다.

으아악

---

2.맞춤 게시물 유형 및 카테고리 삭제

사용자 정의 게시물 유형 및 사용자 정의 분류를 제거하는 것은 간단합니다. 상위 functions.php 파일이 parent_movie_add_post_type() 함수 Movie를 통해 추가된 경우 사용자 정의 게시물 유형:

으아악

...하위 functions.php 파일을 사용하여 사용자 정의할 수 있습니다.

으아악

또한 게시물 유형을 등록 취소하지 않고 특정 기능만 제거할 수도 있습니다. 예를 들어 발췌 필드를 게시물 추천 이미지로 바꾸려면 다음과 같이 기능을 수정할 수 있습니다.

으아악

WordPress Codex의 remove_post_type_support 아래에서 제거 가능한 기능의 전체 목록을 찾을 수 있습니다.

与自定义帖子类型类似，您可以通过 parent_taxonomy() 函数删除在父主题中添加的自定义分类，方法如下：

function wp_tuts_after_setup_theme() {
	remove_action( 'init', 'parent_taxonomy' );
}

---

3.删除菜单

我们可以通过 unregister_nav_menu() 函数删除父主题的菜单。该函数采用一个参数，即 register_nav_menu() 函数中使用的菜单位置标识符 slug。

如果父主题注册了标题菜单：

// PARENT functions.php

add_action( 'after_setup_theme', 'register_my_menu' );

function register_my_menu() {
	register_nav_menu( 'header-menu', __( 'Header Menu' ) );
}

我们可以这样删除它：

// CHILD functions.php

function remove_parent_theme_features() {
	unregister_nav_menu( 'header-menu' );
}

要识别已注册的菜单，我们可以在父主题代码中搜索 register_nav_menu() 调用。该函数的第一个参数代表我们可以用来取消注册的菜单 ID（在本例中为 header-menu）。

---

4.删除小部件和侧边栏

WordPress 附带了一些我们可以停用的默认小部件。此外，我们的父主题可以添加自己的小部件，因此我们可以在主题文件中搜索它们的声明位置并记下它们的名称。通常它们在扩展 WP_Widget 类的 PHP 类中声明：

// PARENT theme
class ParentWidgetName extends WP_Widget {
	// widget code
}

因此，要取消注册小部件，我们使用类名 ParentWidgetName:

add_action( 'widgets_init', 'wp_tuts_parent_unregister_widgets', 10 );

function wp_tuts_parent_unregister_widgets() {

	// remove (some) WordPress default Widgets
	unregister_widget( 'WP_Widget_Pages' );
	unregister_widget( 'WP_Widget_Calendar' );

	// remove Parent registered Widget
	unregister_widget( 'ParentWidgetName' );

	// register a custom Widget (if needed)
	register_widget( 'MyCustomWidget' );
}

// don't forget to add the Widget Class
class MyCustomWidget extends WP_Widget {
	// Custom Widget code
}

对于侧边栏，操作类似：

add_action( 'widgets_init', 'wp_tuts_parent_unregister_sidebars', 10 );

function wp_tuts_parent_unregister_sidebars() {
	// remove a sidebar registered by the Parent Theme
	unregister_sidebar( 'first-footer-widget-area' );
}

要识别已注册的侧边栏，我们可以在父主题的代码中搜索 register_sidebar() 调用。

我们需要做的就是记下侧边栏 ID：

// PARENT functions.php

$args = array(
	'id' => 'first-footer-widget-area',
	// other args...
);

register_sidebar( $args );

---

5.删除短代码

覆盖或删除短代码很容易，我们只需要这样修改我们的函数：

function remove_parent_theme_features() {
	// remove the parent [gmap] shortcode
	remove_shortcode( 'gmap' );
	// add our [gmap] shortcode
	add_shortcode( 'gmap', 'child_shortcode_gmap' );
}

function child_shortcode_gmap( $atts ) {
	// create our shortcode that overwrites the parent one
}

要识别已注册的短代码，我们可以在父主题代码中搜索 add_shortcode() 调用。第一个参数是我们要查找的参数;-)。

---

6.删除附加图像尺寸

如果父主题添加了我们不在子主题中使用的新图像尺寸，我们可以在父主题代码中搜索 add_image_size() 调用。在本例中，它们是：custom_size_parent_1 和 custom_size_parent_2。我们通过这种方式重置它们：

add_filter( 'intermediate_image_sizes_advanced', 'remove_parent_image_sizes' );

function remove_parent_image_sizes( $sizes ) {
	unset( $sizes['custom_size_parent_1'] );
	unset( $sizes['custom_size_parent_2'] );
	return $sizes;
}

这很有用，因为每次用户上传图像时，WordPress 都不会创建我们不使用的其他图像尺寸。

要创建自定义图像尺寸，我们可以将其添加到子 functions.php 文件中：

if ( function_exists( 'add_image_size' ) ) {
	// 400 pixels wide and unlimited height
	add_image_size( 'custom_size_child_1', 400, 9999 );
	// 320 pixels wide and 240 px tall, cropped
	add_image_size( 'custom_size_child_2', 320, 240, true );
}

---

7.删除元框

通过 remove_meta_box() 函数，我们可以删除默认的 WordPress 和父主题元框。

WordPress 默认元框列表可在 WordPress Codex 中的 remove_meta_box() 下找到。该函数具有三个参数：元框 ID、将从中删除的页面、编辑上下文（normal、advanced、side）。

如果父主题在帖子编辑屏幕中添加了元框，我们可以通过以下方式禁用它们：

add_action( 'admin_menu' , 'wp_tuts_remove_metaboxes', 99 );

function wp_tuts_remove_metaboxes() {
	// remove default WP Trackback Metabox from Posts editing page
	remove_meta_box( 'trackbacksdiv', 'post', 'normal' );
	// remove a Parent Theme Metabox 'parent_post_foo_metabox'
	remove_meta_box( 'parent_post_foo_metabox', 'post', 'normal' );
}

我们可以通过在父主题代码中搜索 add_meta_box 或 add_meta_boxes() 调用来识别父元框。

要删除的元框的 ID 是 add_meta_box() 函数的第一个参数。

---

8. 删除 JavaScript 和 CSS 样式表

如果父主题添加了我们不需要的 JavaScript 和 CSS 样式：

// PARENT functions.php

add_action( 'wp_print_scripts', 'parent_scripts' );
add_action( 'wp_print_styles', 'parent_styles' );

function parent_scripts() {
	wp_enqueue_script( 'fancybox-parent-js', get_stylesheet_directory_uri() . '/fancybox/jquery.fancybox.pack.js' );
}

function parent_styles() {
	wp_enqueue_style( 'fancybox-parent-css', get_stylesheet_directory_uri() . '/fancybox/jquery.fancybox.css' );
}

我们可以这样删除它们：

// CHILD functions.php

add_action( 'wp_print_scripts', 'child_overwrite_scripts', 100 );
add_action( 'wp_print_styles', 'child_overwrite_styles', 100 );

function child_overwrite_scripts() {
	wp_deregister_script( 'fancybox-parent-js' );
}

function child_overwrite_styles() {
	wp_deregister_style( 'fancybox-parent-css' );
}

要识别已注册的 JavaScript 和 CSS 样式，我们可以在父主题代码中搜索 wp_enqueue_script() 和 wp_enqueue_style() 调用。

该函数的第一个参数是我们可以在 wp_deregister_script() 或 wp_deregister_style() 函数中使用的参数。

---

9.删除父主题操作和过滤器

某些主题（例如 Thematic）提供了多个挂钩来修改主题行为，而无需更改主题文件。在本例中，Thematic 提供了一个 thematic_header 操作来加载其他操作：

• thematic_brandingopen()
• thematic_blogtitle()
• thematic_blogdescription()
• thematic_brandingclose()
• thematic_access()

我们不会详细研究这些函数的作用，可能其中一些函数会在博客标题中打印一些信息：名称、描述等等...在这种情况下，我们可以停用 thematic_blogdescription() 函数这样：

// Unhook default Thematic functions
function unhook_thematic_functions() {
	// we put the position number of the original function (5)
	// for priority reasons
	remove_action( 'thematic_header', 'thematic_blogdescription', 5 );
}
add_action( 'init', 'unhook_thematic_functions' );

在这些情况下，可能很难理解父主题的结构及其工作原理。我的建议是选择一个带有详细文档、良好的支持论坛并在整个代码中提供钩子的父主题。

这肯定会让我们损失更少的开发时间，并使子主题的定制变得更加容易。

---

참고자료

• 어린이 테마 기본 사항 및 WordPress에서 어린이 테마 만들기
• WordPress Codex 문서
  • after_setup_theme
  • remove_action
  • add_theme_support
  • register_post_type
  • add_post_type_support
  • remove_post_type_support
  • register_nav_menu
  • unregister_nav_menu
  • register_widget
  • unregister_widget
  • register_sidebar
  • unregister_sidebar
  • add_shortcode
  • remove_shortcode
  • add_image_size
  • add_meta_box
  • remove_meta_box
  • wp_deregister_script
  • wp_deregister_style
• WordPress 상위 테마 컬렉션
• 테마별 테마 프레임워크

위 내용은 하위 테마에서 상위 테마의 동작 수정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!