簡體   English   中英

WordPress-在JS文件中使用主題選項

[英]Wordpress - Use theme option in JS file

我正在創建一個Wordpress主題,並添加了一個選項,該選項允許用戶使用(簡化代碼)更改字體系列:

update_option('mytheme_font', $_POST['mytheme_font']);

然后,如何在主題的JS文件中獲取該選項的值? 我需要它,因為我正在使用Cufon替換某些H1和H2。 謝謝!

您可以在header.php的<head>中回顯類似的內容

<?php 

$defaultThemeFont = "myDefaultValue";
$userThemeFont = get_option("mytheme_font");

if($defaultThemeFont == NULL)
    $userThemeFont = $defaultThemeFont
?>
<script>

<?php echo "var mytheme_font = $userThemeFont;"; ?>

</script>

現在您可以從任何JS文件訪問此變量

我想您有四個選擇。

將您的javascript輸出到腳本標記內的頁面。 最簡單的

<script>
   <?php echo 'var x = 3;' ?>
</script>

將變量輸出到您的頁面,然后從javascript文件中讀取該變量。 笨拙,但確實意味着您不必創建一些js全局變量。

<div id="x" style="display: none;">3</div>
var x = document.getElementById('x').innerHTML();

[添加]-使用AJAX請求數據並在頁面加載后進行解析。

最后,我不推薦這樣做,但是設置php來解析.js文件以動態生成javascript文件。 這樣,您可以在.js文件中放置<?php ?>調用。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM