Child Theme Configurator

Child Theme Configurator는 빠르고 사용하기 쉬운 유틸리티로, 모든 테마의 일반적인 문제를 분석하고 하위 테마를 생성하며 커스터마이저 옵션 이상의 맞춤 설정을 가능하게 합니다. 하위 테마 스타일시트를 직접 커스터마이징하고자 하는 워드프레스 사용자를 위해 설계된 이 도구는 원하는 CSS 속성을 정확히 식별하고 재정의할 수 있게 해줍니다. 분석기는 렌더링된 테마를 스캔하여 하위 테마를 자동으로 구성합니다. 최적의 성능을 위해 테마 및 폰트 스타일시트를 올바르게 대기열에 추가하고 벤더별 구문을 처리하여, 상위 테마를 건드리지 않은 채 하위 테마의 외관과 느낌을 무제한으로 제어할 수 있게 합니다. 하위 테마 생성 방법 자세히 알아보기.

Take Control of Your Child Themes

Child Theme Configurator는 스타일시트를 분석하고 색인화하여 모든 CSS 미디어 쿼리, 선택자, 속성 및 값을 손쉽게 활용할 수 있게 합니다. 둘째, 하위 테마에 적용하기 전에 각 커스터마이징이 어떻게 표시될지 미리 보여줍니다. 마지막으로 작업 내용을 저장하여 편집 내용을 잃을 위험 없이 하위 테마에서 스타일을 커스터마이징할 수 있게 합니다.

You can create any number of child themes from your existing Parent Themes. Child Theme Configurator lets you choose from your installed themes (even existing child themes) and save the results in your Themes directory.

When you are ready, just activate the Child Theme and your WordPress site takes on the custom styles automatically.

Why create child themes and customize styles using Child Theme Configurator?

1. Some things cannot be changed using the Customizer.

2. Unless you use a child theme, you will lose any changes you made to templates and stylesheets when you update.

3. Child Theme Configurator automatically determines the correct way to set up a child theme based on the theme you are using.

4. You can find the exact style selectors your theme uses and change properties quickly.

5. You can locate, copy and edit theme templates from the admin.

6. Much more:

   • Update themes without losing customizations
   • Smart Theme Analyzer determines correct settings to use
   • Resolve common child theme issues with almost any parent theme
   • Copy existing widgets, menus and Customizer options to child theme
   • Use web fonts in your child theme
   • Enqueue (link) stylesheets instead of using @import
   • Quickly locate and edit theme CSS.
   • Customize @media queries for responsive design
   • Select hex, RGBA (transparent) and named colors using Spectrum color picker
   • Add fallback styles (multiple values per property)
   • Save hours of development time
   • Multisite compatible
   • Make modifications unavailable to the Customizer
   • Export child themes as Zip Archive
   • Identify and override exact selectors from the parent theme
   • Change specific colors, backgrounds, font styles, etc., without changing other elements
   • Automatically generate cross-browser and vendor-prefixed properties and CSS gradients
   • Preview custom styles before committing to them
   • Uses WP Filesystem API – will not create files you cannot remove

Child Theme Configurator PRO

Apply the CSS customizing power of Child Theme Configurator to any WordPress Plugin installed on your website. Child Theme Configurator PRO scans your plugins and lets you customize their stylesheets. We’ve added more features to make customizing styles quicker and easier with PRO.

https://www.youtube.com/watch?v=fktwCk43a8c

Learn more at http://www.childthemeplugin.com/child-theme-configurator-pro

Unlimited Widget Content With a Single Plugin

IntelliWidget is a versatile widget manager that does the work of multiple plugins by combining custom page menus, featured posts, sliders and other dynamic content features that can display on a per-page or site-wide basis.

Learn more at https://www.lilaeamedia.com/plugins/intelliwidget

Hook Highlighter

Hook Highlighter provides Administrators insight into the internal program flow of WordPress when activated on any front-facing page of a website.

Display action and filter hooks, program files and backtrace information inline for the current page.

