ボタンを使用して、使用するスタイルシートを選択してください

私はレストランWP Woocommerceのサイトを作成しています。サイトランディングページにボタンを配置して、サイト全体で使用するスタイルシートを決定する方法はありますか。スタイルシート-1、カートボタンまたはスタイルシート2に追加、表示なしカートボタンに追加？ボタンを使用して、使用するスタイルシートを選択してください

-Chad

出典

2017-04-09 cboy

あなたは複数のスタイルシート、あなたはテーマを持たせたい各色/スタイルのための1つを作成する必要があります。次に、さまざまな色オプションを使用してテーマに設定メニューを作成できます。ユーザがオプションを選択すると、jqueryを使用してテーマ「頭」に挿入できる特定のスタイルシートが選択されます。

$(document).ready(function() { 
    $("settingButton").click(function() { 
     $('head').append('<link rel="stylesheet" href="newstylesheet.css" type="text/css" />'); 
    }); 
});

：設定ボタンがそうのようにクリックされたときは、その後、別のスタイルシートを適用するためにjqueryのを使用することができ

<html> 
<head> 
    <link rel="stylesheet" href="stylesheet.css" type="text/css" /> 
</head> 
<body> 
...

：

は、したがって、たとえば、通常のスタイルシートは次のように連結されます

これは新しいCSS Styesheetを頭に追加します。あなたがそのリンクを削除すると、このようなものを使って、新しいものと交換することによって、すべて一緒に古いスタイルシートを置き換えることができAlternativley

：

$(document).ready(function() { 
     $("settingButton").click(function() { 
      $('head > link').filter(':first').replaceWith('<link href="newstylesheet.css" '); 
     }); 
    });

私はこれが役に立てば幸い:)

出典

2017-04-09 20:49:21

ボタンを使用して、使用するスタイルシートを選択してください

答えて

関連する問題