분류 전체보기 3154

해외 호스팅 HostGator 할인 이벤트(최대 60% 할인)

해외 호스팅 업체 중 하나인 HostGator에서 미국 시간 기준으로 오늘(10월 18일)부터 22일까지 최대 60% 할인하는 행사를 진행한다고 합니다. 상품에 가입할 때 쿠폰 코드(Coupon Code)에 ANNIVERSARY17을 입력하면 할인 혜택을 받을 수 있습니다. HostGator는 블루호스트, 고대디와 비슷한 레벨의 호스팅 서비스 업체라고 하네요. 개인적으로는 Bluehost, Siteground, iPage 등 여러 가지 해외 호스팅을 이용하고 있거나 경험해보았지만, HostGator는 이 호스팅업체를 이용하는 사이트에서 작업은 해보았어도 직접 이용해보지는 않았습니다. 저렴하게 트래픽과 공간 무제한 웹호스팅 서비스를 이용해보고 싶은 경우에는 iPage 같은 서비스를 고려해볼 수 있습니다. ..

웹호스팅 2017.10.18

티스토리의 코드 블록에서 강제 줄바꿈

티스토리에서 서드파티 에디터를 사용하여 글을 작성하고 있습니다. 코드 블록 기능을 사용하여 코드를 삽입하니까 긴 라인이 줄바꿈 없이 코드 블록을 벗어나서 어색하게 표시되네요. 저는 다음과 같은 코드를 추가하여 강제로 줄바꿈이 되도록 했습니다./* 강제 줄바꿈 */ .skin_view .area_view pre { white-space: pre-line; } 이제 제대로 줄바꿈이 되어 표시되네요.ㅎㅎ 위의 방법으로 잘 안 되는 경우 "CSS를 사용하여 긴 URL / 긴 문자 강제 줄바꿈"에 제시된 코드를 시도해보시기 바랍니다.

이미지 아래에 캡션(자막) 추가하기

워드프레스에서는 이미지에 캡션(자막)을 매우 쉽게 추가할 수 있습니다. 하지만 티스토리에서 서드파티 에디터를 사용하니 이미지를 삽입하는 것이 불편하고 캡션을 넣을 수 있는 옵션도 없네요.ㅠㅠ 어떻게 할까 고민하다가 stackoverflow에 제시된 소스를 참고하여 이미지를 삽입하고 글을 발행한 후에 다시 편집하여 캡션을 넣기로 했습니다. 이미지에 캡션을 추가하는 방법은 다음 stackoverflow 글을 참고하면 됩니다. How to write a caption under an image? 저는 위의 글을 참고로 하여 다음과 같은 형식으로 HTML 코드를 추가했습니다.Science 데모에 포함된 컨택트 폼 그런 다음 "워드프레스 이미지 캡션 변경하기" 글을 참고하여 다음과 같은 CSS 코드를 추가했습니다..

IT & 기타 2017.10.17

[워드프레스] Contact Form 7에서 제출한 문의 글을 케이보드 게시판으로 연동하는 작업

오늘 Quform에서 케이보드 게시판으로 연동시키는 작업을 시도했지만 이상하게도 제대로 작동하지 않았습니다. 멀티사이트(Multisite)로 블로그가 설치되어 있어서 그런 것이 아닌가 추측해봅니다. (* 업데이트: Quform이 최근 버전 2로 업데이트되면서 많은 변화가 있었습니다. 그 때문에 기존 방식이 제대로 먹히지 않았던 것입니다. 새로운 방식으로 적용하면 가능합니다.) 그래서 어쩔 수 없이 Contact Form 7을 설치하여 컨택트 폼을 새로 만들어서 테스트해보니 잘 되네요. Contact Form 7은 멀티사이트를 완벽히 지원하는 것 같습니다. 개인용 폼과 단체용 폼 등 두 개의 폼을 만들고 Kboard 게시판도 두 개를 만들어서 연동시키는 작업이었습니다. 두 폼이 비슷해서 쉬울 줄 알았는데 ..

워드프레스 2017.10.17

워드프레스에서 회원가입을 할 수 없는 경우

워드프레스에서는 회원가입 기능이 제공되므로 사용자들이 회원가입을 하도록 설정할 수 있습니다. 보다 정교한 회원관리를 원하는 경우에는 WP Members와 같은 무료 플러그인이나 유료 플러그인을 사용할 수 있습니다. 워드프레스에서 회원제 사이트 운영하기 쇼핑몰을 운영하는 경우 우커머스 전용 멤버십 플러그인을 사용해볼 수도 있습니다. 우커머스 전용 멤버십 플러그인 – WooCommerce Membership 워드프레스 로그인 페이지에 "회원가입" 링크가 표시됩니다. 하지만 간혹 "회원가입" 링크가 표시되지 않는 경우도 있습니다. 이 경우 먼저 회원가입 기능이 비활성화되어 있지 않은지 확인해보시기 바랍니다. 워드프레스 관리자 페이지에서 설정 > 일반으로 이동한 다음 "멤버쉽" 옵션을 찾도록 합니다. "누구나 ..

워드프레스 2017.10.17

[영어] 라비와 랍비

