Recent Posts 워드프레스 강좌 / 플러그인 / Content Cards / 링크를 네이버나 페이스북처럼 만들어주는 플러그인 Content Cards 네이버 블로그에서 링크를 추가하면, 썸네일과 요약글이 있는 링크가 만들어집니다. 페이스북에도 비슷한 기능이 있습니다. 워드프레스 자체에는 이 기능이 없지만, Content Cards 플러그인을 이용하면 비슷한 효과를 낼 수 있습니다. 설치 WordPress.ORG에서 공유되는 플러그인이므로 워드프레스 관리자에서 설치할 수 있습니다. 링크 삽입하기 플러그인을 활성화하면 에디터에 아이콘이 하나 생깁니다. 그 아이콘을 클릭하여 링크를 […] 워드프레스 강좌 / Smush / 이미지 압축, 최적화 플러그인 워드프레스에 이미지를 업로드하면 썸네일을 만듭니다. 예를 들어 image.png를 업로드하면 image-150x150.png 같은 파일이 만들어지는 것이죠. 문제는 한 개만 만드는 것이 아니라는 것입니다. 워드프레스 미디어 설정에 있는 세 가지 썸네일은 기본으로 만들고, 테마에서 요구하는 썸네일, 플러그인에서 요구하는 썸네일 등을 잔뜩 만듭니다. 따라서 이미지를 한 개 업로드해도 여러 개의 썸네일 때문에 디스크 용량을 […] 워드프레스 강좌 / 플러그인 / Pixabay Images / 무료 이미지 사이트 픽사베이 이미지를 바로 글에 넣을 수 있는 플러그인 Pixabay 픽사베이(Pixabay)는 개인은 물론 상업적 용도로도 사용할 수 있는 이미지를 공유하는 사이트입니다.(대부분 CC0 Creative Commons이나, 간혹 상업적 이용이 곤란한 것도 있으니 다운로드 받기 전에 라이센스를 확인하는 것이 좋습니다.) 현재 백만 개가 넘는 사진, 일러스트, 벡터 이미지, 동영상이 있으며, 일정 수준의 품질을 만족해야 공유 가능하므로 좋은 자료가 많습니다. 한글로 번역이 잘 되어 있는 […] 워드프레스 강좌 / Compress JPEG & PNG images / 이미지 압축 플러그인 워드프레스에 이미지를 업로드하면, 여러 가지 크기의 썸네일이 만들어져서 디스크를 많이 사용하게 됩니다. 따라서 디스크 사용량을 줄이고 싶을 때 제일 먼저 하는 것이 이미지 압축입니다. 이미지를 압축하는 방법은 여러 가지가 있는데, 그 중 하나가 플러그인을 이용하는 것입니다. Compress JPEG & PNG images는 이미지 압축을 도와주는 플러그인입니다. Smush와는 다르게 원본 이미지 압축도 가능합니다.(Smush도 유료는 […] 네이버 웹마스터도구 / 소유 확인 갱신하는 방법 홈페이지가 네이버에서 잘 검색되도로 하려면 네이버 웹마스터도구에 등록을 해야 합니다. 그리고 1년 마다 갱신을 해야 합니다. 만료일이 다가오면 다음과 같은 메일을 받게 됩니다. 네이버 웹마스터도구에 가면 [소유확인 연장하기]라는 링크가 생깁니다. 링크를 클릭하고 안내에 따라 갱신합니다. 메타 태그를 삭제하지 않았다면 링크를 클릭하기만 해도 연장이 됩니다. 연장을 하지 않으면 검색에 불이익이 있을 […] Subtle Patterns / 배경에 사용하기 좋은 패턴 이미지 구할 수 있는 사이트 Subtle Patterns Subtle Patterns은 웹사이트 배경에 사용하기 좋은 패턴 이미지를 공유하는 사이트입니다. 현재 400개 이상의 패턴 이미지가 있으며, 무료로 다운로드 받을 수 있습니다. 개인적 용도뿐 아니라 상업적 사용이 가능하고, 홈페이지 템플릿에 포함하여 판매할 수도 있습니다. 조건은 HTML 또는 CSS 파일에 출처를 남기는 것입니다. CSS 파일이라면 다음 코드를 추가하면 됩니다. /* […] 워드프레스 강좌 / 우커머스 / 한글 번역 수정하는 방법 우커머스를 설치하면 한글 번역 파일도 같이 설치됩니다. 예전에는 번역률이 낮아서 사용이 어려웠는데, 지금은 많은 분들의 도움으로 번역률이 100%입니다. 하지만, 일부 번역은 마음에 들지 않을 수 있고, 쇼핑몰 특성 상 더 좋은 번역이 있을 수도 있습니다. 그럴 경우 우커머스의 번역을 수정하여 사용할 수 있습니다. Loco Translate 설치 번역 플러그인 Loco Translate를 설치하고 활성화합니다. […] 워드프레스 강좌 / 플러그인 / Loco Translate / 번역 파일을 수정하거나 새로 만드는 플러그인 번역 워드프레스, 플러그인, 테마는 번역 파일을 이용해서 각 나라의 언어로 표현될 수 있도록 만들어집니다. 번역 파일은 보통 자동으로 설치되고, 다운로드 받아서 사용할 수도 있습니다. 하지만, 번역 파일이 존재하지 않는 플러그인이나 테마가 있을 수도 있고, 번역 파일이 있어도 번역이 마음에 들지 않을 수도 있습니다. 그럴 땐 직접 번역 파일을 만들거나 수정하여 사용할 수 […] 워드프레스 강좌 / 플러그인 / Search Meter / 검색어 키워드 통계 플러그인 Search Meter 워드프레스는 검색 기능을 갖고 있습니다. 키워드를 입력하면 해당 키워드를 가진 콘텐츠를 보여줍니다. 하지만, 그 키워드가 무엇인지, 얼마나 검색했는지 관리자에게 알려주는 기능은 없습니다. 방문자가 어떤 키워드로 검색했는지 알고 싶다면 플러그인의 도움을 받아야 합니다. 대표적인 플러그인은 Search Meter입니다. WordPress.ORG에서 공유되는 플러그인이므로 워드프레스 관리자에서 설치할 수 있습니다. 설치하고 활성화합니다. 키워드 보기 [알림판 - […] 워드프레스 강좌 / 설정 / 개인정보 / 개인정보처리방침 만들기 개인정보 설정 개인정보는 GDPR로 인해 워드프레스 4.9.6에 추가된 설정입니다. 유럽연합의 일반 데이터보호 규칙(General Data Protection Regulation (GDPR))이 5월 25일부터 발효됩니다. GDPR은 회사 및 사이트 소유자에게 개인 데이터를 어떻게 수집, 이용, 공유하는지에 관해 투명하게 할 것을 요구하고 있습니다. 또한 개인으로 하여금 자신의 개인 데이터가 어떻게 수집, 이용, 공유되는지에 관해 더 많은 접근 및 […] 아마존 웹 서비스 AWS / 라이트세일(Lightsail) / 우분투 서버에 PuTTY로 SSH 접속하는 방법 아마존 라이트세일에 우분투 서버를 만들었습니다. 관리는 SSH로 접속해서 하는데, 아마존에서 제공하는 웹용 SSH를 사용할 수도 있고, 다른 SSH Client 프로그램으로 접속하여 사용할 수 있습니다. 여기서는 PuTTY로 우분투 인스턴스에 접속하는 방법을 알아보겠습니다. SSH 키 다운로드 계정에서 SSH 키 메뉴로 갑니다. 키를 다운로드합니다. PuTTY, PuTTYgen 다운로드 PuTTY와 PuTTYgen을 다운로드합니다. 인스톨러에는 다 들어있습니다. 인스톨러가 […] 아마존 웹 서비스 AWS / 라이트세일(Lightsail) 인스턴스 생성하는 방법 아마존 웹 서비스의 라이트세일은 저렴한 가상 서버입니다. 하지만 소규모 홈페이지를 만들고 운영하는 데는 충분한 자원을 제공합니다. AWS에서는 가상 서버를 인스턴스라고 부르는데, 라이트세일 인스턴스를 어떻게 만드는 지 알아보겠습니다. 라이트세일 페이지로 이동 콘솔에 접속한 다음 라이트세일 페이지로 이동합니다. 솔루션 구축에 있는 메뉴를 이용해도 되고... 서비스의 하위 메뉴에서 이동해도 됩니다. 직접 접속할 수 […] 아마존 웹 서비스 AWS / 가입하는 방법 아마존 웹 서비스(AWS)에 가입하는 방법입니다. 별로 어려운 것은 없지만, 유료 서비스에 외국 사이트 프로세스라서 좀 어색한 점이 있습니다. 아마존 웹 서비스 AWS / 라이트세일(Lightsail) 인스턴스 생성하는 방법 아마존 웹 서비스 AWS / 라이트세일(Lightsail) / 우분투 서버에 PuTTY로 SSH 접속하는 방법 준비물 외화 결제 가능한 신용카드가 필요합니다. 연락 가능한 전화번호가 필요합니다. […] 워드프레스 강좌 / 블록 에디터 / 코드 입력하는 방법 워드프레스에서 글 작성할 때 코드를 붙여넣으면, 들여쓰기가 제대로 표현되지 않거나 코드를 실행해버리는 등 원하는 모양으로 나오지 않는 경우가 있습니다. 그럴 경우 그대로 붙여넣지 말고 코드 블록으로 붙여넣습니다. + 아이콘을 클릭하고 [포맷]의 [코드]를 클릭합니다. 그리고 코드를 붙여넣습니다. 워드프레스 강좌 / 특성 이미지 설정하는 방법 특성 이미지 워드프레스의 글이나 페이지에는 특성 이미지를 설정하는 옵션이 있습니다. 특성 이미지는 해당 글을 대표하는 이미지로, 글의 내용을 잘 반영하는 이미지로 설정합니다. 특성 이미지는 본문에 삽입되는 것은 아니지만, 테마나 플러그인에서 여러 가지 방식으로 활용하니, 가능하다면 설정하는 것이 좋습니다. 특성 이미지 설정하기 글이나 페이지를 작성하는 화면에 특성 이미지를 설정하는 옵션이 있습니다. […] 워드프레스 강좌 / 위젯 추가하기, 설정하기, 삭제하기 워드프레스의 위젯 기능을 이용하면, 테마가 제공하는 영역에 메뉴, 최근 글, 배너, 광고 등을 쉽게 추가하고 삭제할 수 있습니다. 위젯을 관리하는 방법은 두 가지입니다. 첫번째는 [테마 디자인 - 위젯]에서 하는 것이고 두번째는 [테마 디자인 - 사용자 정의하기]에서 하는 것입니다. [테마 디자인 - 위젯]에서 관리하기 위젯 추가하기 사용할 수 있는 위젯에서 원하는 위젯을 […] 워드프레스 강좌 / 링크 없는 메뉴 만드는 방법 워드프레스의 메뉴는 링크를 가지고 있습니다. 하지만 계층형으로 만들거나 메뉴 그룹을 만들 때 링크가 없는 메뉴가 필요할 때가 있습니다. 기본 기능으로는 그러한 메뉴를 만들 수 없지만, 약간의 편법을 사용하면 가능합니다. 사용자정의 링크를 만듭니다. URL에는 아무거나 입력해도 상관없습니다. 뭘 쓸지 고민된다면 #을 입력하면 됩니다. URL이 비어 있으면 메뉴가 만들어지지 않으므로 꼭 입력해야 합니다. […] 워드프레스 강좌 / 메뉴 만들고 배치하기 워드프레스는 페이지, 글, 카테고리, 태그, 사용자 정의 링크 등으로 메뉴를 만들 수 있습니다. 그리고 그 메뉴는 테마가 제공하는 위치에 배치를 합니다. 하나의 메뉴를 여러 곳에 배치할 수도 있고, 위젯에 추가하는 것도 가능합니다. 메뉴 생성과 관리는 [테마 디자인 - 메뉴]에서 합니다. 화면 옵션 메뉴에 추가할 수 있는 아이템은 여러 가지가 있습니다. […] 워드프레스 강좌 / 테마 설치하기, 활성화하기, 삭제하기 워드프레스는 테마 선택이 중요합니다. 목적에 맞는 테마를 잘 선택하면 적은 노력으로 원하는 결과를 얻을 수 있습니다. 이번 강좌에서는 테마를 어떻게 설치하고 활성화하는지, 그리고 필요 없는 테마를 어떻게 삭제하는지 알아보겠습니다. 테마 활성화하기 [테마 디자인]의 [테마]로 이동하면, 설치된 테마 목록을 볼 수 있습니다. 테마에 마우스를 올리면 테마 세부사항, 실시간 미리보기, 활성화 버튼이 […] 네이버 웹마스터도구 / 'RSS 본문 크기를 줄여주세요' 해결하는 방법 오랜만에 네이버 웹마스터도구에 접속했습니다. 이상이 없나 살펴보던 중 제출한 RSS 주소에 문제가 있다고 나오더군요. 그래서 기존 RSS 주소를 삭제하고 다시 등록을 했는데 다음과 같은 에러가 났습니다. RSS 본문 크기를 줄여주세요 네이버 웹마스터도구를 수년 째 사용하고 있지만 처음 보는 에러입니다. 해결 방법은 뻔합니다. RSS에 출력되는 본문 크기를 줄여야 하죠. 워드프레스라면 [설정 […]