Learn more at https://www.lilaeamedia.com/product/hook-highlighter

Query/Selector Tab

기본(상위) 스타일을 식별하고 사용자 정의하는 방법에는 두 가지가 있습니다. 하위 테마 구성기에서는 CSS 선택자와 속성별로 스타일을 검색할 수 있습니다. 특정 CSS 선택자(예: h1)를 맞춤 설정하려면 “쿼리/선택자” 탭을 사용하세요. 사이트 전체에 적용할 특정 CSS 값(예: 텍스트 색상)을 맞춤 설정하려면 “속성/값” 탭을 사용하세요.

쿼리/선택기 탭에서는 특정 CSS 선택기를 찾아 편집할 수 있습니다. 먼저, 편집하려는 CSS 선택기가 포함된 쿼리를 쿼리 자동 선택 상자에 입력하여 찾습니다. 마우스로 클릭하거나 “Enter” 또는 “Tab” 키를 눌러 선택합니다. CSS 선택기는 기본적으로 기본 쿼리에 포함됩니다. 다음으로 “선택기” 자동 선택 상자에 입력하여 CSS 선택기를 찾습니다. 마우스로 클릭하거나 “Enter” 또는 “Tab” 키를 눌러 선택합니다.

해당 CSS 선택자에 대한 모든 속성이 로드되며, 왼쪽에는 원본 값이, 오른쪽에는 하위 테마 값 입력란이 표시됩니다. 기존 하위 테마 값은 자동으로 채워집니다. 또한 상위 테마와 하위 테마의 오버라이드 조합을 보여주는 샘플 미리보기도 제공됩니다. 테두리(border)와 배경 이미지(background-image)는 특별히 다르게 처리된다는 점에 유의하십시오.

“순서” 필드에는 상위 테마 스타일시트에서 CSS 선택자의 원래 순서가 포함됩니다. “순서” 필드에 더 낮은 또는 더 높은 숫자를 입력하여 CSS 선택자 순서를 변경할 수 있습니다. 각 입력 옆의 “!” 상자를 선택하여 스타일 재정의(소위 “!important” 플래그)를 강제할 수도 있습니다. 신중하게 사용하십시오.

Click “Save” to update the child theme stylesheet and save your changes to the WordPress admin.

Adding Raw CSS

주어진 CSS 선택자에 추가 속성을 추가하려면 먼저 쿼리/선택기 탭에서 선택기를 불러옵니다. 그런 다음 새 속성 자동 선택 상자에 입력하여 재정의할 속성을 찾습니다. 마우스로 클릭하거나 “Enter” 또는 “Tab” 키를 눌러 선택합니다. 이렇게 하면 선택기 입력란에 새 입력 행이 추가됩니다.

완전히 새로운 CSS 선택자나 새로운 @media 쿼리를 추가하려면 “원시 CSS” 텍스트 영역에 자유 형식의 CSS를 입력할 수 있습니다. 파서가 새 사용자 정의 스타일을 로드하려면 구문이 올바르도록(예: 중괄호 균형 등) 주의해야 합니다. 저장 버튼 옆에 빨간색 “X”가 나타나면 유효하지 않다는 것을 알 수 있습니다.

If you prefer to use shorthand syntax for properties and values instead of the inputs provided by Child Theme Configurator, you can enter them here as well. The parser will convert your input into normalized CSS code automatically.

Property/Value Tab

속성/값 탭에서는 특정 속성에 대한 값을 찾은 후, 해당 속성/값 조합을 사용하는 개별 CSS 선택자에 대해 해당 값을 편집할 수 있습니다. 먼저 속성 자동 선택 상자에 입력하여 재정의하려는 속성을 찾습니다. 마우스로 클릭하거나 “Enter” 또는 “Tab” 키를 눌러 선택합니다.

This will load all of the unique values that exist for that property in the parent theme stylesheet with a Sample preview for that value. If there are values that exist in the child theme stylesheet that do not exist in the parent stylesheet, they will be displayed as well.

