2013-03-26 2 views
0

저는 WordPress 사이트를 만들고 있는데 레이아웃과 글꼴 ​​(일부 사람들은 읽기를 위해 serifs/sans serifs를 선호함)과 텍스트 크기를 변경할 수있는 기능을 제공하고 싶습니다.사이트에 사용자 설정 저장

정말 사용자 등록을 요구하지 않기를 바랄뿐입니다. 지금은 내가하고있는 일에 또 다른 복잡성 계층을 추가 할 것이므로 데이터베이스가 부족합니다. 다른 설정이 기본이기 때문에 아마도 쿠키로 할 수있는 것이 있다고 생각합니까?

소중한 정보가 있지만 실제 사용 방법은 나와 있습니다.

그래서 클래스에 요소를 추가하는 함수가 있다고 가정하면 페이지를 다시로드 한 후에 사용자를 위해 어떻게 저장합니까?

답변

0

이 플러그인으로 스타일 시트를 바꿀 수 있으며 http://www.kelvinluck.com/2006/05/switch-stylesheets-with-jquery/ 사용자가 테마를 선택하면 테마의 이름을 쿠키에 저장할 수 있습니다. http://www.w3schools.com/js/js_cookies.asp 그러면 페이지가 다시로드되고 해당 스타일 시트가로드 될 때 이름을 검색합니다.

은 여기에 두 개의 버튼에 이벤트 핸들러를 결합하고, 폰트가 저장되어있는 쿠키를 얻고 cookies

http://jsfiddle.net/btevfik/f7mXV/

사용한 예이다. 저장된 쿠키에 글꼴을 설정합니다.

$(document).ready(function() { 

    $("#button1").click(function() { 
     setFont('serif') 
    }); 
    $("#button2").click(function() { 
     setFont('sans-serif') 
    }); 

    var font = getCookie("username"); 
    $("body").css("font-family", font); 
}); 
이벤트 처리기는이 기능을 호출하여 선택된 글꼴로 쿠키를 설정하고 현재 글꼴을 변경합니다.
function setFont(font) { 
    setCookie("username", font, 365); 
    $("body").css("font-family", font); 
} 
+0

전체 스타일 시트를 스왑하는 것이 약간 극단적인데, 내가해야 할 일은 부모 컨테이너에 하나의 클래스를 추가 한 다음 그것을 기반으로 몇 가지 새로운 스타일을 작성하는 것입니다. – andy

+0

나는 그 극단을 전혀 생각하지 않는다. 그것은 당신에게 자신의 CSS 시트에 포함 된 다른 종류의 테마를 가질 수있는 기회를 제공합니다. 그것은 관리하기가 쉽고 확장하기 쉬울 것입니다. – btevfik

+0

@andy하지만 결국 글꼴을 바꾸고 싶다면 그 글꼴 이름을 쿠키에 저장할 수도 있습니다. 페이지로드시 글꼴을'$ ("body")로 설정하십시오 .css ("font-family", yourfont);'yourfont는 쿠키에서 검색 한 글꼴입니다. – btevfik

관련 문제