워드프레스에서는 소셜 로그인 플러그인을 설치하여 사용자들이 페이스북, 트위터, 구글, 네이버, 카카오톡 계정으로 워드프레스 사이트에 로그인하거나 댓글을 달 수 있도록 할 수 있습니다. 페이스북이나 트위터, 구글은 설정이 수월한 편이고, 네이버와 카톡은 매뉴얼을 숙지하여 진행해야 원활하게 연동시킬 수 있을 것입니다. 페이스북 계정으로 로그인이 가능하도록 연동시키려면 사이트가 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스푼(작은 스푼으로) 정도 먹고 있습니다. 당장 목이 좋아지는 것 같지는 않지만 이..

저는 a2 hosting을 포함하여 블루호스트(Bluehost), 사이트그라운드(SiteGround) 등의 해외호스팅에서 호스팅되는 사이트들을 운영하거나 관리하고 있습니다. a2 hosting은 20배 더 빠른 웹호스팅이라고 선전하고 있습니다. 하지만 작년에 a2 hosting을 이용하는 지인 사이트를 관리하면서 속도와 관련하여 문제를 경험했습니다. 이상하게 처음 사이트를 접속하면 매우 느리게 로드되었습니다. 5~6초 혹은 그 이상 딜레이되었다가 페이지가 로드되었습니다. 이후부터는 그런 문제가 없고 빠르게 페이지가 표시되었습니다. 첫 페이지 속도가 이상하게 느린 점만 개선되면 충분히 괜찮은 호스팅이라 생각됩니다. a2 hosting은 사용자 사이에서 호불호가 갈리기 때문에, 이 호스팅을 이용하려는 경우 ..

이 티스토리 블로그는 글 개수에 비해, 그리고 비슷한 규모의 블로그에 비해 방문자 수가 저조한 편입니다. 그 이유를 조금 생각하여 나름대로 정리해보았습니다. ☞ 2020년 11월 업데이트: 이 티스토리 블로그의 대부분 유입이 구글에서 이루어지다가 최근 네이버 View 탭에 노출되면서 네이버를 통한 방문자 유입이 증가하고 있습니다. 티스토리 블로그 네이버 방문자 수 증가 지난 월요일부터 네이버 방문자 수가 늘었다고 하는 티스토리 블로그들이 눈에 띄네요. 제 블로그는 대부분의 방문자가 구글에서 유입되고 있지만, 지난 월요일부터 네이버 방문자 수가 증가했 avada.tistory.com '워드프레스'에 관련된 글이 너무 많다 가장 큰 이유는 워드프레스라는 특정 분야의 글이 너무 많다는 것입니다. '워드프레스'..

워드프레스에서 커스텀 데이터를 가져와서 표시해야 하는 상황이 있을 수 있습니다. 이 경우 다음과 같은 방식으로 표시할 수 있습니다. 워드프레스 - 커스텀 테이블의 데이터를 가져와서 표시하는 방법 global $wpdb; // this adds the prefix which is set by the user upon instillation of wordpress $table_name = $wpdb->prefix . "your_table_name"; // this will get the data from your table $retrieve_data = $wpdb->get_results( "SELECT * FROM $table_name" ); ?> foreach ($retrieve_data as $retri..

워드프레스를 처음 설치한 후에는 wp-config.php 파일에서 솔트 키(Salt key)를 생성하여 입력해주어야 합니다. 일부 웹호스팅에서는 워드프레스를 자동 설치하면서 솔트 키를 자동 생성하여 복사해주기도 하지만, 빈 값으로 남겨져 있는 경우도 있습니다. 솔트 키는 https://api.wordpress.org/secret-key/1.1/salt/ 링크를 클릭하여 자동 생성할 수 있습니다. 예시:define('AUTH_KEY', 'eN};+M;$>BOJklPT,2^_(WI=rX#7W-MnxN|Fhk&5r!|z2.iP}8#KLB]j+V%GPVD[|z$-Xt,Ab&~PhC=^C6a`-'); define('NONCE_KEY', 'd#b^2y/]0C5ph%IVRemDgrhu[>fy&s^Su9Y2WHtDTo..