디자이너의 코딩노트 디자이너의 코딩노트

회사 홈페이지 주소창을 보다가 자물쇠 아이콘 대신 '주의 요함' 경고가 떠 있는 걸 발견했다.클릭해보니 이런 문구가 나왔다."이 사이트는 보안 연결(HTTPS)이 사용되지 않았습니다."주소를 확인해보니 http:// 로 시작하고 있었다. SSL 인증서가 설치되지 않은 상태였다.왜 HTTPS로 바꿔야 할까 — SEO 때문이다단순히 경고 문구가 보기 안 좋은 게 아니다.구글은 HTTPS 사이트를 검색 결과에서 우선적으로 노출하고, HTTP 사이트는 상대적으로 불이익을 준다.즉 아직 HTTP라면 검색 유입 자체가 줄어들 수 있다.방문자 신뢰도 문제도 있다. '주의 요함' 경고가 뜨는 사이트를 보고 그냥 닫아버리는 사람도 적지 않다.SEO, 신뢰도, 보안 세 가지 모두 HTTPS 전환 이유가 된다.카페24에서 ..

크리에이터링크로 사이트를 작업하다 보면 한 번쯤 이런 생각이 든다."템플릿 안에 없는 기능은 그냥 포기해야 하나?" 클라이언트 사이트 작업 중에 모든 페이지 오른쪽 하단에 고정으로 떠다니는 플로팅 버튼(예약 문의)을 넣고 싶었는데,에디터 어디를 뒤져봐도 그런 기능이 없었다. 결국 1:1 문의 게시판에 올렸고, 생각보다 훨씬 빠르게 해결됐다.1:1 문의를 남겼더니 메일로 가이드를 보내줬다문의를 남겼더니 답변과 함께 적용 방법을 메일로 따로 안내해줬다. 가이드 내용은 심플했다.1 플로팅 버튼으로 쓸 이미지를 크리에이터링크 이미지 보관함에 업로드2 업로드한 이미지의 URL 주소 복사3 이미지 URL과 연결할 링크 주소를 1:1 문의에 등록직접 코드를 건드리는 게 아니라, 이 정보를 전달하면 담당자가 직접 적용..

크리에이터링크에서 CSS를 직접 작성하다 보면, 저장 버튼을 눌렀을 때 이런 알럿이 뜨는 경우가 있다. "고유 식별 클래스(userEL21370020)가 빠져 있거나 잘못 입력되었습니다."처음엔 무슨 말인지 몰라서 당황했는데, 알고 보니 크리에이터링크에는 CSS 작성에 꼭 지켜야 할 규칙이 있었다. 크리에이터링크 CSS, 왜 저장이 안 될까? 크리에이터링크는 각 블록마다 고유한 ID가 부여된다. CSS를 새로 작성하거나 수정할 때, 반드시 해당 블록의 고유 ID를 선택자 앞에 붙여야 저장이 된다. 이 ID가 없거나 잘못 입력되어 있으면 위의 알럿과 함께 저장이 거부된다. 올바른 CSS 작성법 — 고유 ID를 앞에 붙인다 고유 ID는 userEL로 시작하는 형태이며, 뒤에 숫자가 붙는다. 아래처럼..