워드프레스/테마 425

워드프레스 Divi 테마용 명상센터(Meditation Center) 레이아웃 팩 무료 다운로드

워드프레스 인기 테마 중 하나인 Divi 테마는 심플하면서도 강력한 기능을 제공하는 다목적 테마입니다. 개발사인 Elegant Themes에서는 주기적으로 Divi 테마용 레이아웃 팩을 공개하고 있습니다. 최근에는 관심을 가지지 않았었는데, 오늘 살펴보니 계속 새로운 레이아웃 팩이 추가되고 있네요. 현재 총 195개 레이아웃 팩에 1440개 레이아웃 페이지를 Divi 빌더에서 로드할 수 있습니다. 이 글에서는 최근 공개된 Meditation Center (명상센터) 레이아웃 팩을 살펴보겠습니다. 워드프레스 Divi 테마용 명상센터(Meditation Center) 레이아웃 팩 무료 다운로드 명상센터 홈페이지 구축에 사용할 수 있는 이 Meditation Center 레이아웃 팩에는 라이선스 제한 없이 사..

워드프레스 엔폴드 테마: 6컬럼 그리드 구현하기 (6열 레이아웃)

워드프레스 인기 테마 중 하나인 엔폴드 (Enfold) 테마에서는 Avia Layout Builder라는 자체 페이지 빌더가 사용됩니다. 엔폴드 테마 빌더에서는 5열 레이아웃까지 기본적으로 지원합니다. 6열 레이아웃(6컬럼 그리드)을 구현해야 하는 경우 아래의 방법을 이용할 수 있습니다. 워드프레스 엔폴드 테마 데모 설치하기 (Enfold) 워드프레스 인기 테마 중 하나인 엔폴드 테마는 우리나라에서 많이 사용되는 테마 중 하나입니다. 제 워드프레스 사이트에도 Enfold 테마를 몇 개월 정도 사용한 적이 있습니다. 당시에는 블로그 avada.tistory.com 워드프레스 엔폴드 테마: 6컬럼 그리드 구현하기 (6열 레이아웃) Enfold 테마의 Avia Layout Builder에서는 아래 그림과 같은..

워드프레스 GeneratePress 테마 사이드바 설정하기

일부 워드프레스 테마에서는 사이드바를 설정할 수 있는 옵션을 제공합니다. 예를 들어, 베스트셀링 테마인 아바다에서는 세부적으로 사이드바 설정이 가능합니다. GeneratePress 테마에서도 사용자 정의하기에서 전체적으로 사이드바를 설정하는 옵션을 제공하고 개별 글/페이지에서 달리 설정하는 옵션도 제공됩니다. 아바다 테마에서 사이드바를 설정하는 방법에 대해서는 다음 글을 참고해보시기 바랍니다. 워드프레스 아바다 테마 사이드바 설정 베스트셀링 워드프레스 테마인 아바다 테마는 매우 상세한 테마 옵션을 제공하므로 코딩 지식이 없는 초보자도 비교적 쉽게 사용할 수 있습니다. Avada 테마에서는 테마 옵션 내에서 페이지, 글, dream.izu.kr 워드프레스 GeneratePress 테마 사이드바 설정하기 G..

워드프레스 GeneratePress 테마 세일 (Happy New Year)

GeneratePress 테마는 속도가 빠른 것으로 평가받는 워드프레스 테마 중 하나입니다. 제 워드프레스 블로그에 이 테마가 설치되어 있습니다. 제너레이트프레스 테마가 새해맞이 할인 행사를 진행하고 있습니다. 워드프레스 GeneratePress 테마 새해 맞이 세일 GeneratePress는 현재 30만 개 이상 사이트에 설치되어 사용되고 있는 인기 테마 중 하나입니다. 꼭 필요한 기능만 탑재되어 속도가 빠른 것이 장점입니다. 기능을 확장하려는 경우 이 테마에서 제공하는 후크(Hook)를 사용하거나 플러그인을 활용하 수 있습니다. 2021년 새해를 맞이하여 GeneratePress 테마가 최대 30달러 할인된 가격에 판매되고 있습니다. GeneratePress 테마 요금제와 라이선스에 대한 자세한 정보..

워드프레스 쇼핑몰 테마 Flatsome (플랫섬) 데모 설치하기

워드프레스 테마 중 하나인 Flatsome(플랫섬)은 우커머스 쇼핑몰 전용 테마 중에서 가장 인기를 끌고 있으며 현재 14만 7천 개 이상이 판매되었습니다. 쇼핑몰을 운영하려는 경우 Flatsome과 같은 테마를 이용하면 편리할 수 있습니다. 참고로 쇼핑몰과 회사 홈페이지를 함께 제작하는 경우에는 아바다, 엔폴드, Divi 등과 같은 다목적 테마를 이용할 수 있습니다. 다목적 테마는 대부분의 사이트 제작에 적합합니다. 워드프레스 쇼핑몰 테마 Flatsome (플랫섬) 데모 설치하기 다음은 Flatsome 테마의 데모 설치 방법입니다. 먼저 Flatsome 테마의 설치 파일을 다운로드합니다. 구입한 테마 다운로드 페이지에서 Download > Installatable WordPress file only를 ..

워드프레스 Divi 테마에 HTML/자바스크립트 코드 추가 방법

