오래전 데스크탑 웹페이지의 클리앙 커스텀 css 적용이 한동안 유행했었는데,
(예제 : https://www.clien.net/service/board/park/13797150CLIEN )
요새는 거의 못본거 같네요.
모바일 앱이 사라진 지금 웹페이지 화면을 적당히 꾸미면 편해질겁니다.
브라우저 선택
키위 브라우저나 파이어 폭스처럼 크롬 확장 프로그램 설치가 가능한 웹브라우저를 다운로드 받습니다.
확장 프로그램 설치
키위 브라우저 기준 확장 프로그램 메뉴에 들어가서 하단의 'From Store' 선택. 웹스토어 페이지가 열리면 Stylebot 을 검색 후 다운로드 받아서 설치합니다. (Stylebot 외 다른 비슷한 기능을 하는 프로그램도 있습니다)
확장 프로그램 옵션
키위 브라우저 기준 메뉴 최하단 '나가기' 밑에 설치한 확장 프로그램 메뉴가 새로 생깁니다. 옵션 -> 스타일 -> 새 스타일 추가 하고 사이트 주소는 m . clien.net
위 스샷은 게시판 글 목록에서는 제목만 보이게 하고 (스크롤할때 닉네임 선택 방지) 폰트 정도만 큼직큼직하게 처리한 예제 입니다.
/* 게시물 리스트에서 제목만 보기 */
div.list_infomation {
display: none;
}
/* 제목 여백 */
div.list_subject {
line-height: 36px;
}
/* 제목 폰트 */
div.list_title {
font-size: 20px;
}
/* 본문 폰트 */
div.post_content {
font-size: 20px;
}
/* 댓글 폰트 */
div.comment_view {
font-size: 20px;
}
/* 메뉴 폰트 */
span.menu_over {
font-size: 20px;
}
이것저것 세팅해서 '홈 화면에 추가'하면 단독 앱 비슷한 느낌으로 쓸 수 있습니다.
기본 편집 툴의 메뉴는 이렇게 생겼어요. 좌측 상단 마우스 클릭을 누르면 화면을 클릭하면서 css 네이밍을 찾을 수 있는데, 모바일에서도 Stylebot 열기 메뉴에서 편집이 가능하나 화면을 다 가리기 때문에 불편합니다.
데스크탑 크롬 브라우저 등에서 Stylebot 을 설치해서 가편집을 하시고, 윈도우의 '휴대폰과 연결'을 활용하셔서 안드로이드폰에서 최종 세팅하시면 됩니다.