Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用图像选择模板_Html_Css_Wordpress - Fatal编程技术网

Html 使用图像选择模板

Html 使用图像选择模板,html,css,wordpress,Html,Css,Wordpress,我们的想法是创建一种用户友好的方式,在Wordpress中选择模板,这样用户就可以在选择模板时看到模板的样子。我不想让文本出现在下拉列表中,而是希望有图像可供选择 编辑: 为了澄清我的目标: 这是管理结束。当你创建一个页面时,你可以在一个下拉列表中选择右边的模板,这就是我想要更改为可供选择的图像,这样管理员就可以看到该模板下的页面外观 例如,当使用高级自定义字段时,我可以添加在选择特定模板时使用的字段,但管理员在选择模板时看不到该页面的外观。他们只是看到了模板的标题,但我想能够显示一个图像,显示

我们的想法是创建一种用户友好的方式,在Wordpress中选择模板,这样用户就可以在选择模板时看到模板的样子。我不想让文本出现在下拉列表中,而是希望有图像可供选择

编辑: 为了澄清我的目标:

这是管理结束。当你创建一个页面时,你可以在一个下拉列表中选择右边的模板,这就是我想要更改为可供选择的图像,这样管理员就可以看到该模板下的页面外观

例如,当使用高级自定义字段时,我可以添加在选择特定模板时使用的字段,但管理员在选择模板时看不到该页面的外观。他们只是看到了模板的标题,但我想能够显示一个图像,显示该模板的外观

我在哪里编辑这个?这在Wordpress中是可能的吗?

查看器端还是管理员端

是的,这是可能的

在WordPress中,已经有一种方法可以更改主题,也称为模板,只有通过登录凭据才能访问。图片也包括在内

您还可以制作按钮,允许没有登录凭据的用户观众更改网站外观。通过将当前样式更改为其他样式,可以使用Javascript实现这一点

$('#template').click(function (){
  $('link[href="style.css"]').attr('href','style.css');
});

$('#template1').click(function (){
  $('link[href="style1.css"]').attr('href','style1.css');
});

$('#template2').click(function (){
  $('link[href="style2.css"]').attr('href','style2.css');
});
有很多方法可以做到这一点