기존 상위 테마에서 WordPress 를 사용자 정의하면 안되는 이유는 무엇 입니까? 사용 중인 테마가 업데이트되면 사용자 정의는 어떻게 됩니까?
대답은 손실되고 브랜드 및 메시징 지침 및 기본 설정에 따라 사이트를 만들기 위한 노력도 손실된다는 것입니다.
하위 테마를 사용하면 별도의 CSS 스타일시트를 만들고(child theme enables you to create a separate CSS stylesheet) 상위 테마가 업데이트될 때 손실되거나 영향을 받지 않는 추가 기능을 추가할 수 있습니다.
이것은 수동으로 수행하거나 하위 테마 작성자 플러그인을 설치하여 수행할 수 있습니다. 수동 프로세스부터 시작하겠습니다.
새 디렉토리 생성(Create a New Directory)
(Start)자식 테마에 대한 새 디렉토리를 만드는 것으로 시작하십시오 . FTP 클라이언트(FTP client) 를 사용 하거나 cPanel을 통해 기존 wp-content/themes
cPanel을 사용하려면 호스팅 제어판으로 이동하십시오. 파일 관리자(file manager) 를 선택 하고 WordPress 가 설치된 디렉토리로 이동합니다 .
이것은 일반적으로 public_html(public_html) 이라는 디렉토리에 있습니다. wp-content 폴더 를 찾아 엽니다 . 새 폴더 만들기(create new folder) 를 클릭하고 하위 테마의 이름을 입력합니다. 나중에 알아볼 수 있도록 이름을 지정하십시오. 좋은 예는 nameofparenttheme-child 입니다.
오류를 방지하려면 파일 이름에 공백을 포함하지 마십시오.
내부 처리로 인해 폴더 이름에는 아래 예와 같이 상위 테마(테마 'slug')의 이름이 포함되어야 합니다.
CSS 스타일시트 만들기(Create a CSS Stylesheet)
스타일시트는 두 가지 이유로 WordPress 테마에서 사용됩니다.(WordPress)
- 사이트의 모양에 영향을 주는 스타일의 위치입니다.
- 테마의 기본 스타일시트는 WordPress가 테마에 대한 정보를 찾는 곳입니다.
하위 테마에 새로운 스타일을 추가하고 싶지 않을 수 있습니다. 그러나 테마 이름 및 상위 테마 이름과 같은 세부 사항을 정의하려면 스타일시트가 여전히 존재해야 합니다.
따라서 자식 테마에 대한 새 스타일시트를 만들어야 합니다. 따라서 다음 단계는 자식 테마의 모양을 제어하는 규칙을 정의하는 CSS 스타일시트 용 텍스트 파일을 만드는 것입니다.
그러면 하위 테마 CSS 파일이 상위 테마보다 우선합니다.
텍스트 파일에 다음 정보를 포함해야 합니다.
- 테마의 이름입니다.
- 상위 테마 디렉토리의 이름입니다.
- 의미가 있는 제목과 설명.
파일 상단에 다음 헤더 주석을 스타일시트에 포함해야 합니다. WordPress 는 이 정보를 읽고 하위 테마가 사용 중임을 알게 됩니다.
템플릿 태그에 세심한 주의를 기울여야 합니다. WordPress 에 자녀의 부모 테마가 무엇인지 알려줍니다 . 상위 테마가 있는 폴더는 대소문자를 구분합니다.
기술적으로 이제 자식 테마를 활성화할 수 있습니다. 그러나 더 복잡한 하위 테마를 생성하려면 사용자 정의 PHP(PHP) 함수 를 추가해야 합니다.
(만든 style.css(style.css) 파일 과 같은 디렉토리에) 자식 테마에 functions.php 파일을 만듭니다 . 여기에 추가 포스트 형식과 같은 것들이 추가되어야 합니다.
CSS 파일 과 마찬가지로 PHP 파일 에 대한 변경 사항이나 추가 사항 은 자동으로 상위 기능과 병합되거나 재정의됩니다.
add_theme_support() 로 추가된 게시물 형식과 같은 경우 병합 대신 재정의 역할을 합니다.
add_theme_support() 를 사용할 때 하위 테마가 상위 테마를 재정의하도록 몇 가지 추가 단계를 수행해야 합니다.
이것은 복잡해질 수 있으므로 WordPress 게시물 형식 사용에 대한 현재 ( post on using WordPress post formats)WordPress Theme Review Team 책임자 William Patton의 게시물을 참조하십시오 .
상위 테마 기능을 재정의하는 스타일 및 스크립트 추가(Add Styles & Scripts To Override Parent Theme Functionality)
다음 단계는 자식 테마가 부모 테마의 기능과 스타일을 상속받거나 사용하려는 새 테마를 반영하는지 확인하는 것입니다.
스타일은 웹사이트의 모양을 변경하는 데 사용됩니다. 스크립트(Scripts) 는 기능을 향상시킵니다. 스타일과 스크립트가 WordPress 사이트에 추가되는 방식은 파일의 내용만큼 중요합니다.
WordPress의 대기열에 넣는 기능은 이를 수행하는 방법입니다.
큐잉은 스타일과 스크립트가 WordPress 사이트에 추가되어 사용자가 사이트를 방문할 때 표시되는 내용에 영향을 줄 수 있도록 하는 방법을 나타냅니다.
동일한 결과를 얻기 위해 수많은 플러그인을 사용하면 종종 호환성 문제와 깨진 사이트가 발생합니다.
Wp_enqueue 는 플러그인 오버헤드를 줄여 웹사이트의 성능을 향상시킬 뿐만 아니라 사용자 경험도 향상시킵니다.
'wp_enqueue' 사용 방법(How To Use ‘wp_enqueue’)
자식 테마의 스타일을 출력하려면 wp_enqueue_style() 이라는 함수를 사용해야 합니다 .
이 함수는 약간의 정보를 필요로 하지만 가장 중요한 것은 파일의 이름(또는 '핸들')과 위치입니다.
functions.php 파일 안에 다음 코드를 추가하십시오.
이 코드는 상위 디렉토리의 스타일시트를 추가한 다음 이전에 생성한 하위의 스타일시트도 추가합니다. 상위 스타일(parent-style) 텍스트는 끝에 -style 이 추가된 상위 테마의 이름과 일치해야 합니다 .
자녀 테마 활성화(Activate Your Child Theme)
wp-content/themes/yourthemename 폴더 내의 서버에서 하위 테마에 대한 파일을 만든 경우 활성화할 수 있도록 WordPress 대시보드에서 사용할 수 있습니다.
- 대시보드에 로그인합니다.
- Appearance > Themes 로 이동합니다 .
- 자녀 테마가 나열되어야 합니다.
- 미리 보기(Preview) 를 선택 하여 새 하위 테마로 사이트가 어떻게 보이는지 확인합니다.
- 모양이 만족스러우면 활성화(Activate ) 를 클릭하여 활성화합니다.
wp-content/themes/yourthemename 폴더 의 서버가 아닌 다른 위치에 하위 테마를 만든 경우 새 하위 테마 폴더를 압축해야 합니다.
- WordPress 대시보드에 로그인합니다.
- Appearance > Themes 로 이동합니다 .
- 새로 추가(Add new) 를 클릭 합니다.
- 테마 업로드(Upload Theme) 를 선택합니다 .
- 압축된 파일을 표시되는 새 상자로 드래그(Drag) 하거나 파일 선택기를 클릭하고 컴퓨터에서 파일을 찾습니다.
- 업로드되면 미리 보고 활성화할 수 있습니다.
템플릿 파일 추가(Add Template Files)
다른 템플릿을 재정의하려면 상위 테마에서 하위 테마로 복사할 수 있습니다. 부모와 자식에서 같은 이름을 가진 템플릿 파일은 재정의 역할을 합니다. 그런 다음 필요에 따라 템플릿의 내용을 조정합니다.
새 템플릿을 추가하려면(To add new templates) 올바른 이름으로 새 파일을 만들고 자신의 콘텐츠를 추가하면 됩니다. 위 섹션에서는 수동 프로세스에 대해 설명합니다.
이제 WordPress(WordPress) 플러그인 으로 하위 테마를 만드는 방법을 살펴보겠습니다 .
WordPress 플러그인 사용(Use a WordPress Plugin)
(Log)WordPress 대시보드 에 로그인 합니다 . Plugins > Add New클릭(Click) 합니다 . 하위 테마(child theme.) 를 검색합니다 .
첫 번째 플러그인은 Child Theme Configurator 입니다. 위의 스크린샷에서 볼 수 있듯이 다음과 같은 이유로 좋은 선택입니다.
- 현재 버전의 WP와 호환됩니다.
- 설치가 많습니다.
- 최근에 업데이트되었습니다.
Install now > Activate 를 클릭 합니다 . 다음 단계는 도구 로 이동한 다음 (Tools)하위 테마(child themes.) 를 선택 하는 것입니다.
(Find)드롭다운 메뉴에서 상위 테마를 찾아 선택합니다. 테마가 하위 테마로 사용하기에 적합한지 확인 하려면 분석(analyze) 을 선택하세요 .
다음 은 (Below)Child Theme Configurator 설정 방법에 대한 단계별 자습서입니다 . 다른 WordPress 플러그인을 사용하기로 결정했다면 설정 방법에 대한 튜토리얼도 쉽게 찾을 수 있습니다.
아시다시피 하위 테마는 일부 기능에 대해 상위 테마에 의존하는 고유한 테마입니다.
자식 테마를 사용하면 WordPress 는 부모보다 먼저 자식을 찾고 자식이 있는 경우 해당 스타일과 기능을 따릅니다.
업데이트의 영향을 받지 않을 자식을 만들어 부모 테마가 업데이트될 때 많은 시간, 문제 및 미래의 골칫거리를 절약하십시오.
How To Create a WordPress Child Theme
Why should you never сustomize WordPrеss in the existing parent theme? What happens tо your customіzations when the theme you are using is updated?
The answer is they are lost, and your hard work to create your site according to your brand and messaging guidelines and preferences will also be lost.
A child theme enables you to create a separate CSS stylesheet and add additional functionality that will not be lost or affected when the parent theme is updated.
This can be done manually or by installing a child theme creator plugin. Let’s start with the manual process.
Create a New Directory
Start by creating a new directory for your child theme. You can use an FTP client or access your existing wp-content/themes directory via your cPanel.
To use cPanel, go to your hosting control panel. Select file manager and navigate to the directory where WordPress is installed.
This is usually in a directory named public_html. Locate and open the wp-content folder. Click on create new folder and input a name for your child theme. Be sure to give it a name that you will recognize later. A good example is nameofparenttheme-child.
Do not include any spaces in your file name to avoid errors.
Due to internal handling, the folder name must include the name of the parent theme (theme ‘slug’) as shown in the example below.
Create a CSS Stylesheet
Stylesheets are used in WordPress themes for two reasons.
- It is the location of the styles that affect how your site looks.
- A theme’s main stylesheet is where WordPress looks to find information about the theme.
You may not want to add any new styles in the child theme. However, the stylesheet still needs to exist to define specifics such as your theme name and the parent theme name.
Therefore, you need to create a new stylesheet for your child theme. So, your next step is to create a text file for the CSS stylesheet that will define the rules that control the look of your child theme.
The child theme CSS file will then take precedence over the parent theme.
You need to include the following information in your text file:
- Your theme’s name.
- The name of the parent theme directory.
- Title and description that makes sense.
Be sure to include in the stylesheet the following header comment at the top of the file. WordPress will read this information and know that a child theme is being used.
You want to pay close attention to the template tag. It tells WordPress what the parent theme of your child is. Note that the folder where your parent theme is located is case sensitive.
Technically, you can now activate your child theme. However, if you want to create a more complex child theme, you will need to add custom PHP functions.
Create a functions.php file in the child theme (in the same directory as the style.css file you made). This is where things like additional post formats should be added.
As with your CSS file, the changes or additions to your PHP file will automatically be merged with or override the parent’s functions.
For things like post formats that are added with an add_theme_support(), they act as overrides instead of merges.
When using add_theme_support(), you need to take some additional steps to ensure that the child theme overrides the parent.
This can get complicated, so refer to the current WordPress Theme Review Team lead William Patton’s post on using WordPress post formats.
Add Styles & Scripts To Override Parent Theme Functionality
Your next step is to make sure your child theme either inherits the parent theme’s features and styles or reflects the new ones you want to use.
Styles are used to changing the appearance of your website. Scripts enhance functionality. The way styles and scripts are added to your WordPress site is as essential as the contents of the files.
WordPress’ enqueue functionality is how to get this accomplished.
Enqueueing refers to the way styles and scripts are added to WordPress sites so that they can affect what users see when they visit your site.
Using numerous plugins to achieve the same result often leads to compatibility issues and broken sites.
Wp_enqueue not only improves your website’s performance by way of reducing plugin overhead, but it also enhances the user experience.
How To Use ‘wp_enqueue’
To output the styles for your child theme, you will need to use a function called wp_enqueue_style().
This function takes a few bits of information, but the most important is the name (or ‘handle’) and the location of the file.
Inside the functions.php file add the following code.
This code adds the stylesheet from the parent directory and then also adds the stylesheet for the child which we created earlier. Note that the parent-style text should match the name of the parent theme with -style added to the end.
Activate Your Child Theme
If you created the files for your child theme on the server inside the wp-content/themes/yourthemename folder, it would then be available in your WordPress dashboard for you to activate.
- Log into your dashboard.
- Go to Appearance > Themes.
- Your child theme should be listed.
- Select Preview to see how the site looks with the new child theme.
- Once you are satisfied with how it looks, click Activate to make it go live.
If you created your child theme somewhere other than on the server in the wp-content/themes/yourthemename folder, then you should zip your new child theme folder.
- Log into your WordPress dashboard.
- Go to Appearance > Themes.
- Click Add new.
- Choose Upload Theme.
- Drag your zipped file to the new box that appears or click the file selector and browse to it on your computer.
- Once it has been uploaded, then you can preview it and then activate it.
Add Template Files
To override other templates, you can copy them from the parent theme into the child theme. Any template files that have the same name in the child as in the parent act as overrides. Then adjust the contents of the templates as needed.
To add new templates, it’s just a case of making a new file with the correct name and adding your own content. The above section explains the manual process.
Now let’s go over how to create child themes with a WordPress plugin.
Use a WordPress Plugin
Log into your WordPress dashboard. Click on Plugins > Add New. Search for child theme.
The first plugin you will see is the Child Theme Configurator. This is a good choice, as seen in the screenshot above, because it:
- Is compatible with the current version of WP.
- Has a lot of installations.
- Was recently updated.
Click on Install now > Activate. The next step is to navigate to Tools and then select child themes.
Find and select your parent theme from the drop-down menu. Choose analyze to make sure your theme is ok to use as a child theme.
Below is a step-by-step tutorial on how to set up Child Theme Configurator. If you decide to use a different WordPress plugin, you can easily find a tutorial on how to set it up as well.
As you now know, child themes are distinct themes that rely on their parent theme for some of their functionality.
When you use a child theme, WordPress will look for the child before the parent and follow the styling and functionality of the child if it exists.
Save yourself a lot of time, trouble, and future headaches when the parent theme updates by creating a child that will not be affected by the update.