워드프레스에서 HTML/Javascript 코드를 추가하고 싶은 경우 다양한 방법으로 가능합니다. 예를 들어, 사이드바에 고정되는 퀵뷰를 추가해야 한다고 하면, 플러그인을 사용하면 편리하겠지만 HTML 코드를 직접 넣고 싶은 경우 1) 테마 파일에 직접 코드를 추가하거나 2) 후크(Hook)를 사용하거나 (함수 파일에 추가), 혹은 플러그인을 사용하여 코드를 넣을 수 있습니다. 워드프레스에서 제공하는 후크를 이용하여 헤더나 푸터 영역에 코드를 넣을 수 있습니다. 테마 함수 파일이나 테마 파일에 직접 코드를 넣는 방식을 이용하면 PHP 코드도 추가할 수 있습니다. (GeneratePress와 같은 테마의 경우 테마의 기능을 사용하여 대시보드에서도 PHP 코드를 추가할 수 있습니다.) 워드프레스 Divi 테..

워드프레스 SuperMag 테마 데모 설치 및 세팅 작업

어제는 워드프레스 무료 매거진 테마 중 하나인 SuperMag 테마를 설치하여 세팅하는 작업을 진행했습니다. 실 사이트는 그대로 두고 테스트 사이트를 만들어 사이트를 이전한 후에 작업하는 것이라 사이트를 마이그레이션하는 데에도 약간 시간이 걸렸습니다. (Duplicator가 작동하지 않아서 수동으로 이전했습니다. 카페24인데 왜 에러가 발생하는지 모르겠습니다.) 워드프레스 SuperMag 테마 데모 설치 및 세팅 작업 SuperMag은 무료 버전과 유료 버전이 있으며, 워드프레스 관리자 페이지의 테마 디자인 > 새로 추가에서 'Supermag'을 검색하여 무료 버전을 설치할 수 있습니다. 무료 버전에는 위의 그림과 같이 Demo 1과 Demo 2, 두 가지 데모가 제공됩니다. 있는 그대로 사용하기에 괜찮..

워드프레스 무료 테마 SuperMag - 매거진 사이트

워드프레스에는 정말 다양한 테마가 있어 고르는 재미가 있는 것 같습니다. 뉴스, 매거진, 블로그 사이트를 만드는 경우 Newspaper 테마를 사용하면 데모를 사용하여 고퀄리티 사이트를 만들 수 있습니다. 심플한 블로그나 사이트를 원하는 경우에는 제 워드프레스 블로그에 사용 중인 GeneratePress가 속도가 괜찮고 후크(Hook)를 사용하여 커스텀하기에도 좋은 것 같습니다. SuperMag은 무료로 이용할 수 있는 매거진 테마로서 무료 버전에서는 2개의 데모가 제공됩니다. 유료 버전에서는 더 많은 데모와 기능이 제공되는 것 같습니다. 이 테마를 설치하여 잠시 살펴보았습니다. 이 테마는 Gutentor라는 페이지 빌더를 사용하고 있고 사용자 정의하기 (Customizer) 내에서 메인 페이지를 제어할..

워드프레스 Advance Blog의 푸터 저작권 텍스트 변경하는 방법

워드프레스 무료 테마 중 하나인 Advance Blog는 사용자가 많지 않지만 심플하게 블로그를 운영하고 싶은 경우 이용할 수 있을 것 같습니다. 이 글에서는 Advance Blog의 푸터 저작권 텍스트를 변경하는 방법에 대해 살펴보겠습니다. 기초적인 PHP 지식이 있으면 다른 테마에도 응용이 가능할 것입니다. 워드프레스 Advance Blog의 푸터 저작권 텍스트 변경하기 Advance Blog는 개인 블로그를 운영할 때 사용할 수 있는 무료 블로그 테마입니다. 사용자가 많지 않기 때문에 이 테마와 관련하여 문의 사항이 있다면 테마 개발자에게 직접 연락해야 할 것 같습니다. 참고로 심플한 블로그를 운영하는 경우 GeneratePress와 같은 테마를 이용하면 속도도 빠르게 나오고 후크(Hook)를 사용..

워드프레스 Divi 테마 헤더 위치 변경하기 [수직 내비게이션]

아바다, 엔폴드 등 일부 테마에서는 헤더 위치를 상단 대신 왼쪽 또는 오른쪽에 배치할 수 있는 옵션을 제공합니다. Divi 테마에서도 헤더를 왼쪽 또는 오른쪽에 표시할 수 있는 수직 내비게이션 기능을 제공합니다. 헤더와 메뉴 내비게이션 레이아웃 헤더 위치를 상단에 배치하고 로고와 메뉴 내비게이션을 표시하는 것이 요즘의 일반적인 웹사이트 구조입니다. 하지만 20여 년 전에는 헤더에 로고가 위치하고 왼쪽 사이드바에 메뉴가 배치되는 형식이 많았습니다. 아래는 약 20년 전에 제가 준전문가에게 의뢰하여 만든 홈페이지입니다. 당시에는 아래와 같은 헤더와 메뉴 구조가 일반적이었습니다. 하지만 워드프레스가 등장하면서 현재와 같은 레이아웃 구조가 일반화되기 시작했습니다. 이와 같은 구조가 SEO에 유리한 것으로 알려져..