先進的自定義字段WordPress的自定義類

比較新的WordPress和ACF，先進的自定義字段WordPress的自定義類

基本上我有一個自定義字段，它是一個按鈕，我需要的基礎上，他們是在什麼頁面切換到不同的顏色，因此，例如

頁1 - 巴頓必須是藍色
第2頁 - 按鈕必須紅色

但他們都使用相同的ACF按鈕

有沒有辦法做到這一點還是我需要科瑞每個頁面中的單個頁面？

謝謝先進。

2017-04-03 iLC

參考這個鏈接，這似乎只是與WordPress的管理面板有關？http://stackoverflow.com/questions/41366193/advanced-custom-fields-admin-color-schemer-change-color-of-acf-buttons – Prabu

？或者我讀錯了？ – iLC

您可以爲這些按鈕單獨授課，同時在wordpress Advance Custom Fields編輯器中創建頁面。然後，您可以輕鬆覆蓋style.css中基於類的按鈕顏色。 – Prabu

Wordpress爲每個頁面/文章的body元素添加了獨特的類 - 這可以幫助您實現您所需的內容。

首先檢查你的頁面的主體元素 - 第1頁可能有一類page-1和第2頁可能有一類page-2。

然後你可以使用CSS規則來定位你的按鈕：

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

或者，你可以使用WordPress的is_page()功能獨特的類添加到由頁確定你的按鈕：

<?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>

來源

2017-04-03 16:48:25 DavidCara

正是我需要的，謝謝！ – iLC

先進的自定義字段WordPress的自定義類

回答

相關問題