유튜브와 비메오 동영상을 모달/팝업으로 재생하는 데 사용할 수 있는 스크립트입니다. Play YouTube or Vimeo Videos in Bootstrap 4 Modal (부트스트랩 4 모달로 유튜브와 비메오 동영상 재생하기) 이 codepen에서 제시하는 스크립트를 사용하면 다음과 같이 유튜브/비메오 동영상이 모달 형식으로 재생됩니다. 다음 글에서 제공하는 Modal Library를 이용할 수도 있습니다. Play Youtube or Vimeo Videos On Popup – Modal Video Library (유튜브나 비메오 동영상을 팝업창에서 재생하기 - 모달 비디오 라이브러리) 워드프레스 워드프레스를 이용하는 경우 간단하게 플러그인을 사용할 수 있습니다. 이와 관련된 플러그인으로 다음과 같은..

오늘 워드프레스 관리자 페이지에 접속할 수 없는 문제 해결을 맡았습니다. 한 웹호스팅 업체에 호스팅되어 있지만 관리자 페이지 로그인 URL을 변경한 후에 접속이 되지 않는다고 서비스를 요청해왔습니다. 하지만 호스팅 업체에 문의하여 FTP 정보를 확인한 후 접속해보니 사이트와는 완전히 다른 파일들이 있고 실제 사이트에서 사용된 플러그인 등이 전혀 없었습니다. 혹시나 해서 도메인 정보를 확인해보니 도메인 WordPress.com에 연결되어 있었습니다.ㅠㅠ WordPress.com에 로그인하여 살펴보니 해당 도메인이 가입형에 가입되어 비즈니스 플랜(유료 요금제)을 사용하고 있었습니다. 클라이언트에게 워드프레스 가입형과 설치형에 대해 설명해주고 현재 상황에 대해 알려주었지만, 제대로 이해를 하지 못하는 듯 했습..

워드프레스 멀티사이트의 기본 사이트 URL 변경하기어제는 워드프레스에서 멀티사이트의 사이트 URL을 번경하는 작업을 맡았습니다. 예를 들어, 기본 사이트의 URL이 www.example.com인 경우, www.example.com을 new.example.com으로 바꾸고, 대신 main.example.com의 사이트 URL을 www.example.com으로 변경하는 작업이었습니다. 조금 복잡한데요. 쉽게 정리하면... 기본 사이트 URL은 www.example.com임 www.example.com 사이트를 new.example.com으로 변경 main.example.com을 www.example.com으로 사이트 주소 변경 결국 서브도메인 URL 중 하나를 메인 도메인 주소로 변경하는 것이 골자입니다. ..

IT, 컴퓨터(하드웨어/소프트웨어) 관련 번역을 할 때 마이크로소프트의 스타일 가이드를 참고하면 좋습니다. MS 스타일 가이드가 절대적인 것은 아니지만, 다음과 같은 장점이 있는 것 같습니다(개인적인 생각). 일관된 스타일 준수 번역 품질 개선에 도움 고객이 트집을 잡을 때 반박 기준으로 활용 가능 예를 들어, 번역을 모르는 고객이 '이것을 왜 이런 식으로 번역했느냐'면서 이의를 제기하면 'IT 번역의 표준이라 할 수 있는 마소의 스타일 가이드와 마소의 용어집(언어 포털 사이트에서 다운로드 가능)을 참고하여 번역했다'라고 반박할 수 있습니다. 물론 이것이 번역 오류에 대한 방패막이가 되어서는 안 되겠지만, 기준으로 활용할 수 있을 것입니다. 마이크로소프트(MS) 스타일 가이드 다운로드 MS 스타일 가이드..

워드프레스에서는 소셜 로그인 플러그인을 설치하여 사용자들이 페이스북, 트위터, 구글, 네이버, 카카오톡 계정으로 워드프레스 사이트에 로그인하거나 댓글을 달 수 있도록 할 수 있습니다. 페이스북이나 트위터, 구글은 설정이 수월한 편이고, 네이버와 카톡은 매뉴얼을 숙지하여 진행해야 원활하게 연동시킬 수 있을 것입니다. 페이스북 계정으로 로그인이 가능하도록 연동시키려면 사이트가 HTTPS로 로드되어야 합니다. 페이스북이 개인정보 유출로 홍역을 치른 후에 인스타그램 API를 제한하는 등 개인정보 정책을 강화하고 있습니다. 이러한 조치의 하나로 SSL 인증서가 설치된 사이트에서만 페이스북 로그인 연동이 가능하도록 정책을 변경한 것 같습니다. 실제로 소셜 로그인 플러그인을 하나 선택하여 설치해보면 페이스북 연동 섹..

