워드프레스 베스트셀링인 아바다 테마에서는 헤더와 푸터에 소셜 아이콘을 배치할 수 있습니다. 아바다에서 제공하는 데모를 설치하면 푸터에 소셜 아이콘이 표시될 수 있습니다. 워드프레스 아바다 테마의 푸터 영역에 소셜 아이콘 활성화/비활성화하기 푸터에 표시되는 소셜 아이콘을 제거하고 싶거나 스타일을 변경하고 싶은 경우가 있습니다. 아바다 테마의 푸터 영역에 표시되는 소셜 아이콘은 워드프레스 알림판 > Avada > Theme Options > Social Media > Footer Social Icons Styling(푸터 소셜 아이콘 스타일)에서 설정할 수 있습니다. 푸터에서 SNS 아이콘을 없애고 싶은 경우 Display Social Icons In The Footer(푸터에 소셜 아이콘 표시) 옵션을 O..

어제는 오랫동안 업데이트하지 않은 워드프레스 사이트를 최신 워드프레스 버전과 테마 버전으로 업데이트하는 작업을 맡았습니다. 이 작업에 앞서 먼저 PHP 버전을 5.3에서 7.0으로 업그레이드를 했습니다. 워드프레스 더세븐(The7) 테마 업데이트 시 참고사항 2015년에 더세븐(The7) 테마로 구축한 사이트였는데, 사이트가 만들어진 이후로 테마와 플러그인의 업데이트를 하지 않은 상태였습니다. 이렇게 오랫동안 사이트를 업데이트하지 않다가 최신 버전으로 업데이트하면 사이트가 깨질 가능성이 높습니다. 그러므로 업데이트 작업을 시작하기 전에 데이터와 DB를 철저히 백업하는 것이 안전합니다. 참고로 테마를 설치하고 인증을 하지 않은 상태로 오랫동안 운영하다가 테마 라이선스를 구입하여 Item Purchase C..

