кнопка, чтобы выбрать, какую таблицу стилей использовать
Я делаю сайт WP Woocommerce для ресторана, предназначенный для доставки или получения. Есть ли способ разместить кнопку на целевой странице сайта, чтобы решить, какую таблицу стилей использовать для всего сайта; style-sheet-1, добавить в корзину кнопки или style-sheet-2, display-none добавить в корзину кнопки?
-Чад
Решение
Вам нужно будет создать несколько таблиц стилей, по одной для каждого цвета / стиля, который вы хотите иметь в теме. Затем вы можете создать меню настроек в вашей теме с различными вариантами цвета. Когда пользователь выбирает опцию, он выбирает ту конкретную таблицу стилей, которую можно вставить в заголовок темы с помощью jquery.
Так, например, нормальная таблица стилей будет связана следующим образом:
<html>
<head>
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
</head>
<body>
...
Затем вы можете использовать jquery для применения другой таблицы стилей при нажатии кнопки настройки следующим образом:
$(document).ready(function () {
$("settingButton").click(function () {
$('head').append('<link rel="stylesheet" href="newstylesheet.css" type="text/css" />');
});
});
Это добавило бы новую таблицу стилей CSS в голову.
В качестве альтернативы вы можете заменить старую таблицу стилей все вместе, удалив ее ссылку и заменив ее новой, используя что-то вроде этого:
$(document).ready(function () {
$("settingButton").click(function () {
$('head > link').filter(':first').replaceWith('<link href="newstylesheet.css" ');
});
});
Надеюсь, это поможет 🙂
Другие решения
Других решений пока нет …