워드프레스 강좌 / 메뉴 만들고 배치하기
워드프레스는 페이지, 글, 카테고리, 태그, 사용자 정의 링크 등으로 메뉴를 만들 수 있습니다. 그리고 그 메뉴는 테마가 제공하는 위치에 배치를 합니다. 하나의 메뉴를 여러 곳에 배치할 수도 있고, 위젯에 추가하는 것도 가능합니다.
메뉴 생성과 관리는 [테마 디자인 - 메뉴]에서 합니다.
화면 옵션
메뉴에 추가할 수 있는 아이템은 여러 가지가 있습니다. 그리고 테마나 플러그인으로 인해 만들어지는 아이템도 있습니다. 하지만, 그 모든 아이템이 화면에 나오지는 않습니다. 메뉴를 만들 때 가장 먼저 해야 할 것은 오른쪽 위의 화면 옵션을 클릭하여 어떤 아이템이 있는지 살펴보는 것입니다. 필요한 아이템 또는 속성에 체크를 하고 메뉴 만들기를 시작합니다.
메뉴 만들기
- 메뉴 이름에 적당한 이름을 입력하고 [메뉴 생성]을 클릭하면 메뉴가 만들어집니다.
- 메뉴는 여러 개 만들 수 있습니다. 메뉴 생성과 배치는 별개의 문제입니다. 즉, 메뉴를 만들었다고 해서 꼭 배치해야 하는 것은 아닙니다.
- 테마를 변경해도 메뉴는 삭제되지 않고 그대로 남아 있습니다.
메뉴 아이템 추가하기
- 왼쪽에서 아이템을 체크한 후 [메뉴에 추가]를 클릭하면 메뉴에 아이템이 추가됩니다.
- 메뉴 아이템은 여러 개 넣을 수 있고, 마우스로 드래그하여 위치를 바꾸거나 계층적으로 만들 수 있습니다.
- 메뉴가 완성되었으면 [메뉴 저장]을 클릭하여 저장합니다.
메뉴 배치하기
테마가 제공하는 자리에 배치하기
- 테마에는 메뉴를 배치할 공간이 마련되어 있습니다. 공간의 갯수와 위치는 테마마다 다릅니다.
- Twenty Nineteen의 경우 Primary, Footer Menu, Social Links Menu 세 곳이 있습니다.
- 배치시킬 메뉴를 선택하고, 테마 위치에서 원하는 위치를 선택한 다음 [메뉴 저장]을 클릭합니다.
- 아래는 Primary에 배치한 결과입니다. 계층적 메뉴를 만들었다면, 하위 메뉴는 드롭다운으로 나옵니다.
- 메뉴 위치는 [외모 - 메뉴]의 [위치 관리하기] 탭에서 정할 수도 있습니다.
- Social Links Menu는 소셜 링크를 위한 특별한 메뉴입니다.
- 새롭게 메뉴를 만들고, 사용자정의 링크의 URL에 자신의 SNS URL을 입력하고, 링크 텍스트에 적당한 문구를 입력한 후, 메뉴에 추가합니다.
- 위치를 Social Links Menu로 선택하고 [메뉴 저장]을 클릭합니다.
- 소셜 링크 메뉴의 위치는 Primary의 아래이고, URL을 분석하여 적절한 아이콘을 보여줍니다.
사이드바에 배치하기
- [탐색 메뉴]이 메뉴를 출력하는 위젯입니다. 위젯을 사이드바 영역에 배치하고 메뉴를 선택하면, 그 자리에 선택한 메뉴가 출력됩니다.
워드프레스 강좌 / 플러그인 / Google XML Sitemaps / 사이트맵 만들어주는 플러그인
사이트맵(Sitemap) 사이트맵은 사이트에 있는 콘텐츠의 URL, 업데이트 날짜, 중요도 등을 정리한 XML 파일입니다. Sitemaps.org에서는 사이트맵을 다음과 같이 설명하고 있습니다. Sitemap은 웹마스터가 크롤링에 사용할 수 있는 사이트의 페이지에 대한 정보를 검색 엔진에 알리는 손쉬운 방법입니다. Sitemap의 가장 간단한 형식은 검색 엔진에서 사이트를 보다 지능적으로 크롤링할 수 있도록 각 URL에 대한 추가 메타데이터(마지막 업데이트된 날짜, ...
특성 이미지 워드프레스의 글이나 페이지에는 특성 이미지를 설정하는 옵션이 있습니다. 특성 이미지는 해당 글을 대표하는 이미지로, 글의 내용을 잘 반영하는 이미지로 설정합니다. 특성 이미지는 본문에 삽입되는 것은 아니지만, 테마나 플러그인에서 여러 가지 방식으로 활용하니, 가능하다면 설정하는 것이 좋습니다. 특성 이미지 설정하기 글이나 페이지를 작성하는 화면에 특성 이미지를 설정하는 옵션이 있습니다. 을 클릭합니다. 기존 ...
워드프레스 강좌 / 우커머스 / 한글 번역 수정하는 방법
우커머스를 설치하면 한글 번역 파일도 같이 설치됩니다. 예전에는 번역률이 낮아서 사용이 어려웠는데, 지금은 많은 분들의 도움으로 번역률이 100%입니다. 하지만, 일부 번역은 마음에 들지 않을 수 있고, 쇼핑몰 특성 상 더 좋은 번역이 있을 수도 있습니다. 그럴 경우 우커머스의 번역을 수정하여 사용할 수 있습니다. Loco Translate 설치 번역 플러그인 Loco Translate를 설치하고 활성화합니다. 기본 사용법 : Loco ...
워드프레스 강좌 / 자동 업데이트와 자동 업데이트 끄는 방법
자동 업데이트 워드프레스는 코어, 플러그인, 테마, 번역 네가지 분류로 업데이트를 하고, 업데이트는 보통 마이너 업데이트, 메이저 업데이트로 구분합니다. (코어는 워드프레스 자체를 의미합니다.) 워드프레스 기본 설정 하에서는 마이너 업데이트와 번역 업데이트는 자동으로 업데이트합니다. 즉, 사용자가 아무런 작업을 하지 않아도 백그라운드에서 업데이트를 해버리는 것이죠. 메이저 업데이트는 알림이 뜨고, 사용자가 직접 업데이트를 합니다. 보안 측면에서는 자동 ...
워드프레스 강좌 / Compress JPEG & PNG images / 이미지 압축 플러그인
워드프레스에 이미지를 업로드하면, 여러 가지 크기의 썸네일이 만들어져서 디스크를 많이 사용하게 됩니다. 따라서 디스크 사용량을 줄이고 싶을 때 제일 먼저 하는 것이 이미지 압축입니다. 이미지를 압축하는 방법은 여러 가지가 있는데, 그 중 하나가 플러그인을 이용하는 것입니다. Compress JPEG & PNG images는 이미지 압축을 도와주는 플러그인입니다. Smush와는 다르게 원본 이미지 압축도 가능합니다.(Smush도 유료는 원본 ...
워드프레스와 멀웨어 워드프레스를 사용하는 사이트가 많다보니 공격도 많이 당합니다. 멀웨어에 감염되어서 사이트가 느려지거나, 서버 자원을 필요 이상으로 소비하거나, 다른 사이트로 리다이렉트시키는 등의 문제가 발생합니다. 멀웨어에 감염되면 index.php나 wp-config.php 등 주요 파일이 변형됩니다. 그리고 이상한 파일이 여기저기 잔뜩 생성됩니다. 따라서 치료 방법은 단순합니다. 변형된 파일은 문제 없는 파일로 교체하고, 이상한 파일은 삭제하면 됩니다. 문제는 ...
워드프레스 강좌 / 플러그인 / Contact Form 7 / 폼메일 만드는 플러그인
Contact Form 7 Contact Form 7은 폼메일 플러그인입니다. 정보를 입력할 수 있는 폼을 쉽게 만들 수 있습니다. 스팸 방지 도구인 reCAPTCHA를 사용할 수 있습니다. 스타일을 구하기 쉽고, 많은 테마에서 Contact Form 7을 지원합니다. 설치 에서 Contact Form 7로 검색하여 설치하고 활성화합니다. 폼메일 페이지 만들기 Contact Form 7을 설치하면 기본적으로 하나의 폼이 생성됩니다. 쇼트코드를 복사합니다. 페이지를 만들고, ...
워드프레스 강좌 / 플러그인 / Search Exclude / 글 또는 페이지를 검색에서 제외시키는 플러그인
워드프레스는 검색 기능을 갖고 있습니다. 글이나 페이지를 검색할 수 있는 기능인데, 대부분의 테마는 검색 기능을 사용할 수 있게 해놓았습니다. 워드프레스 공식 테마 중의 하나인 Twenty Twenty라면, 상단 오른쪽의 돋보기 아이콘을 클릭하여 검색할 수 있습니다. 흔한 경우는 아니지만, 특정 글이나 페이지가 검색에서 노출되지 않도록 해야할 때가 있습니다. URL을 정확히 아는 사람만 내용을 볼 ...
워드프레스 강좌 / 플러그인 / Korea SNS / 카카오톡 등 한국형 SNS 공유 플러그인
Korea SNS Korea SNS는 포스트 등을 SNS에 쉽게 공유(게재)할 수 있게 해주는 플러그인입니다. 가장 큰 특징은 카카오톡, 라인, 밴드, 네이버 블로그 등 한국에서 많이 사용하는 SNS를 지원한다는 것입니다. 현재 지원하는 SNS는 다음과 같습니다. Facebook Twitter Google Kakao Story Kakaotalk Link Naver Line Naver Band Naver Blog 설치 에서 Koran SNS로 검색하여 플러그인을 추가하고 활성화시킵니다. 설정 설정은 에서 할 수 있습니다. 어떤 ...
워드프레스 강좌 / 플러그인 / Awesome Support / 일대일 상담 플러그인
쇼핑몰 등 인터넷 서비스를 하면 문의가 많이 들어옵니다. 그 문의들이 공개되지 않게 하는 방법 중의 하나는 비밀글입니다. 하지만 글 제목 등 글의 일부가 노출된다는 단점이 있습니다. 그래서 일대일 상담 게시판을 많이 사용합니다. 워드프레스에서 일대일 상담 게시판을 만드는 방법은 여러 가지가 있고, KBoard로 만드는 방법을 소개한 적이 있습니다. 이번에 소개해드릴 것은 외국형인 ...