어제는 하루 종일 번역 리뷰를 맡았습니다. 보통 번역 리뷰는 1~2시간, 길어도 3~4시간은 넘어가지 않지만 어제 작업은 오전 11시부터 밤 11시까지 진행된 비교적 많은 분량의 작업이었습니다. 리뷰(교정) 작업은 번역의 품질에 따라 쉬울 수도 있고 어려울 수도 있습니다. 경우에 따라 번역 품질이 너무 나쁘면 교정을 진행하다가 포기하고 재번역하라고 의견을 주기도 합니다. 어제 받은 번역물은 전반적으로 품질이 별로 안 좋았습니다. 특히 직역이 많아서 수정하느라 힘들었습니다. 그래도 다행히 재번역 수준까지는 아니었습니다. 검토 도중에 "rabbi"를 "라비"라고 번역된 부분이 있었습니다. "랍비"는 익숙하지만 "라비"는 조금 이상하게 들리네요. 혹시나 해서 영어사전을 찾아보았습니다. n. (pl. ∼s [-..

번역 2017.10.17

독감 예방주사는 건강한 날 맞아야 한다고 하네요

저는 엊그제 토요일에 독감 예방주사를 맞았습니다. 살면서 독감에 걸린 적은 없지만 (어쩌면 어릴 적에 걸렸지만 모르고 지나갔을 수도 있지만) 예방 차원에서 몇년 전부터 독감 주사를 맞고 있습니다. 독감 예방주사는 특히 몸 상태가 좋을 때 맞는 것이 중요하다고 하네요. 그리고 긍정적인 기분으로 백신을 맞으면 더욱 효과가 좋다는 연구 결과도 있네요. 간혹 독감 예방주사를 맞으면 감기에 덜 걸린다고 생각하는 분들이 계시는데요, 사실 독감 바이러스(인플루엔자)와 감기 바이러스는 완전히 다르기 때문에 독감 예방주사를 맞는다고 감기에 대한 면역은 생기는 것은 아닙니다. 오히려 독감예방주사를 맞은 직후에는 병에 대한 저항력(면역력)이 일시적으로 저하되기 때문에 일반 감기에 더 잘 걸릴 수 있다고 하네요. 건강하다고 ..

일상 2017.10.16

티스토리에서의 애드센스 수익이 무효처리되네요

이 블로그를 시작한지 며칠 되지 않지만 구글 애드센스 광고를 적용하고 있습니다. 물론 방문자 수가 몇 명 되지 않습니다. 하지만 간혹 0.01~0.03달러의 수익이 잡히다가 금방 사라지네요. 다른 블로그에서는 이런 현상이 나타나지 않았는데 티스토리에서는 왜 이런 현상이 나타나는지 모르겠네요. 물론 자신의 광고를 자신이 클릭하면 부정클릭이 되어 애드센스 광고가 중단될 수 있습니다. 저는 그런 바보 같은 짓은 안 하죠.ㅎㅎ 이 블로그는 어제까지 주로 다음에서 방문자들이 유입되었습니다. 오늘 확인해보니 네이버에서 많이 들어오고 있네요. 다른 블로그에 설치된 구글 애널리틱스에 의하면 다음(Daum)의 경우 이탈률이 네이버나 구글보다 10% 더 많이 잡히네요. 빙(Bing)도 이탈률이 높은 편입니다. 구글 네이티..

티스토리 사이드바에 HTML 코드 추가하기

현재 사용 중인 기본 티스토리 스킨인 #1에는 사이드바가 푸터에 표시되고 있습니다. 결과적으로 전체 폭(Full-width)로 글이 표시되어 방문자 입장에서는 글을 읽기가 편하게 되어 있는 것 같습니다.티스토리 사이드바에 HTML 코드 추가하는 방법 사이드바에 배너를 하나 추가하려고 하니 사이드바에서 배너를 추가할 수 있는 모듈을 찾을 수가 없네요. 조금 살펴보니 플러그인에서 배너출력 플러그인을 설정해주면 HTML 코드를 사이드바에 추가할 수 있네요. 설정하기를 클릭하면... 적용을 클릭하면 배너출력 모듈이 사이드바에 추가됩니다. 사이드바에 HTML 배너출력 모듈이 추가된 것을 확인해볼 수 있습니다. 기본적인 내용인데요. 워드프레스를 사용하다가 티스토리를 이용해보니 사이드바를 구성하는 것이 조금 불편하게..

HTML과 CSS로 심플한 메뉴를 추가했습니다

티스토리 스킨 중에서 기본 스킨 중 하나인 #1을 사용 중입니다. 레이아웃이 깔끔하여 마음에 드네요. 하지만 메뉴가 없습니다. "메뉴 관리"를 클릭하면 "지금 사용하시는 스킨은 메뉴를 지원하지 않습니다. 메뉴를 지원하는 스킨으로 변경후 사용하시기 바랍니다."라는 안내 문구가 뜨네요. 그래서 카테고리(분류) 드롭다운 메뉴를 없애고 대신 Home 메뉴와 몇 가지 카테고리 메뉴가 포함된 가로 메뉴(수평 메뉴)를 추가했습니다. 저는 Dynamicdrive라는 사이트에서 제공하는 HTML 코드와 CSS를 그대로 사용했습니다. Dynamicdrive 사이트로 이동한 다음 상단 메뉴에서 CSS CODES > Horizontal CSS Menus(가로 CSS 메뉴)를 클릭합니다. Horizontal CSS Menus ..

IT & 기타/CSS 2017.10.16
워드프레스 네이버 카페