如何在 JS 文件中使用主题选项？

发布于 2024-12-10 17:42:41 字数 197 浏览 0 评论 0原文

我正在创建一个 Wordpress 主题，并添加了一个选项，允许用户使用（简化代码）更改字体系列：

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

那么我如何在主题的 JS 文件中获取该选项的值？我需要它，因为我正在使用 Cufon 来替换一些 H1 和 H2。谢谢！

原文

I'm creating a Wordpress theme and have added an option which allowed users to change a font family using (simplified code):

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

How do I then get the value of that option in a JS file of the theme? I need it because I'm using Cufon to replace some H1's and H2's. Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

遗弃Ｍ 2024-12-17 17:42:41

我想你有四个选择。

将您的 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 文件中放置调用。

You have four options I suppose.

Output your javascript to your page inside script tags. Easiest

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

Output the variable to your page and then read that from your javascript file. Clunky, but does mean you don't have to create some js globals.

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

[Added] - Use AJAX to request the data and parse after page load.

Last and I don't recommend it, but setup php to parse .js files to dynamically produce javascript files. This way you could place a <?php ?> call in your .js files.

回复收藏 0 原文

椵侞 2024-12-17 17:42:41

您可以在 header.php 的中回显类似的内容

<?php 

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

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

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

</script>

现在您可以从任何 JS 文件访问此变量

You could echo some thing like this in the <head> of the header.php

<?php 

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

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

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

</script>

Now you can access this variable from any JS file

回复收藏 0 原文

~没有更多了~