웹페이지 레이아웃을 변경할 수 있는 크롬 확장 프로그램

사이트 스킨이나 웹페이지 레이아웃은 운영자만 변경할 수 있습니다. 스킨 혹은 테마 편집 권한을 갖고 있는 사람만이 웹페이지 레이아웃을 변경할 수 있는데요. 크롬, 파이어폭스 등 확장 프로그램(부가 기능)을 지원하는 웹 브라우저에서는 스킨 편집 권한이 없더라도 사이트 웹페이지의 레이아웃을 변경할 수 있습니다.


커스텀 스타일 스크립트(Custom Style Script) 확장 프로그램(부가기능)을 이용하면 웹페이지 레아이웃을 변경하여 이용할 수 있습니다. CSS 소스 코드를 이용하여 웹페이지의 불편한 부분을 변경하여 사용하거나, 자바스크립트 소스를 이용하여 특정 기능을 추가하여 사용할 수 있습니다.


웹페이지 레이아웃을 변경할 수 있는 크롬 확장 프로그램


물론 자신에게 보여지는 모습만 바뀌는 것입니다. 다른 사람이 볼 때는 원 상태로 보여집니다. 다른 사람에게 까지 다르게 보이면 범죄가 되죠.


크롬 확장 프로그램 커스텀 스타일 스크립트


크롬 웹 스토어 Custom Style Script 페이지


크롬 웹 스토어 Custom Style Script 페이지에 방문하여 크롬 브라우저에 커스텀 스타일 스크립트를 설치합니다. 참고로 크로미엄 엣지 등 크로미엄 기반의 웹 브라우저는 모두 설치할 수 있습니다.


크롬 웹 스토어 Custom Style Script


https://chrome.google.com/webstore/detail/custom-style-script/ecjfaoeopefafjpdgnfcjnhinpbldjij


그런데 말입니다. 커스터마이징으로 했어야 하는 것이 아닌가 싶은데요. 뭐 영어 잘하는 외국 사람이 붙인 이름이니 커스텀이 맞겠죠.


오픈 옵션 페이지 버튼 클릭


크롬 메뉴에 추가된 커스텀 스타일 스크립트 아이콘을 클릭하면 메뉴가 열립니다. 두 번째 오픈 옵션 페이지를 누릅니다.


커스텀 스타일 스크립트 오픈 옵션 페이지


옵션 페이지가 열리면 1번에 안내 된 내용과 2번 예제를 잘 읽은 후 하단으로 이동합니다.


사이트 주소 및 CSS 소스 코드 입력 후 추가


3번 코드에서 URL, 자바스크립트, 스타일(CSS)에 내용을 추가한 후 플러스 버튼을 누르면 입력한 내용이 4번에 추가 됩니다. 이후부터는 4번에 추가된 사이트는 입력한 자바스크립트와 CSS 소스가 적용됩니다. 만약 추가한 소스가 반영되지 않는다면 페이지를 새로 고침 해주면 됩니다.


커스텀 스타일 스크립트는 파이어폭스 부가기능과 오페라 확장 기능도 제공 되고 있습니다. 사용하는 브라우저로 부가기능 및 확장 기능 페이지에 방문한 후 설치하면 됩니다. 위에서도 말했지만 크로미엄 기반 엣지 브라우저는 크롬 웹  스토어의 확장 프로그램을 설치하면 됩니다.



파이어폭스 부가기능 커스텀 스타일 스크립트


https://addons.mozilla.org/en-US/firefox/addon/custom-style-script/


오페라 확장 기능 커스텀 스타일 스크립트


https://addons.opera.com/en/extensions/details/custom-style-script/


티스토리 관리자 페이지


커스텀 스타일 스크립트는 다른 웹페이지는 모르겠지만 티스토리 블로그 관리자 페이지의 불필요한 부분들을 제거할 때 사용하면 됩니다. 물론 정말 엉망인 네이버 블로그도 관리자 페이지도 사용해도 됩니다. CSS 소스 코드 몇 줄 추가해 주면 불필요한 것들이 보여지고 있는 티스토리 관리 페이지의 헤더 영역과 푸터 영역을 깔끔하게 정리할 수 있습니다. 글 관리 목록이나 방문 통계 목록의 버튼들도 항상 보여지게 고정 시킬 수 있습니다. 내게 보여지는 것만 변경되는 것이니 보기 편하게 잘 다듬어서 이용하시면 됩니다. 끝~


Copyright © 웹법사의 마법서재, 무단전재 및 재배포 금지.