어제 아는 분의 부탁으로 워드프레스 사이트에 하단에 고정된 배너를 만드는 작업을 해보았습니다. 모바일 기기에서 아래 그림과 같이 배너가 표시되는 형식으로 플러그인을 사용하지 않고 비교적 간단한 HTML 코드를 활용했습니다. 색상과 아이콘은 참고로 보내준 그래픽과 동일하게 만들었습니다. 실제로 모바일에서 보면 괜찮지만 이렇게 보니 빨간색 때문에 눈에 부담이 되는 것 같네요. 색상은 CSS로 변경 가능합니다. [참고*사이드바에 고정된 퀵뷰/퀵메뉴(카톡 배너 등)를 표시하는 방법은 여기를 참고해보세요.*] 모바일 기기 하단에 고정된 배너 표시하기 - 사용자 코드 사용 이렇게 하단에 표시되는 배너나 사이드에 표시되는 퀵뷰를 만들기 위해 플러그인을 사용할 필요는 없습니다. [참고*쉽게 구현하고 싶은 경우 플러그인..

찌쏘님의 데이블(Dable) 신청 승인 후기 글을 보고 호기심에 제 워드프레스 블로그에 대하여 데이블을 신청해보았습니다. 데이블 신청 데이블 신청 페이지에서 블로그 타입으로 "워드프레스"를 선택하면 아래와 같이 표시됩니다. 워드프레스 블로그의 경우 워드프레스용 데이블 플러그인(https://ko.wordpress.org/plugins/dable/)을 사용할 수 있습니다. Dable 플러그인은 현재 100개 조금 넘는 사이트에 설치되어 사용되고 있습니다. 승인을 받기 위해서는 최근 7일 간의 일일 페이지뷰를 확인할 수 있는 스크린샷을 업로드하면 됩니다. 저는 구글 애널리틱스에서 위젯을 만들어 7일 간의 페이지뷰를 스크린샷으로 만들어 올렸습니다. 구글 애널리틱스에서 위젯으로 페이지뷰를 표시하려면 다음과 같이..

가장 많이 사용되고 있는 워드프레스 테마 중 하나인 Divi 테마를 만든 Elegant Themes에서 Divi용 무료 사이버 보안 레이아웃 팩(Cyber Security Layout Pack)을 지난 월요일에 공개했습니다. 이 레이아웃 팩은 커스텀 일러스트레이션과 고유한 Divider가 포함된 아름다운 레이아웃이 키 포인트입니다. Divi용 사이버 보안 레이아웃 팩에는 총 7개의 레이아웃 페이지가 포함되어 있습니다. Cyber Security Landing Page (랜딩 페이지) Cyber Security Homepage (홈페이지) Cyber Security About Page (소개 페이지) Cyber Security Blog Page (블로그 페이지) Cyber Security Contact P..

우리나라에서는 블루호스트나 사이트그라운드, 고대디 같은 비교적 가성비가 뛰어난 웹호스팅 업체들이 잘 알려져 있습니다. 이런 업체들을 메가 웹호스팅 업체라고도 하는데, 박리다매로 수익을 내는 것 같습니다. 이외 비해 비용은 이런 업체들보다 비싸지만 강력한 성능을 제공하는 엔터프라이즈급 웹호스팅을 원한다면 WP Engine 같은 업체가 있습니다. WP Engine은 특히 유명한 워드프레스 프레임워크인 제네시스 프레임워크의 StudioPress를 인수하면서 워드프레스 분야에 대한 영향력을 확대하고 있습니다. 워드프레스 디지털 경험 플랫폼 WP Engine, 제네시스 프레임워크의 StudioPress 인수 WP Engine에 의하면 아시아에는 타이완과 도쿄에 데이터센터가 있고 WP Engine으로 이전 후 사이..

워드프레스에서는 다양한 방법으로 팝업 형태의 컨택트 폼을 만들 수 있습니다. 예를 들어, 무료 팝업 플러그인과 Contact Form 7 컨택트 폼을 이용하여 팝업 창에 문의 폼을 표시할 수 있습니다. 워드프레스 인기 테마 중 하나인 Divi 테마에는 컨택트 폼이 자체적으로 제공됩니다. 자체 제공되는 컨택트 폼을 사용하면 별도의 컨택트 폼 플러그인을 사용할 필요가 없습니다. 보다 정교하게 컨택트 폼을 만들려는 경우에는 Contact Form 7 같은 무료 플러그인이나 Quform 같은 유료 플러그인을 사용할 수 있습니다. 다음 링크에서 Divi 테마 + 자체 컨택트 폼과 Divi 테마 + Quform으로 만든 문의 양식을 확인할 수 있습니다. Divi 테마 + 자체 컨텐트 폼 Divi 테마 + Qufor..

지난 몇 년 동안 워드프레스 사이트에서 한글 텍스트가 깨지는 문제가 발생하는 사례는 거의 본 적이 없지만, 어제 어떤 분이 워드프레스 매거진 테마인 Newspaper가 설치된 사이트에서 개별 글의 한글 텍스트가 모두 깨져 표시되는 문제로 문의해왔습니다. 위의 그림과 같이 글 본문의 한글이 이상하게 깨져 보이는 현상입니다. 이런 문제는 대부분 플러그인 충돌 때문에 발생합니다. 먼저 모든 플러그인을 비활성화한 후에 문제가 발생하는지 체크하면 문제가 플러그인 때문인지 여부를 확인할 수 있습니다. Newspaper 테마의 경우 뉴스페이퍼 테마와 관련된 필수 플러그인(예: tagDiv Composer)을 제외한 나머지 플러그인을 모두 비활성화하여 문제를 체크할 수 있습니다. 모든 플러그인을 비활성화한 후에 문제가..

카페24에서 Duplicator나 All-in-One WP Migration 같은 마이그레이션 플러그인을 사용하여 워드프레스 사이트 이전 시 오류가 발생하는 경우가 있습니다. 카페24에서 워드프레스 이전 시 오류가 발생하는 경우 (Duplicator 또는 All-in-One WP Migration 마이그레이션 플러그인 사용 시) Duplicator 플러그인을 사용하여 이전하는 경우 www.example.com/dup-installer/main.installer.php로 넘어간 후에 빈 페이지가 표시되면서 전혀 작동되지 않을 수 있습니다. 그리고 All-in-One WP Migration 플러그인으로 가져오기(Import)를 시도할 때 100% 진행으로 표시된 후에 멈춘 것처럼 보일 수 있습니다. 또한, ..

워드프레스 교육용 테마 중 하나인 Education Center라는 테마가 50% 할인된 29달러에 판매되고 있습니다. 심플한 교육 강좌 사이트 등을 제작하려는 경우에 사용할 수 있을 것 같습니다. Education Center에 대한 자세한 정보와 데모는 테마 페이지에서 확인할 수 있습니다. 참고로 교육용 테마 중에서는 Eduma가 많이 사용되고 있습니다. 하지만 규모가 크고 정교한 LMS 사이트를 계획하고 있다면 기성품으로 만들어진 테마를 사용하는 대신 Divi 테마 + LeanDash 같은 조합으로 만드는 것을 고려해볼 수 있습니다. 상용서비스가 목표라면, 테마가 LMS 기능을 제공하는 방식은 절~대로 사용하지 마시기 바랍니다. 이건 WPLMS가 아니라 모든 테마가 동일합니다. 한상현님 경우 처럼 ..