創建可編輯的樣式JS或內聯樣式

我正在爲一個大型組織創建一個wordpress主題，以及之前我沒有考慮過的想法。使用JS在飛行客戶端創建的樣式或內聯css上顯示更好嗎？我使用內聯樣式，但意識到在js中使用數據集循環可能同樣簡單。創建可編輯的樣式JS或內聯樣式

下面是一個示例..我在編輯帖子頁面創建了一個元框，允許用戶在每個帖子的博客頁面上更改帖子包裝器，標題文本和段落文本的顏色。

因此，它是更好的事情可做......

<div class='postWrapper' style='<?php echo get_post_meta(...); ?> </div>

的博客頁面或

<div class='postWrapper' data-backgroundColor='#987' ?> </div>

和我app.js內的循環，看起來像...

var postWrapper = document.getElementsByClassName('postWrappter'); 
    for(i=0; postWrapper.length > i; i++){ 
    postWrapper[i].style.backgroundColor = postWrapper[i].dataset.backgroundColor; 
}

我意識到，就涉及多少打字而言，內聯樣式s eems更簡單，更高效。但是，我總是在鑽研，不惜一切代價避免內聯樣式！

想來點這個！謝謝！

來源

2016-07-15 AJ Fick

據我，內嵌樣式是壞但在這種情況下它是好，因爲我們是動態獲取值，使用直列式。

但我覺得下面的方法比內聯樣式表更好。 下面應該<body>後去：

<script type="text/css"> 
<?php echo get_post_meta(...); ?> 
</script>

<?php echo get_post_meta(...); ?>應包含.postWrapper

的所有自定義CSS這只是我的看法。我想多聽聽其他人的消息 :)

來源

2016-07-15 03:13:17 Kan412

Thanks @tympaaz！我甚至沒有想到這是一個選擇！ –

創建可編輯的樣式JS或內聯樣式

回答

相關問題