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

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

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

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

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

인기 워드프레스 테마 중 하나인 Divi 테마에서는 현재 1400개가 넘는 무료 레이아웃을 이용하여 다양한 페이지를 쉽게 만들 수 있습니다. 이와는 별도로 Divi Marketplace에서 무료 또는 유료로 Divi 파트너들이 판매하는 레이아웃을 구입할 수도 있습니다. 며칠 전부터 블랙프라이데이를 맞이하여 Divi Blog Bundle을 50% 할인된 가격에 구입할 수 있다는 이메일이 와서 이번 기회에 저렴한 블로그 레이아웃을 하나 구입했습니다. 블랙프라이데이 워드프레스 Divi 블로그 번들 50% 할인 Divi Marketplace에서 'blog'로 검색해보면 현재 20개의 블로그 관련 익스텐션이나 레이아웃 또는 차일드 테마가 검색됩니다. 가격은 무료에서 123.75달러대로 다양합니다. 저는 Sassy..

블랙 프라이데이를 맞이하여 테마포레스트 (Themeforest)의 일부 워드프레스 테마가 최대 50% 할인된 가격이 판매되고 있습니다. 2020년 블랙 프라이데이 워드프레스 테마 세일 인기 테마 중에는 더세븐(The7), 브릿지(Bridge), Porto, 주피터 (Jupiter), 뉴스페이퍼 (Newspaper), Jannah, Eduma 등이 눈여겨볼 만한 것 같습니다. 더세븐과 브릿지, Porto, 주피터는 다목적 워드프레스 테마이며, 뉴스페이퍼와 Jannah는 뉴스, 매거진 테마입니다. 콘텐츠가 많은 블로거나 뉴스, 매거진 사이트에 뉴스페이퍼 같은 매거진 테마가 적합합니다. Eduma는 인기 LMS 테마로서, 교육용 사이트, 인강 사이트 구축에 사용할 수 있습니다. 저렴하다고 불필요한 테마를 구입..

워드프레스에서는 여러 가지 방법으로 사용자 정의 CSS 코드를 추가할 수 있습니다. 차일드 테마를 사용하는 경우 차일드 테마 폴더 아래의 스타일시트 파일(style.css)에 추가하거나 테마 디자인 > 사용자 정의하기 아래에서 CSS 코드를 추가할 수 있습니다. 아바다 (Avada), 엔폴드 (Enfold) 등 일부 테마에서는 테마 옵션에서 사용자 정의 CSS를 추가할 수 있는 옵션을 제공합니다. 워드프레스 아바다 테마 CSS 코드 추가하기 워드프레스 베스트셀링 테마 중 하나인 Avada 테마에서는 1) 차일드 테마 내의 스타일시트 파일에 CSS 코드를 추가하거나 2) 테마 디자인 > 사용자 정의하기 > 추가 CSS에 CSS 코드를 추가하는 방법 외에 아바다 테마 내의 테마 옵션에서도 커스텀 CSS 코드..

워드프레스 인기 매거진 테마인 뉴스페이퍼에서는 블로그, 매그진, 뉴스 사이트 구축에 사용할 수 있는 데모를 제공합니다. 최근에 제공하는 대부분의 데모는 Cloud Template을 사용하여 만들어집니다. 클라우드 템플릿을 사용하여 헤더, 푸터뿐만 아니라 개별 포스트, 카테고리 템플릿 등을 Cloud Templates 아래의 템플릿에서 제어가 가능합니다. Magazine Demo를 로드할 경우 카테고리 페이지의 상단에 표시되는 그리드 (Big Grid Flex 엘리먼트)에는 특정 카테고리 글들이 표시될 것입니다. 특정 카테고리 글 대신 해당 카테고리의 글들이 표시되도록 하려면 아래의 방법을 참고해보세요. 뉴스페이퍼 테마: 카테고리 페이지의 그리드에 동일 카테고리 글 표시하기 Newspaper 테마를 사용하..

워드프레스 인타 테마 중 하나인 아스트라 테마는 현재 100만 개 이상 사이트에 설치되어 사용되고 있습니다. Astra 테마에서 간단하게 요소를 끌어서 놓는 방식으로 헤더와 푸터를 만들 수 있는 Header & Footer Builder (헤더 & 푸터 빌더)를 도입한다고 합니다. 워드프레스 아스트라 테마: Header Footer Builder 도입 Astra는 속도가 빠른 테마로 WPML에서 선전한 워드프레스 테마 중 하나입니다. 속도가 중요한 경우 아스트라와 같은 가벼운 테마를 선택하면 도움이 될 것입니다. WPML에서 추천하는 빠르고 가벼운 워드프레스 테마 3종 워드프레스에서 다국어 사이트를 구현할 경우 WPML 같은 플러그인을 이용하든 멀티사이트를 이용하든 사이트 속도가 느려질 수 있습니다. 다..