스피드스타 스킨: 본문 제목 드래그 방지 해제

이 블로그에는 스피드스타라는 티스토리 스킨이 적용되어 있습니다. 지난달 카카오 데이터센터 화재 사건 이후 일부 기능이 작동하지 않는 문제가 발생했지만 최근 스피드스타 개발자께서 버그를 패치한 업데이트를 내놓았습니다. 스피드스타 스킨에서 글 제목에 드래그 방지 코드가 적용되어 있어 제목을 선택하여 복사할 수 없습니다. 이 점이 불편한 경우 드래그 방지 코드를 제거하여 본문 제목이 선택 가능하도록 설정할 수 있습니다.

스피드스타 스킨: 본문 제목 드래그 방지 해제

스피드스타 스킨에서 본문 제목을 선택할 수 있도록 변경하려면 스킨 편집 » html 편집 » HTML 탭에서 다음 코드 부분을 검색합니다.

title{font-weight:700;word-break:break-all;margin:25px 0;line-height:1.1;-webkit-user-select:none;-ms-user-select:none;user-select:none;

위의 CSS 코드에서 다음 코드 스니펫을 삭제합니다.

-webkit-user-select:none;-ms-user-select:none;user-select:none;

CSS user-select 속성

[**user-select**] 속성은 요소의 텍스트를 선택하지 못하도록 하는 기능을 합니다. 예시:

div {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

브라우저에서 텍스트를 더블 클릭하면 텍스트가 선택됩니다. [**user-select**]는 이러한 방법으로 텍스트를 선택하지 못하도록 방지합니다.

값	설명
auto	기본값. 브라우저에서 허용하는 경우 텍스트를 선택할 수 있습니다.
none	텍스트 선택 방지
text	사용자에 의해 텍스트 선택 가능
all	더블 클릭이 아닌 원클릭으로 텍스트가 선택됩니다.

예를 들어, 보통 두 번 클릭하면 텍스트가 선택되지만 한 번의 클릭으로 텍스트가 선택되도록 하려면 [**user-select:all;**]을 사용하면 됩니다.

참고

https://avada.tistory.com/2814

티스토리 데이터 백업 기능이 활성화되었습니다(+사이트 이전 고려 사항)

https://avada.tistory.com/2823

블루호스트 공유호스팅에서 VPS로 워드프레스 사이트 마이그레이션