대부분의 유료 워드프레스 테마에서는 저작권 표시 등 푸터 문구를 쉽게 변경할 수 있는 옵션을 테마 옵션 등을 통해 제공합니다. 더세븐(The7)에서도 마찬가지입니다. The7에서는 Theme Options > Branding에서 카피라이트 문구를 설정할 수 있습니다. 관리자 권한으로 로그인하면 상단 툴바에 Theme Options가 표시됩니다. Theme Options를 클릭하면 다양한 메뉴가 표시됩니다. Branding(브랜딩)을 클릭합니다. 맨 아래의 Copyright information 섹션에서 저작권 문구를 추가할 수 있습니다.예시: Copyright © 2019 그리고 Give credits to Dream-Theme의 체크는 해제하도록 합니다. 이 체크박스를 체크하면 Copyright 문구가..

방탄소년단 Love Myself 홈페이지가 워드프레스로 제작되었네요. 'LOVE MYSELF'는 방탄소년단만의 캠페인으로 '자신을 먼저 사랑하고, 그 사랑으로 세상을 더 나은 곳으로 만들자'는 의미를 지니고 있다고 하네요. Love Myself 홈페이지는 Divi 테마로 유명한 Elegant Themes에서 제공하는 Extra 테마를 사용하여 제작되었습니다. Elegant Themes 플랜에 가입하면 Divi, Extra 등 Elegant Themes에서 개발한 테마와 메일링 리스트 가입 폼 플러그인인 Bloom을 사용할 수 있습니다. Divi 테마는 꾸준히 기능이 향상되고 있고 속도도 빨라졌습니다. 워드프레스 Divi 테마 - 드래그로 사이즈를 조절하는 컨트롤 도입 및 속도 향상 워드프레스는 전세계 점..

자바스크립트를 사용하여 DIV 위치 순서 변경하기 [자체 정리용] jQuery를 사용하면 쉽게 DIV의 위치를 변경할 수 있습니다. jQuery 대신 자바스크립트를 사용하고 싶은 경우 다음 Statckoverflow 글을 참고할 수 있습니다. Change div order in CSS or javascript (CSS 또는 자바스크립트로 Div 순서 변경) 예시: var content = document.getElementById('FeaturedContent'); var parent = content.parentNode; parent.insertBefore(content, parent.firstChild); DIV에 ID가 지정된 경우 위와 같이 document.getElementById를 사용하면 됩..

인기 워드프레스 테마 중 하나인 Divi 테마를 만든 Elegant Themes에서 Divi용 무료 카이로프랙터 레이아웃 팩(Chiropractor Layout Pack)을 공개했습니다. 이 레이아웃 팩에는 카이로프랙틱 또는 추나요법사를 위한 홈페이지 제작에 사용할 수 있는 요소들이 포함되어 있습니다. 특히 이 레이아웃 팩에 포함된 이미지를 상업용 프로젝트에도 제한 없이 사용이 가능합니다. 레이아웃 팩은 Divi Builder에서 로드하여 사용할 수 있으며, 여러 개의 레이아웃을 조합하여 사용할 수도 있습니다. 현재 125개 레이아웃 팩이 공개되었으며, 각 레이아웃 팩에 6~9개의 레이아웃 페이지가 포함되어 있습니다(현재 총 932개 레이아웃 사용 가능). 레이아웃 팩은 매주 추가됩니다. 이번에 공개된 ..

모든 분이 그런 것은 아니지만 서비스 요청을 하는 분 중 상당수는 '서비스는 무료'라는 인식을 가지고 있습니다. 예전에도 일부 그런 경향이 있었지만, 작년부터 특히 서비스 = 무료라는 생각을 가지고 서비스를 의뢰하는 분들이 늘어났고, 또 그런 분들의 특징이 있습니다. 급하다면서 빨리 답변을 달라고 하는 분들이 있습니다. 급한 것 같아서 답장을 주면 열에 아홉은 아무런 응답이 없습니다. 제시한 해결 방법으로 문제가 해결되었는지, 아니면 문제가 해결되지 않았는지 묵묵부답입니다. 그래서 무료로 서비스를 제공해달라고 문의하는 분들에게는 '서비스 문의란은 유료 서비스를 위한 공간이니 블로그의 아무 글에 댓글을 달거나 네이버 카페에 가입하여 질문을 올리면 가능한 한 빨리 답변을 주겠다'고 회신을 보내고 있습니다. ..