워드프레스의 기본 테마 중 하나인 Twenty Seventeen 테마를 사용하면 다음 그림과 같이 왼쪽에 페이지 제목이 표시됩니다. 경우에 따라서는 왼쪽에 페이지 제목이 표시되어 어색할 수 있습니다. 그런 경우 다음 CSS 코드를 사용하여 왼쪽의 페이지 제목 부분을 숨기고 콘텐츠 영역을 100% 너비로 설정할 수 있습니다..page-template-default .entry-header { display:none !important; } .page-template-default .entry-content { width: 100% !important; } 또는, GitHub에 공개된 Twenty Seventeen Full Width(전체 폭) 페이지 템플릿을 사용할 수 있습니다. https://gist.g..

어제는 워드프레스 멀티사이트에서 서브 디렉터리를 제거하는 작업을 맡았습니다. 가령 www.example.com/wordpress/, www.example.com/wordpress/en/, www.example.com/cn처럼 /wordpress가 붙어 있는 URL에서 /wordpress를 제거하는 작업이었습니다. 사이트 언어가 한국어, 영어, 중국어 등 총 3개였고, 이상한 사이트가 하나 더 추가되어 총 4개의 사이트가 하나의 멀티사이트에서 운영되고 있었습니다. 워드프레스 다국어로 운영하는 방법으로 멀티사이트를 이용하는 방법과 WPML 같은 플러그인을 이용하는 방법이 있습니다. (WPML을 이용하면 번역을 번역가에게 보내서 직접 번역하는 것이 가능합니다.) 얼마 전에 도메인을 바꾸는 작업을 진행한 적이 ..

jQuery를 사용하면 target="_blank"를 추가하는 것이 매우 간단하다. 가령 다음 스크립트를 사용하면 내부 링크(내 사이트 링크)를 제외한 외부 링크에 target="_blank"를 추가할 수 있다.$('a[href^="http://"]').not('a[href*=gusdecool]').attr('target','_blank'); 또는$('a[href^=http]:not([href^=http://www.gusdecool.com],[href^=http://gusdecool.com])') .add('a[href^=www]:not([href^=www.gusdecool.com])') .attr('target','_blank'); // 출처: https://stackoverflow.com/questi..

Javascript에서 html의 언어(lang) 속성 정보를 가져오려는 경우document.documentElement.lang 다음과 같은 코드를 사용할 수도 있겠다. (테스트는 안 해 봄)document.getElementsByTagName('html')[0].getAttribute('lang'); 네임스페이스 추가...document.getElementsByTagName('html')[0].getAttribute('xml:lang'); 참고: https://stackoverflow.com/questions/949341/how-to-obtain-lang-attribute-in-html-using-javascript jQuery에서는 :lang() 셀렉터를 활용하면 될 것 같다. 참고: https:/..

저는 기관지가 좋지 않아서 감기가 오면 목감기부터 걸리는 경우가 많았습니다. 은행 열매가 좋다고 하여 은행 열매를 볶아서 먹은 적도 있습니다. 몇 년 전부터는 기관지 상태가 좋아졌는지 목감기가 잘 오지는 않네요. 하지만 올해 들어 말을 조금 많이 하면 목이 평소보다 빨리 아픈 증상이 나타나서 고민하고 있었는데, 아는 분이 '도라지청년'을 검색해서 도라지청을 먹어보라고 권장했습니다. '도라지청년'을 검색해보니 귀농한 청년들이 도라지를 직접 키우며 직접 가공한 도라지 제품을 판매하는 곳이네요. 저는 도라지 농축액 250g을 주문했습니다. 도라지청보다는 조금 비싼 편입니다. 도라지청과 도라지 농축액의 차이점: 일주일째 하루에 2스푼(작은 스푼으로) 정도 먹고 있습니다. 당장 목이 좋아지는 것 같지는 않지만 이..