2017-04-03 2 views
0

비교적 새로운 워드 프레스 사용자 정의 클래스,고급 사용자 정의 필드 워드 프레스와 ACF에

기본적으로 내가 예를 들어, 그래서 나는 그들이에 어떤 페이지를 기반으로 다른 색으로 변경해야하는 버튼입니다 사용자 정의 필드가

페이지 1 - 버튼이 필요

빨간색으로 그러나 그들은 모두이 작업을 수행 할

가 동일한 ACF 버튼을 수있는 방법을 사용하거나 내가해야합니까 - 버튼 2
페이지는 파란색 할 필요가 creat 각 페이지의 개별적인 것들?

고맙습니다.

+0

은 참조 : 당신은 페이지에 의해 결정 귀하의 버튼에 고유 한 클래스를 추가하기 위해 워드 프레스 is_page() 기능을 사용할 수 있습니다, 또는

/* Target Page 1 Button */ .page-1 .btn { background-color: red; } /* Target Page 2 Button */ .page-2 .btn { background-color: blue; } 

:

그런 다음 당신은 당신의 버튼을 대상으로 CSS 규칙을 사용할 수 있습니다 이 링크, WordPress의 관리자 패널에만 관련된 것 같다 – Prabu

+0

? 아니면 내가 잘못 읽고 있니? – iLC

+0

당신은 워드 프레스 사전 사용자 정의 필드 편집기에서 페이지를 만드는 동안 해당 버튼에 대해 별도의 클래스를 제공 할 수 있습니다. 그런 다음 style.css의 클래스를 기반으로 버튼 색상을 쉽게 재정의 할 수 있습니다. – Prabu

답변

0

Wordpress는 각 페이지/게시물의 본문 요소에 고유 한 클래스를 추가하여 필요한 것을 얻을 수 있도록 도와줍니다.

페이지의 body 요소를 먼저 검사하십시오 - 페이지 1의 클래스는 아마도 page-1이고 페이지 2의 클래스는 아마도 page-2입니다.

<?php 
// e.g. in functions.php 
function extraButtonClass() { 
    // Target by page slug or ID 
    if(is_page('page-1')) { 
    return ' red'; 
    } elseif(is_page('page-2')) { 
    return ' blue'; 
    } else { 
    return null; 
    } 
} 

// In template: 
<button class="btn<?php echo extraButtonClass(); ?>">My Button</button> 
+0

내가 필요한 것, 고마워! – iLC