워드프레스 블록 에디터(구텐베르크)에서 HTML 코드를 확인하여 수정해야 하는 경우가 있습니다. 그런 경우 코드 편집기로 전환하여 작업이 가능합니다. 글 편집 화면이나 페이지 편집 화면에서 오른쪽 맨 위의 세 개 점으로 된 아이콘을 클릭한 다음 편집기 > 코드 편집기를 클릭하면 코드 편집기에서 글 콘텐츠가 표시됩니다. 코드 편집기로 자주 전환해야 하는 경우 Ctrl + Shift + Alt + M 단축키를 사용하면 편리합니다. 다시 비주얼 편집기로 전환하려는 경우 동일한 단축키를 누르면 됩니다. 개별 블록의 콘텐츠만 HTML 코드로 표시하고 싶은 경우 해당 블록의 오른쪽 상단의 세 개 점으로 된 아이콘을 클릭하고 HTML로 편집을 선택하면 됩니다. 워드프레스 5.0 이상에서는 블록 에디터(쿠텐베르크)가 ..

워드프레스에서 비주얼 컴포저 등의 페이지 빌더가 제대로 작동하지 않거나 워드프레스 업데이트 후 페이지 편집 시 문제가 발생하는 경우 블록 에디터와의 충돌을 의심해볼 수 있습니다. 그런 경우 고전 편집기를 설치하여 워드프레스 블록 에디터를 비활성화하면 문제가 해결될 수 있습니다. 목차 워드프레스 블록 에디터 비활성화 - 고전 편집기 설치워드프레스가 버전 5로 업데이트되면서 새로운 편집기인 구텐베르크(블록 에디터)가 기본 편집기로 탑재되었습니다.일부 테마나 플러그인이 구텐베르크와 충돌을 일으켜 글 편집 시 이상하게 작동하는 경우가 있습니다. 예를 들어, 글이 업데이트가 안 되거나 발행이 안될 수 있습니다.그런 경우 고전 편집기 플러그인을 설치하면 문제가 해결될 수 있습니다.워드프레스 알림판 > 플러그인 > ..

워드프레스 유료 테마에서는 일반적으로 다양한 데모가 제공됩니다. 예를 들어, 인기 매거진 테마인 Newspaper(뉴스페이퍼)에서는 현재 68개의 데모가 제공됩니다. 데모는 보통 하나만 선택하여 설치할 수 있고 설치 후에 데모를 변경하려면 설치된 데모의 콘텐츠를 일일이 삭제한 다음 새로운 데모를 설치할 수 있습니다. 데모 콘텐츠에는 데모 페이지, 포스트, 메뉴 등이 포함됩니다. 아무런 콘텐츠가 없는 사이트인 경우, 즉 워드프레스를 설치한 직후에는 WP Reset 같은 플러그인을 사용하여 사이트를 초기화한 후에 다른 데모를 설치하면 편리합니다. 워드프레스 삭제하지 않고 초기화(리셋)하기 하지만 아바다(Avada) 테마나 뉴스페이퍼(Newspaper) 테마에서는 데모 콘텐츠를 제거하는 옵션을 제공합니다. 그..

웹호스팅에 가입하고 워드프레스를 자동 설치하면 간혹 'www.example.com/wordpress' 또는 'www.example.com/wp'로 접속하면 사이트가 제대로 표시되고 관리자 페이지 화면으로도 넘어 갈 수 있지만, 하위 폴더(/wordpress 또는 /wp 폴더) 부분을 지우고 사이트에 접속하면 다음과 같은 오류가 발생하는 경우가 있습니다. Forbidden You don't have permission to access / on this server. 이 문제는 워드프레스 자동 설치 시에 워드프레스가 루트 폴더가 아닌 하위 폴더에 설치되었기 때문입니다. 웹호스팅에 따라 설치 폴더를 지정할 수 있는 경우가 있고, 어떤 호스팅에서는 무조건 /wordpress 폴더에 설치되기도 합니다. 가비아에..

미국에서 워드프레스 문제 해결 요청이 와서 사이트를 복구하는 작업을 맡았습니다. 해당 도메인이 해외호스팅 중 하나인 InMotion Hosting에 호스팅되고 있었습니다. InMotion Hosting은 제가 2010년에 가입하여 몇 년 동안 유지했던 적이 있는 호스팅입니다. 당시 etransperfect.com이라는 도메인을 등록하여 해외를 대상으로 번역 서비스를 소개하는 사이트를 만들었습니다. InMotion Hosting에 로그인하니 계정을 관리하고 cPanel에 접속할 수 있는 AMP 페이지가 표시되네요. AMP는 Account Management Panel의 약자로 계정을 관리할 수 있는 패널입니다. cPanel에 접속하면 일반적으로 볼 수 있는 cPanel 화면이 표시됩니다. 위의 그림에는 V..