For each unique value, click the “Selectors” link to view a list of CSS selectors that use that property/value combination, grouped by query with a Sample preview of the value and inputs for the child theme value. Any existing child theme values will be automatically populated.

Click “Save” to update the child theme stylesheet and save your changes to the WordPress admin.

If you want to edit all of the properties for the CSS selector you can click the “Edit” link and the CSS selector will automatically load in the Query/Selector Tab.

Web Fonts Tab

You can add additional stylesheets and web fonts by typing @import rules into the textarea on the Web Fonts tab. Important: do not import the parent theme stylesheet here. Use the “Parent stylesheet handling” option from the Parent/Child tab.

Files Tab

Parent Templates

You can copy PHP template files from the parent theme by checking the boxes. Click “Copy Selected to Child Theme” and the templates will be added to the child theme’s directory.

CAUTION: If your child theme is active, the child theme’s version of the file will be used instead of the parent immediately after it is copied. The functions.php file is generated separately and cannot be copied here.

Child Theme Files

Templates copied from the parent are listed here. These can be edited using the Theme Editor in the Appearance Menu. Remove child theme images by checking the boxes and clicking “Delete Selected.”

Child Theme Images

Theme images reside under the images directory in your child theme and are meant for stylesheet use only. Use the media gallery for content images. You can upload new images using the image upload form.

Child Theme Screenshot

You can upload a custom screenshot for the child theme here. The theme screenshot should be a 4:3 ratio (eg., 880px x 660px) JPG, PNG or GIF. It will be renamed “screenshot”.

Export Child Theme as Zip Archive

You can download your child theme for use on another WordPress site by clicking “Export”.

Preview and Activate

IMPORTANT: Test child themes before activating!

Some themes (particularly commercial themes) do not correctly load parent template files or automatically load child theme stylesheets or php files.

In the worst cases they will break your website when you activate the child theme.

1. Navigate to Appearance > Themes in the WordPress Admin. You will now see the new Child Theme as one of the installed Themes.
2. Click “Live Preview” (theme customizer) below the new Child Theme to see it in action.
3. When you are ready to take the Child Theme live, click “Activate.”

MULTISITE USERS: You must Network Enable your child theme before you can use Live Preview. Go to “Themes” in the Network Admin.

Caveats

• 임의의 주석은 지원되지 않습니다. 사용자 정의 스타일을 미리 보고 수정할 수 있는 높은 수준의 유연성을 제공하려면 정교한 파싱 시스템이 필요합니다. 스타일시트 내 특정 요소에 바인딩된 주석을 유지하는 것은 그로 인해 추가되는 가치에 비해 지나치게 많은 비용이 듭니다. 향후 옵션으로 포함하기 위해 노력 중이지만, 현재 모든 주석은 하위 테마 스타일시트 코드에서 제거됩니다.
• No @keyframes or @font-face rules. Child Theme Configurator only supports @media and @import. If you need other @rules, put them in a separate stylesheet and import them into the Child Theme stylesheet.
• Only two-color gradients. Child Theme Configurator is powerful, but we have simplified the gradient interface. You can use any gradient you want as long as it has two colors and no intermediate stops.
• CSS properties are auto-discovered. Child Theme Configurator loads the properties that exist in the Parent stylesheet. You can always add new properties using the “Raw CSS” text area.
• 레거시 그라디언트 구문은 지원되지 않습니다. Child Theme Configurator는 MS 필터 그라디언트나 레거시 웹킷 그라디언트를 지원하지 않습니다. 이러한 그라디언트는 상위 테마에서 사용될 경우 계속 작동하지만, 하위 테마 스타일시트에는 작성되지 않습니다. 수요가 있을 경우 향후 릴리스에서 추가할 수 있으나, 대부분의 사용자는 이미 업그레이드했을 것입니다.

Documentation

Go to http://www.childthemeplugin.com/

Serbo-Croatian translation courtesy of Borisa Djuraskovic borisad@webhostinghub.com http://www.webhostinghub.com

Copyright: (C) 2014-2018 Lilaea Media