워드레스 팝업 플러그인 중 하나인 Brave는 드래그 & 드롭으로 쉽게 팝업을 만들 수 있다는 장점이 있습니다. 이 플러그인은 많은 기능을 제공하므로 심플한 팝업을 원하는 경우 그리 권장하지 않지만, 쉽게 팝업을 만들려는 경우 고려해 볼 수 있습니다. 다음 그림과 같이 팝업을 만드는 방법을 간단히 살펴보겠습니다.
워드프레스 Brave 팝업 플러그인: 팝업 설정 예시
먼저 Brave 팝업 빌더를 설치하고 활성화합니다. 이 플러그인은 무료 버전과 유료 버전이 있으며, 무료 버전으로 보통은 충분합니다. 추가적인 고급 기능이나 스크롤 시 팝업이 표시되도록 하고 싶은 경우, 더 많은 템플릿을 원하는 경우에는 프로 버전을 구입해야 합니다.
Brave » All Campains에서 새로운 팝업을 만들도록 합니다.
팝업 템플릿에서 원하는 템플릿을 선택하니다. PRO로 되어 있는 템플릿은 유료 버전에서만 제공됩니다.
여기에서는 제일 심플한 템플릿을 로드하여 활용하려고 합니다.
새 팝업을 만듭니다.
템플릿을 로드한 후에 불필요한 요소를 오른쪽 마우스 버튼을 누르고 Remove를 클릭하여 제거합니다. 모두 제거하고 텍스트와 이미지는 새로 추가해도 됩니다.
팝업 크기를 Popup Size에서 설정합니다(예: 500x430). 팝업 크기는 업로드하는 이미지를 감안하여 적절히 지정합니다. 크기는 언제든지 변경이 가능합니다.
이미지 요소를 드래그합니다.
이미지를 미디어 라이브러리에서 지정하거나 업로드할 수 있습니다. 이미지를 업로드한 후에 이미지를 적당한 곳에 배치하고 크기도 적절히 변경합니다. 이미지를 선택하여 마우스로 쉽게 Resize하고 위치를 변경할 수 있습니다.
텍스트를 입력합니다. 왼쪽의 텍스트 요소를 끌어다 원하는 요소에 놓고 글자 크기, 색상 등을 설정합니다. 이모지를 추가하려면 Win 키 + 점(.)을 클릭하여 원하는 이모티콘 이미지를 선택할 수 있습니다.
텍스트를 적절히 입력합니다.
이미지와 텍스트에 링크를 걸 수 있습니다. Other 탭을 선택하고 Make Clickable을 활성화하면 해당 요소를 클릭할 수 있게 됩니다.
Click Action을 Open a Link로 선택하고 Custom URL에 원하는 URL을 입력합니다.
- 링크 Rel 속성을 지정할 수도 있습니다.
- Open in New Window를 선택하면 새 창에서 열립니다.
- Download on Click을 선택하면 클릭 시 다운로드가 됩니다.
- Close After Click을 선택하면 링크를 클릭하면 팝업이 자동으로 닫힙니다.
이미지 위에 반투명 오버레이 박스를 추가하려면 Shape 요소를 드래그합니다.
모양을 적절히 설정하고 오른쪽 설정에서 Fill Color(색 채우기)에서 반투명이 되도록 투명도를 조절하는 슬라이드를 조정합니다.
텍스트 요소를 배치하여 적절히 입력하고 텍스트 크기, 색상 등을 지정합니다.
Popup Overlay에서 팝업 오버레이를 활성화합니다. Disable Scrolling을 선택하면 팝업이 표출되면 화면 스크롤이 금지됩니다.
Settings로 이동하여 팝업 설정을 합니다.
Trigger에서 Time Spent를 클릭하고 시간을 설정(예: 3초)하면 팝업이 지정된 시간이 지나야 표시됩니다. 예를 들어, 페이지 로드 후 5초 후에 표시되도록 하려면 5를 입력합니다.
Frequency에서 팝업이 표시되는 빈도를 설정합니다. (이 설정은 비로그인 사용자에게만 적용됩니다. 로그인 상태에서는 적용되지 않습니다.)
팝업을 공개합니다.
Brave 팝업 플러그인의 설정에 대한 자세한 내용은 다음 글을 참고해보세요:
워드프레스 Brave 팝업 플러그인 설정 살펴보기
워드프레스 Brave 플러그인은 팝업 플러그인으로 개발되었지만 컨택트 폼, 이메일 주소 수집 등 다양한 기능을 제공하는 플러그인으로 진화하고 있습니다. 이 플러그인을 사용하여 배너를 클릭
avada.tistory.com
참고
https://avada.tistory.com/2299
GeneratePress 테마로 워드프레스 블로그 세팅 예시 (How to Customize GP)
워드프레스 테마 중에서 GeneratePress 테마가 속도가 빠르고 커스텀하기에 좋아서 저는 거의 대부분 사이트에 이 테마를 사용하고 있습니다. 이 테마를 사용하는 사이트/블로그가 점차 늘어나는
avada.tistory.com
https://avada.tistory.com/2897
엘리멘터 무료 버전 vs. 프로 버전 비교
엘리멘터(Elmentor)는 1,000만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더 플러그인입니다. 엘리멘터는 무료 버전과 프로 버전으로 제공됩니다. Elementor 프로 버전에
avada.tistory.com
https://avada.tistory.com/3046
해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 vs. 카페24 비교 (Cloudways vs. Bluehost vs. Cafe24)
저는 오랫동안 블루호스트(Bluehost)를 이용해 왔으며 2021년부터는 클라우드웨이즈(Cloudways) 웹호스팅 서비스도 함께 이용하고 있습니다. 현재 일부 중요하지 않는 블로그는 Bluehost에서 호스팅되고
avada.tistory.com