저는 테스트 사이트와 중요하지 않은 몇 개의 사이트를 가성비 좋은 곳으로 알려진 국내의 한 웹호스팅 업체에서 호스팅하고 있습니다. 국내에서 가성비가 좋아도 해외 호스팅과는 비교가 되지 않지만 내년 말까지 계약이 되어 있고 이전하는 것이 귀찮아서 이용해오고 있었습니다. 어제는 해당 웹호스팅에 연결된 총 6개 사이트(7개 도메인)가 동시에 악성코드(멀웨어)에 감염되었습니다. 다행히 호스팅 담당자에게 부탁하여 백업본을 이용하여 과거 버전으로 복원했습니다. 워드프레스 사이트 악성코드 감염 복구 어제 워드프레스 사이트 중 하나에 접속하니 그림과 같이 이상한 깨진 문자가 표시되었습니다. 멀웨어에 감염된 것이 아닐까 생각되어 FTP에 접속하니 실제로 이상한 파일들이 생성되어 있었습니다. [**ge.php**라는 파일..

오래된 글을 업데이트한 후에 발행 날짜를 현재 날짜로 바꾸고 싶은 경우가 있습니다. 워드프레스에서 포스트 날짜를 변경하는 몇 가지 방법이 있습니다. 방문자들은 오래된 글보다 최신 글을 더 선호하는 경향이 있으므로, 내용을 크게 업데이트한 경우 URL을 유지한 상태로 공개 날짜를 현재 날짜로 변경하는 것을 고려할 수 있습니다. 워드프레스 포스트 발행 날짜 변경하기 (현재 날짜로 변경) 글 편집 화면에서 공개 날짜 변경하기 기본적인 방법으로 글 편집 화면에서 발행 날짜를 변경할 수 있습니다. 오른쪽 패널에서 공개 부분의 날짜를 클릭합니다. 시간과 날짜를 직접 지정할 수 있습니다. 또는 달력에서 날짜를 선택하고 시간을 지정하는 것도 가능합니다. 발행 날짜를 현재 날짜로 바꾸고 싶은 경우에는 "지금"을 클릭하면..

워드프레스 Divi 테마는 아바다 테마와 비슷한 판매량을 자랑하는 베스트셀링 테마 중 하나입니다. Divi는 테마 빌더 기능을 처음으로 도입하여 알림판에서 커스텀할 수 있는 길을 가장 먼저 열었습니다. 이후에 아바다 등의 테마에서도 비슷한 기능을 도입했고 엘리멘터 페이지 빌더에서도 테마 빌더 기능을 추가했습니다. Divi 테마에서 글 하단에 커스텀 문구를 표시하고 싶은 경우 테마 빌더를 사용하거나 훅(hook)을 사용할 수 있습니다. 테마 빌더를 사용하면 코딩 지식이 없어도 수월하게 커스텀이 가능합니다. 워드프레스 Divi 테마: 테마 빌더(Theme Builder)를 사용하여 글 하단에 커스텀 문구 표시하기 테마 빌더 사용하기 Divi 테마나 엘리멘터 페이지 빌더를 사용하는 경우 테마 빌더를 활용하면 ..

워드프레스 뉴스페이퍼 테마로 만든 사이트와 비슷하게 만드는 작업을 최근 진행했습니다. 뉴스페이퍼는 쉽게 퀄리티 높은 사이트를 만들 수 있지만 속도면에서 GeneratePress 테마보다 느리고 트래픽도 많이 소모하는 편입니다. 이 글에서는 GeneratePress 테마의 페이지 내비게이션 번호 스타일을 뉴스페이퍼 페이지네이션 스타일과 비슷하게 변경하는 방법을 살펴보겠습니다. 워드프레스 GeneratePress 테마 페이지 내비게이션(페이지네이션) 번호 스타일을 뉴스페이퍼 스타일로 변경하기 뉴스페이퍼의 기본 데모를 로드할 경우 페이지네이션 번호 스타일은 다음과 같습니다. GeneratePress 테마의 경우 페이지네이션이 숫자로만 표시되고 아무런 디자인이 들어가 있지 않습니다. 위의 그림과 같은 스타일로 ..

GeneratePress 테마 세팅 작업을 하면서 사용자 정의하기에서 'Read More' 버튼이 표시되도록 설정했지만 이상하게 최신 글 목록에서는 'Read More' 버튼이 표시되지 않는 현상을 경험했습니다. 테마를 다른 테마로 바뀌었다가 다시 활성화하고, 플러그인도 모두 비활성화했지만 문제가 해결되지 않았습니다. 이 경우 테마 함수 파일에 코드를 추가하여 'Read More' 버튼을 표시할 수 있습니다. 워드프레스 GeneratePress 테마: 'Read More' 버튼이 표시되지 않는 경우 GeneratePress 유료 버전을 사용하는 경우 외모 » 사용자 정의하기 » Layout » Blog에서 Read more label(더 보기 라벨)을 지정할 수 있고 Display read more as..

Hotel Booking 테마는 호텔 예약 사이트 구축에 사용할 수 있는 워드프레스 테마입니다. 이 테마는 엘리멘터 페이지 빌더 기반으로 제작되었고 다양한 데모가 제공됩니다. 클라이언트가 데모 설치가 되지 않는 문제로 인해 이 테마의 데모를 설치하는 작업을 맡은 적이 있습니다. 이 테마의 데모 설치 시 오류가 발생하는 경우 참고하시기 바랍니다. 워드프레스 Hotel Booking 테마 데모 설치 호텔, 리조트 예약 사이트 등을 구축할 때 Themeforest의 호텔 예약 테마를 고려할 수 있습니다. 예약 기능은 별도의 플러그인을 구현하고 싶은 경우에는 아바다(Avada)와 같은 인기 다목적 테마를 사용하는 것도 가능합니다. Hotel Booking 테마에는 (호텔 객실) 예약 기능이 포함되어 있습니다. ..

워드프레스에서는 특정 글을 붙박이 글(추천 글)로 지정하여 최신 글 상단에 항상 표시되도록 할 수 있습니다. "블로그 상단"에 고정 옵션을 체크하여 특정 글을 붙박이 글로 지정하면 최신 글(블로그 페이지)에서는 고정되지만 카테고리 페이지에서는 보통 상단에 고정되지 않습니다. GeneratePress 테마에서는 훅(Hook)을 사용하여 카테고리 페이지에도 붙박이 글을 고정할 수 있습니다. 워드프레스에서 특정 글을 '고정 글'(붙박이 글)로 설정하기 특정 글을 최신 글 목록 상단에 항상 표시되도록 하고 싶은 경우 글 편집 화면에서 "블로그 상단에 고정"(Stick to the top of the blog) 체크란을 체크하면 됩니다. 또는, 빠른 편집 기능을 사용할 수도 있습니다. 글 » 모든 글에서 항상 상..

지난주에 구글로부터 워드프레스 사이트의 글 하나에 대하여 뜬금없이 "새로운 모바일 사용 편의성 문제가 감지됨" 경고가 날아왔습니다. 해당 글이 발행된 지 몇 년이 지났는데, 갑자기 이런 경고가 날아와서 조금 의아했습니다. 이런 경고를 받으면 문제가 되는 페이지를 모바일에서 접속하여 문제가 되는 부분을 파악하여 대처할 수 있습니다. 보통은 간단한 CSS를 사용하여 쉽게 대응이 가능할 것입니다. 워드프레스에서 클래식 편집기(고전 편집기)로 작성한 글에서 이런 경고가 표시되면 블록 에디터로 변환하면 문제가 해결될 수 있습니다. 워드프레스: 모바일 사용 편의성 - 콘텐츠 폭이 화면 폭보다 넓음 경고 "새로운 모바일 사용 편의성 문제가 감지됨" 경고 메일이 오면 "모바일 사용 편의성 문제 해결하기" 버튼을 클릭하..

아스트라(Astra)는 현재 100만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 테마 중 하나입니다. 이 테마는 무료 버전과 유료 버전이 있으며, 무료 버전에서는 기능이 제한되어 있습니다. 비슷한 테마로 GeneratePress 테마가 있습니다. 두 테마 모두 속도가 빨라서 블로그에 많이 사용되고 있습니다. 워드프레스 아스트라(Astra) 테마: 모바일 분기점 미디어쿼리 사이트의 스타일을 정교하게 변경하려면 CSS를 사용할 수 있습니다. Astra 테마를 설치하여 스타일시트에서 사용된 미디어쿼리를 모두 정리해 보았습니다. @media (min-width: 1201px) { ... } @media (max-width: 1200px) { .. } @media (min-width: 993px)..

워드프레스 Autoptimize 플러그인을 캐시 플러그인과 함께 설치하여 잘 세팅하면 사이트 속도를 개선할 수 있습니다. 이런 플러그인을 사용할 때에는 캐시 플러그인 등 다른 유사한 기능을 제공하는 플러그인의 설정과 중복되지 않도록 주의를 기울여 설정하는 것이 중요합니다. 이 플러그인을 사용할 때 "Your ShortPixel image optimization and CDN quota has been exhausted..." 경고가 표시되는 경우가 있습니다. 이 경고가 표시될 경우 대처 방법에 대하여 살펴보겠습니다. 워드프레스 Autoptimize 플러그인: Your ShortPixel image optimization and CDN quota has been exhausted 경고가 표시되는 경우 Au..