it-swarm-ko.tech

첫 페이지에 임의의 카테고리를 표시합니다 (테마 기능 찾기 및 편집).

저는 현재 Wordpress 테마의 하위 테마를 편집하는 알파 단계에 있습니다. 나는 프로그래밍 경험과 경험이 있지만 직접적인 경험이없는 워드 프레스 관련 코드 편집. 현재 현재 알파벳순으로 처음 세 카테고리가 표시됩니다.

내가하려는 일 : 알파벳순으로 처음 세 카테고리를 표시하는 대신 x 개 이상의 제품으로 3 개의 임의의 카테고리를 표시하고 싶습니다.

계속 진행하는 것을 막는 다음과 같은 장애물/질문을 만났습니다.

  1. 어떤 메커니즘/기능이 이러한 카테고리 선택을 제어합니까? (그들의 코드)
  2. 테마 기반이든 기본 WordPress 시스템의 것입니까?
  3. 이 변경을 위해 어떤 다른 정보가 관련이 있습니까?
  4. Firefox Dev Bar에서 어떤 정보가 유용할까요?
  5. "TheirCode"를 어떻게 찾을 수 있도록 "MyCode"로 바꿀 수 있습니까?

진짜 질문은 다음과 같습니다. firefox Dev Bar와 실제 소스 같은 도구를 사용하여이 선택을 담당하는 "TheirCode"를 어떻게 찾을 수 있습니까?

이 질문은 WooCommerce (플러그인)에 관한 것이 아닙니다. WooCommerce (회사)가 디자인 한 주제 또는 실제로 어떤 테마에서든 기능을 찾는 방법을 찾고 있습니다.

오픈 소스 테마 : WooCommerce Storefront

8
T. Thomas

실제 질문은 다음과 같습니다. firefox dev bar 및 실제 소스와 같은 도구를 사용하여이 선택을 담당하는 "TheirCode"를 어떻게 찾을 수 있습니까?

If HTML 출력/소스를 참조하는 경우 예를 들어 공식 상점 첫 화면 테마 데모 사이트 "제품 카테고리"제목 또는 섹션을 클릭하면 해당 section을 쉽게 검사 할 수 있습니다. "요소 선택"아이콘과 같은 다른 옵션은 MDN doc 을 참조하십시오.

enter image description here

이제 " 실제 소스 "(예 : 페이지에서 "제품 카테고리"섹션을 생성하는 PHP 코드 또는 함수) "홈페이지"템플릿)의 경우 inc/storefront-template-functions.php 에서 찾을 수 있습니다.

_if ( ! function_exists( 'storefront_product_categories' ) ) {
    /**
     * Display Product Categories
     * Hooked into the `homepage` action in the homepage template
     *
     * @since  1.0.0
     * @param array $args the product section args.
     * @return void
     */
    function storefront_product_categories( $args ) {

        if ( storefront_is_woocommerce_activated() ) {

            $args = apply_filters( 'storefront_product_categories_args', array(
                'limit'             => 3,
                'columns'           => 3,
                'child_categories'  => 0,
                'orderby'           => 'name',
                'title'             => __( 'Shop by Category', 'storefront' ),
            ) );

            ...
        }
    }
}
_

따라서 storefront_product_categories()은 찾고있는 PHP 함수이며 원하는 경우 완전히 무시할 수 있습니다 ( https : // docs 참조) .woocommerce.com/document/set-up-and-use-a-child-theme/# section-5 ). 그러나 제품 범주를 무작위 정렬로 표시하려면 _storefront_product_categories_args_를 사용하여 쿼리 인수를 필터링하면됩니다 (이 경우 orderby 임).

_add_filter( 'storefront_product_categories_args', function( $args ){
    $args['orderby'] = 'Rand';
    return $args;
} );
_

이 필터는 storefront_product_categories() 함수 내에서 호출되며 사용할 수있는 다른 필터/액션입니다.

  • 필터 : _storefront_product_categories_shortcode_args_

  • 동작 : _storefront_homepage_before_product_categories_

  • 동작 : _storefront_homepage_after_product_categories_title_

  • 동작 : _storefront_homepage_after_product_categories_

"action"과 "filter"의 차이점이 확실하지 않으면 this 를 참조하십시오.


업데이트 : 어떻게 코드를 찾을 수 있습니까?

상점 테마 문서 를 탐색하십시오.

WooCommerce (회사)가 디자인 한 테마 또는 실제로 테마에서 기능을 찾는 방법을 찾고 있습니다.

  • 먼저 테마 문서를 확인하고 읽으십시오.

  • 필요한 정보를 찾지 못했거나 찾을 수없는 경우 @ motivast 제안한 사항을 시도하십시오 — 페이지의 요소를 검사하고 적절한 HTML 코드 및/또는 CSS를 찾으십시오 class/id을 입력 한 다음 올바른 파일 또는 PHP code/class을 찾을 때까지 해당 HTML 또는 CSS에 대한 테마 파일 id/function을 검색하십시오.

예를 들어, 상점 첫 화면 테마 데모 사이트에서 제품 카테고리 섹션의 HTML은 다음과 같습니다.

_<section class="storefront-product-section storefront-product-categories" aria-label="Product Categories">
    ...
</section>
_

그래서 당신은 테마 파일을 사용하여 검색 할 수 있습니다 중 하나 이러한 키워드 : (생성 된 HTML과 가장 구체적이거나 가장 근접한 것으로 시작합니다)

  • _<section class="storefront-product-section storefront-product-categories"_

  • _class="storefront-product-section storefront-product-categories"_

  • _storefront-product-categories_

  • _storefront-product-section_

상점 첫 화면/테마 문서에 대해 모른다고 가정하면, 위의 검색을 수행하면 결국 올바른 파일 또는 PHP code/function로 이동합니다.

추가 도움이 필요하면 알려 주시면 적절하게 업데이트하겠습니다.

11
Sally CJ