옥수상자의 웹 테스트의 언어 이해 테스트의 읽기 어려운 외형을 읽기 쉽게 바꾸는 방법입니다.

웹테스트를 수험할 필요가 있는 미래 있는 여러분에게 계시다면, 어딘가 누군가가 설계한 부조리에 기술로 대항하여 각각의 승리를 얻어 주셨으면 합니다.

덧붙여 이하의 순서로 스타일을 변경해 테스트를 수험한 것에 의해 부정으로 간주되었을 경우 등, 일절의 책임을 지지 않습니다 때문에 주의해 주십시오.

Before & After

위 그림과 같이 줄 사이를 넓게 잡고 큰 문자 크기를 사용하도록 변경합니다.

Google 크롬 설치

컴퓨터에 Google 크롬이 설치되어 있지 않으면 여기에서 설치하십시오. 설치 방법은 생략합니다.

Chrome 확장 프로그램 Stylus 설치

여기 URL을 방문하여 맞춤 CSS를 웹 사이트에 적용하기위한 Chrome 확장 프로그램 인 Stylus를 설치합니다.

오른쪽 상단의 'Chrome에 추가'라는 파란색 버튼을 클릭하고 나머지는 지시대로 설치하면 OK입니다.


브라우저의 내장 페이지가 아닌 적절한 웹 페이지 (이번에는 Google 톱 페이지)를 열고 Stylus 설정을합니다.



오른쪽 상단의 S 아이콘을 클릭하여 메뉴를 연 다음 관리 버튼을 클릭하여 Stylus 관리 화면을 엽니다. 이 화면이 열리면 새 스타일 만들기 버튼을 클릭하여 새 사용자 지정 CSS를 만듭니다.



스타일 추가 화면이 열리면 아래와 같이 왼쪽 상단의 이름은 적당히 알기 쉬운 것을 (이번은 tamatebako로 했습니다) 오른쪽 코드 편집기에 다음 코드를 입력합니다.

코드 1.css

#q_text {
    font-size: 16px; /* 文字サイズを16pxに（標準は14px） */
    line-height: 2.0; /* 行高さを2.0（文字の2倍の高さ）に */
}

필요한 경우 스타일을 변경하려면 의견을 참조하십시오.



위 화면이 여기까지 완료된 것이 됩니다.

그런 다음 옥수수 상자 테스트 화면만이 사용자 지정 CSS가 적용되도록 합니다. 화면 하단의 적용 대상 오른쪽에 있는 +를 클릭합니다.



그러면 풀다운 메뉴와 URL의 입력란이 나오므로 풀다운 메뉴는 "도메인상의 URL"을 선택하고 URL의 입력란에는 e-exams.jp를 입력합니다.

지금까지 완료되면 왼쪽 상단의 "저장"버튼을 클릭하면 설정이 완료됩니다. 이 상태에서 玉手箱의 웹 테스트를 수험하면 읽기 쉬운 스타일로 표시되도록되어 있습니다.