IT & 기타 676

아쉬운 티스토리 검색 기능

이 블로그의 글을 검색할 일이 있어 티스토리에서 제공되는 검색 기능을 사용하니 전혀 검색이 되지 않네요. 가령 해외 호스팅 "사이트그라운드"에 대해 검색해보면 현재 검색 결과가 없는 것으로 나옵니다. 구글 맞춤검색 기능을 티스토리에 다는 방법이 있지만 테스트해보니 레이아웃이 제대로 표시되지 않네요. 스킨을 많이 수정하지 않고 구글 맞춤검색을 추가하려면 스킨을 변경하는 것이 더 좋을 것 같다는 생각이 듭니다. (#1 스킨이 처음 사용하는 티스토리 스킨이고, 브레드크럼, 댓글 개수 표시 등 나름대로 몇 가지 기능을 추가한 상태라서 스킨을 변경하는 것이 내키지 않지만 시간이 될 때 괜찮은 스킨을 찾아보아야 할 것 같습니다.) 당분간은 site:http://avada.tistory.com을 추가하여 검색해야 할..

서드파티 티스토리 에디터 Tistory Editor 0.5.2 업데이트 - Tinymce에 이미지 직접 업로드 버튼 추가

티스토리에서 글을 작성할 때 사용하고 있는 서드파티 티스토리 에디터 Tistory Editor가 오늘 0.5.2로 업데이트되었네요. 저는 주로 Tinymce를 사용해왔는데, 이미지 삽입할 때에는 Quill 에디터로 전환하여 삽입하고 있습니다. 하지만 이것이 은근히 번거롭고 Quill 에디터로 전환한 후에 Tinymce로 돌아오면 링크 속성(_blank)이 지워지고 가운데로 지정한 이미지 정렬도 사라지기 때문에 조금 짜증날 때가 있습니다. 하지만 이번 0.5.2 버전에서는 이미지를 직접 삽입할 수 있는 버튼이 추가되었습니다. 이제 다른 에디터로 전환하지 않고 글을 작성할 수 있어 티스토리에서 글쓰기가 이전보다 편해질 것 같습니다. 워드프레스처럼 HTML 코드를 볼 수 있는 모드(워드프레스에서는 "텍스트 모..

과도한 피의자 인권 보호... 왜 안 고쳐지나?

지난 2013년 9월27일 경찰청 온라인소통계에서 형사(가운데 보라색옷)와 용의자(모자에 노란색옷)를 헷갈리지 말아달라고 페이스북에 올라온 글이다. 흉악한 범죄 피의자 얼굴은 가려주고, 엉뚱하게도 옆에 있는 경찰들 얼굴은 그대로 보도되는 황당한 상황이 우리나라에서 벌어지고 있다. 인권보호도 좋지만, 잔인한 범죄를 저지른 범인에게 인권은 사치가 아닐까? 호텔 같은 감옥도 있다. “호텔이야 감옥이야?”…전세계 이색 감옥 12곳 외국에서는 더 황당한 일도 벌어진다. 비디오 게임기와 운동 기구 등이 갖춰진 세 칸짜리 감방에서 생활하는 노르웨이의 극우 테러범이 '교도소에서 인권을 침해당했'다며 국가를 상대로 낸 소송에서 승소했다고 한다. 감옥은 죄인들이 죄를 회개하는 곳이 되어야 하는데 호텔 같은 감옥에서 죄를 ..

IT & 기타 2017.11.03

SSL 보안서버 인증서 적용 후 네이버 검색이 하락하거나 잘 되지 않는 문제가 발생하는 경우

파이어폭스 통계에 의하면 현재 거의 60% 정도의 웹 페이지가 보안서버를 통해 로드되고 있다고 하니 이제 SSL 적용은 선택이 아니라 필수가 되어가는 것 같습니다. (티스토리는 SSL 인증서를 적용해줄 계획은 없겠죠?ㅎㅎ) 한 달 전에 메인 블로그에 무료 SSL 보안서버 인증서를 적용했습니다. 무료 보안서버(SSL) 인증서를 적용했습니다 SSL 인증서를 적용한 이후에 네이버 유입이 거의 반토막이 나서 네이버 검색을 통한 방문자가 많이 줄었습니다. 처음에는 워드프레스 테마를 변경하여 이런 현상이 나타나는 것으로 생각했습니다. 엊그제 네이버 웹마스터 도구를 살펴보니 새로운 글을 발행해도 네이버에 전혀 반영되지 않고 있는 것을 알게 되었습니다. 여기에 대해 조금 알아보니 네이버에서는 http://... 주소와..

IT & 기타 2017.11.03

티스토리 #1 스킨에서 댓글에 포함된 링크가 클릭되도록 수정하기

현재 이 블로그에는 티스토리의 기본 스킨 중 하나인 #1을 사용 중입니다. 티스토리에서 댓글에 링크를 추가할 경우 클릭이 안 되네요. 저는 다음과 같은 jQuery 스크립트를 추가하여 댓글에 http://... 또는 https://...가 있으면 자동으로 링크되도록 했습니다. 다른 스킨에서는 스킨 소소에 맞게 위의 코드를 조금 수정하시면 됩니다. 위의 스크립트를 바로 위에 추가하도록 합니다. 저는 관리자가 작성한 댓글에서만 링크를 클릭할 수 있도록 했습니다. 추가: 위의 스크립트를 사용해도 작동은 잘 되지만 스크립트 오류가 발생하여 구글 SEO에 부정적인 영향을 미칠 수 있습니다. 위의 스크립트 대신 다음 글에서 소개하는 코드를 사용하시기 바랍니다. 티스토리 댓글 내의 URL 주소에 링크를 거는 방법

티스토리에서 이미지 파일이 중앙에 정렬이 잘 안 되는 경우

서드파티 프로그램인 Tistory Editor가 0.5.1로 업데이트되어 설치하여 사용하고 있습니다. Tinymce에서는 구글 포토(Google Photos)에 저장된 이미지 파일을 불러올 수 있네요. 서드파티 티스토리 에디터 Tistory Editor 0.5.1 업데이트 하지만 이미지가 구글 포토에서 링크로 삽입되는 것 같습니다. 그래서인지 글을 작성하여 발행하면 썸네일이 표시되지 않네요. 어쩔 수 없이 글을 발행한 후에 번거롭지만 티스토리에서 다시 글을 편집하여 대표 이미지를 별도로 올려주면 썸네일이 표시됩니다. 문제는 본문에 추가된 이미지가 가운데 정렬되지 않습니다. 티스토리 기본 편집기에서 이미지의 정렬을 가운데로 설정해주어도 왼쪽으로만 정렬되네요. 그래서 다음과 같은 CSS 코드를 추가해주니 원..

서드파티 티스토리 에디터 Tistory Editor 0.5.1 업데이트

티스토리의 기본 에디터가 불편하여 서드파티 프로그램인 Tistory Editor를 사용하여 글을 작성하고 있습니다. 오늘 Tistory Editor가 0.5.1로 업데이트되었네요. 저는 주로 Tinymce를 사용해왔는데, 이미지 삽입할 때에는 Quill 에디터로 전환하여 사용해왔습니다. 그런데 이번 업데이트에서는 Google Photos에 연결하여 사진을 삽입할 수 있는 기능이 추가되었네요. 이전에는 미디어 아이콘을 클릭하면 이미지 링크를 추가하는 화면이 표시되었는데, 미디어 아이콘 옆에 Google Photos 아이콘이 새로 추가되었네요(예전에도 있었는데 못 찾은 것인지도 모르겠습니다). Tistory Editor는 다음 링크에서 다운로드가 가능합니다. https://joostory.github.io/..

티스토리에서 유튜브(YouTube) 동영상 추가하기

티스토리에는 유튜브 동영상을 본문에 추가하는 플러그인이 있습니다. 저는 플러그인 대신 직접 코드로 유튜브 동영상을 추가하고 있습니다. 코드로 하면 좋은 점은 iframe으로 추가되는 거의 모든 종류의 동영상을 추가할 수 있고, 화면 크기에 따라 반응형으로 작동합니다. 모바일 기기에서 유튜브 동영상이 잘리지 않고 표시되도록 하기 링크된 글에서는 워드프레스에서 유튜브를 삽입하는 방법을 설명하고 있지만, 티스토리에서도 동일하게 적용이 가능합니다. 그리고 유튜브뿐만 아니라 Vimeo 등의 동영상도 가능할 것 같습니다. 샘플: 유명한 베토벤의 9번 교향곡(합창)입니다.

티스토리에서 SNS 공유 아이콘(라인, 카카오톡 포함) 추가

AddThis를 사용하여 티스토리에 SNS 공유 아이콘 추가 현재 사용 중인 티스토리 기본 스킨인 #1이 깔끔하고 나름대로 괜찮지만 사이드바가 없어서 조금 허전하네요. 그래서 SNS 공유 아이콘을 추가했습니다. 여러 가지 방법이 있겠지만 저는 AddThis에 가입하여 AddThis를 설치했습니다. AddThis 사이트에 가입하고 공유 아이콘 설정을 하면 사이트에 추가할 수 있는 코드가 생성됩니다. 라인(LINE), 카카오(Kakao)와 카카오톡(Kakao Talk) 공유 아이콘도 제공됩니다.ㅎㅎ 생성된 코드를 바로 앞에 추가하면 지정한 위치(왼쪽 또는 오른쪽 사이드바)에 공유 아이콘이 표시됩니다. 자세한 설치 방법은 다음 글을 참고해보세요. http://rgy0409.tistory.com/2200 코드를..

워드프레스 네이버 카페