본문 바로가기
워드프레스에서 AMP 제거 후 리디렉션을 설정하는 방법 모바일 사용 빈도가 높아짐에 따라 모바일 기기에서 사이트 로드 속도가 점점 중요해지고 있습니다. AMP(Accelerated mobile page)를 적용하면 표준 모바일 페이지보다 속도가 15~80%까지 빨라져 구글 SEO에 유리하게 작용할 수 있습니다. AMP 페이지를 구글에 제출한 경우 모바일 장치를 이용하여 구글에서 검색하면 AMP 페이지 아이콘이 검색 결과에 표시됩니다. 만약 모바일에서 속도가 느려서 고민되는 경우 AMP 적용을 고려해볼 수 있습니다. 워드프레스에서 AMP를 적용하는 방법은 다음 글을 참고해보세요. 워드프레스에서 구글 AMP를 적용하는 방법 저는 AMP를 적용했다가 워드프레스 인기 매거진 테마인 Newspaper (뉴스페이퍼)로 사이트를 리뉴얼하면서 AMP를 제거했습니다. AMP.. 2020. 1. 6.
워드프레스 글 작성 시 여백 추가하는 방법 워드프레스에서 글을 작성할 때 여백을 추가하고 싶은 경우가 있을 수 있습니다. 그런 경우 구텐베르크 편집기 (블럭 에디터)에 포함된 '여백 설정' 블럭을 활용하여 여백을 추가할 수 있습니다. 여백을 추가하려는 경우 블록 추가 아이콘(플러스 모양의 아이콘)을 클릭하고 레이아웃 요소 섹션으로 이동하여 "여백 설정" 블록을 선택하도록 합니다. 여백 설정 블록을 선택하면 해당 위치에 여백이 추가되고, 오른쪽에 여백 높이를 설정할 수 있는 옵션이 표시됩니다. "여백 설정"에서 높이를 원하는 값으로 조정하도록 합니다. 위의 그림에서 Theme Settings는 기본적으로 제공되는 기능은 아니고, 테마에서 제공하는 옵션입니다. 위의 예시는 인기 매거진 테마인 Newspaper를 사용할 경우에 표시되는 것을 보여줍니다.. 2019. 12. 31.
네이버 서치어드바이저 웹마스터 도구에서 앱링크 오류가 발생하는 경우 네이버 서치어드바이저의 웹마스터도구에서 '페이지와 연동되는 모바일 앱 링크가 존재하지 않습니다.' 오류가 발생하는 경우가 있습니다. 아마 별다른 조치를 하지 않았다면 모든 사이트에서 이 오류가 표시될 것 같습니다. 웹마스터도구에 접속한 다음 검증 > 웹페이지 최적화를 선택하고 웹 페이지 최적화 검증에서 주소를 넣고 "확인"을 누르도록 합니다. 그러면 다음 그림과 같이 모바일 사용성 아래의 '앱링크' 항목에 '페이지와 연동되는 모바일 앱 링크가 존재하지 않습니다.' 경고가 표시될 것입니다. 위와 같은 경고가 표시되는 경우 웹마스터도구의 웹 표준 HTML 마크업 가이드를 참고하여 조치를 취할 수 있습니다. 여러분의 웹 문서 콘텐츠가 모바일 앱으로도 제공이 가능하다면 앱 링크 정보를 넣어주세요. 앱 링크 기법.. 2019. 12. 17.
워드프레스 글쓰기에서 여백 추가하는 방법 워드프레스에서 글을 작성할 때 문단 사이에 여백을 추가하고 싶은 경우가 있을 수 있습니다. 몇 가지 방법으로 문단 사이에 공백을 추가할 수 있습니다.최신 워드프레스에서는 간단히 '여백 설정' 레이아웃 요소를 사용하면 편리하게 여백을 넣을 수 있습니다.새로운 요소 추가 아이콘(더하기 아이콘)을 클릭하고 레이아웃 요소 > 여백 설정 요소를 선택하면 문단 사이에 여백을 추가할 수 있습니다.오른쪽의 블럭 설정의 '여백 설정'에서 높이를 픽셀 단위로 지정할 수 있습니다. 기본 100으로 설정되어 있습니다. 적당히 조정하도록 합니다.글 미리보기를 해보면 위의 그림과 여백이 지정되어 있음을 살펴볼 수 있습니다.만약 고전 편집기를 사용하는 경우에는 직접 html 코드를 삽입하여 여백을 추가할 수 있습니다. 여백을 추가.. 2019. 12. 2.
워드프레스 Enfold 테마의 컨택트 폼 사용하기 워드프레스에서는 Contact Form 7이나 Quform 같은 다양한 무료 또는 유료 컨택트 폼 플러그인을 사용하여 방문자나 고객으로부터 문의, 주문 등을 받을 수 있습니다. Enfold, Divi 등 일부 테마에서는 자체적으로 컨택트 폼 모듈을 제공하기도 합니다. 테마에 포함된 컨택트 폼 기능은 플러그인에서 제공하는 기능보다는 떨어지지만 플러그인에 의존하지 않고 심플하게 문의 양식을 사이트에 추가하려는 경우에 유용합니다. Enfold 테마에 포함된 컨택트 폼 엘리먼트 사용하기 엔폴드에 기본 탑재된 Avia Layout Builder에는 문의 양식을 추가할 수 있는 Contact Form 엘리먼트가 포함되어 있습니다. Contact Form 요소를 원하는 곳에 끌어다가 배치한 후에 Edit Elemen.. 2019. 11. 3.
워드프레스 카테고리 만들기 (기본적인 방법) 워드프레스에서는 글을 분류하기 위한 목적으로 카테고리와 태그가 기본적으로 제공됩니다. 분류란 말 그대로 글을 쉽게 분류하기 위한 목적으로 만든 것으로 '카테고리' 기준으로 글을 분류하거나 '태그' 기준으로 글을 분류할 때 사용됩니다. 참고로 기본 글 유형인 글, 페이지 이외의 다른 포스트 타입(글 유형)을 만드는 것도 가능합니다. 가령, 아바다 등 많은 테마에서 Portfolio는 Project 같은 커스텀 포스트 타입(사용자 정의 글 유형)을 제공합니다. 그러면 포트폴리오나 프로젝트에 맞는 분류를 만들어서 포트폴리오 글이나 포로젝트 글을 분류할 수 있습니다. Books라는 커스텀 포스트 타입을 만들었다면 '장르'라는 커스텀 분류를 만드는 것도 생각해볼 수 있습니다. 카테고리의 필요성 그럼 카테고리는 어.. 2019. 10. 20.
워드프레스 아바다 테마의 컨택트 (문의) 페이지에서 오류가 발생하는 경우 베스트셀링 워드프레스 테마인 아바다(Avada) 테마의 데모에는 Contact Form 7 플러그인을 이용한 컨택트(Contact) 페이지가 포함되어 있습니다. 예를 들어, 아바다 테마의 Movers 데모에는 다음과 같은 레이아웃의 컨택트 페이지가 있습니다. 데모를 설치한 후에 문의 페이지에서 폼을 작성하고 제출(SEND)을 클릭하면 다음과 같이 "There was an error trying to send your message. Please try again later." 오류가 발생할 수 있습니다. 이 오류가 발생하는 이유는 컨택트 폼에서 필요한 설정을 하지 않았기 때문입니다. 예를 들어, 보내는 사람 이메일 주소, 받는 사람 이메일 주소, 컨택트 폼의 제목 등을 지정해야 합니다. 만약 'Conta.. 2019. 10. 1.
워드프레스 네이버 웹마스터도구 소유 확인 사이트를 네이버 웹마스터도구에 등록할 때 소유 확인 절차를 거치게 됩니다. 네이버에 사이트를 등록하려면 네이버 웹마스터도구 사이트에 로그인하여 사이트 주소를 입력하고 '추가'를 누르도록 합니다. 그러면 사이트 소유 확인 페이지가 표시됩니다. 사이트 소유 확인 방법에는 크게 두 가지가 있습니다. HTML 파일 업로드 HTML 파일을 다운로드하여 루트 디렉터리에 업로드하여 사이트 소유권을 확인할 수 있습니다. 파일을 다운로드한 후에 FTP를 통해 업로드하면 됩니다. [워드프레스] FTP 사용하기 이 방법을 사용하면 워드프레스 내에서 추가 작업이 필요하지 않습니다. 개인적으로 이 방법을 권장합니다. 이 방법을 이용하려면 FTP에 접속할 수 있어야 합니다. 웹호스팅 업체에 문의하면 FTP 접속에 필요한 정보를 .. 2019. 9. 30.
워드프레스 WordPress에서 사이트 주소를 변경하는 방법 (도메인 연결하기) 웹호스팅에서 새로운 도메인 이름을 추가하고 워드프레스 사이트 주소를 새로운 도메인으로 변경해야 하는 경우가 있습니다. 예를 들어, 카페24에 가입하면 기본적으로 카페24 서브 도메인 주소로 도메인이 할당됩니다(예: example.cafe24.com). 도메인을 구입하지 않고 임시로 할당된 카페24 서브 도메인 주소에서 워드프레스 사이트를 완성한 후에 실제 도메인을 연결하는 경우가 있습니다. 블루호스트에서도 가입할 경우 도메인의 네임서버를 바꾸기 전까지 사용할 수 있도록 블루호스트에서 임시 도메인 주소를 제공합니다. 임시 도메인에서 사이트를 완성한 후에 실제 도메인으로 변경할 수 있습니다. (블루호스트의 경우 라이브 채팅으로 연락하면 처리해준다고 합니다. 하지만 굳이 라이브 채팅으로 연락할 필요 없이 간단.. 2019. 9. 8.
워드프레스에서 사용자 CSS 코드 추가하기 - Enfold 테마 워드프레스에서 CSS 코드를 추가하는 방법은 다양합니다. 크게 다음과 같은 방법으로 사용자 CSS를 추가할 수 있습니다. 워드프레스 자체 기능 사용하기 - 사용자 정의하기 테마 내의 기능 사용하기 (CSS 코드를 추가하는 옵션을 제공하는 경우) 차일드 테마의 스타일시트에 추가하기 사용자 정의하기 내의 추가 CSS 기능 사용하기 워드프레스에서는 자체적으로 커스텀 CSS를 추가할 수 있는 옵션을 사용자 정의하기에서 제공합니다. 워드프레스 관리자 페이지 > 테마 디자인 > 사용자 정의하기 > 추가 CSS를 클릭하면 사용자 정의 CSS를 추가할 수 있습니다. 테마에서 제공하는 옵션 사용 (테마에 따라 제공되지 않을 수 있음) 두 번째 방법으로 테마에서 커스텀 CSS를 추가할 수 있는 옵션을 제공하는 경우가 있습.. 2019. 8. 27.
워드프레스 관리자 페이지에서 서버 환경 설정 확인하기 (PHP Memory Limit 등) 워드프레스를 원활히 운영하기 위해서는 PHP memory limit 등의 PHP 설정값을 조금 높게 설정해주면 좋습니다. 예전에는 128M나 256M 설정으로 충분했지만, 사용하는 테마나 플러그인에 따라 더 높은 설정값이 요구되기도 합니다. (일반적으로 256M 이상이면 문제가 없을 것입니다.) PHP 설정값을 확인한 후에 max_execution_time, memory_limit, upload_max_filesize 등의 설정값이 낮은 경우 상향 조정해주도록 합니다. 웹호스팅 서버에 따라 설정하는 방법이 조금씩 차이가 있습니다. wp_memory_limit 및 max_execution_time 설정 변경하기 블루호스트에 가입한 경우 먼저 "블루호스트에서 PHP 버전과 PHP 환경 설정값 변경하기 (새로.. 2019. 8. 23.
워드프레스에서 이미지에 대체 텍스트(Alt Text)를 설정하여 SEO 향상시키기 워드프레스에서는 이미지를 미디어 라이브러리에 업로드하거나 이미지를 삽입할 때 이미지에 Alt Text(대체 텍스트)를 지정할 수 있습니다. 이미지를 미디어 라이브러이에 업로드할 때 "대체 텍스트"와 이미지의 "타이틀" 및 "캡션" 등을 설정할 수 있습니다. 그리고 업로드된 이미지 파일의 대체 텍스트, 타이틀, 캡션 등의 속성을 수정할 수도 있습니다. 이미지의 속성을 수정하려면 워드프레스 알림판 > 미디어 > 라이브러리를 클릭합니다. 그러면 미디어 라이브러리에 등록된 이미지 리스트가 나열됩니다. 해당 이미지를 클릭하면 그림 1과 같은 "첨부 파일 상세 정보" 팝업이 표시되어 이미지 속성을 변경할 수 있습니다. 블록 에디터(Block Editor)를 사용하여 글을 작성하는 경우 이미지 파일을 업로드한 후에 .. 2019. 8. 19.