워드프레스에서는 위로 이동(Back To Top, Scroll To Top) 버튼을 제공하는 테마가 많습니다. 아스트라, 제너레이트프레스 등의 테마에서도 위로 이동 버튼 기능을 제공합니다. 아스트라 테마에서 Scroll To Top 버튼을 활성화/비활성화하는 방법에 대하여 살펴보겠습니다. 아스트라 테마 위로 이동(Scroll To Top) 버튼 활성화/비활성화 네이버 카페에 Astra 테마에서 위로 이동 버튼 기능을 비활성화하는 방법에 대한 질문이 올라와서 아스트라 테마에서 위로 이동 버튼을 제거하는 방법에 대하여 살펴보았습니다. 위로 이동 버튼을 클릭하면 화면의 상단으로 이동하게 됩니다. 쉽게 화면 상단으로 이동할 수 있도록 이 버튼이 제공되는 워드프레스 테마가 많습니다. 이 버튼은 보통 우측 하단에 ..

워드프레스에서 OnePress 테마를 활성화하고 최신 글을 홈에 표시하면 가장 최근에 발행한 글의 제목이 헤더 아래, 최신 글 목록 위에 표시됩니다. 아래 그림과 같이 최신 글 위에 한번 더 최신 글 제목이 표시되어 중복 느낌이 있습니다. 이 부분을 "페이지 제목 표시줄"(페이지 타이틀 표시줄)이라고 합니다. 다행히 OnePress 테마에서는 페이지 제목 표시줄을 비활성화하는 옵션을 제공합니다.워드프레스 OnePress 테마: 페이지 제목 표시줄 비활성화하기네이버 카페에 원드프레스 테마를 사용할 경우 첫 번째 글의 제목이 크게 표시되는 것과 관련하여 자주 질문이 올라오네요.OnePress 테마에서 페이지 타이틀 표시줄을 제거하려면 모양( 또는 외모 ) » 사용자 정의 » 테마 옵션 » Page Title..

워드프레스에서 코드를 추가하거나 테마 파일을 수정하려는 경우 차일드 테마(자식 테마, 하위 테마라고도 함)를 만들어 작업해야 합니다. 그렇지 않을 경우 테마가 업데이트되면서 수정 사항이나 추가 사항이 사라질 수 있습니다. GeneratePress 테마의 경우 플러그인을 사용하여 차일드 테마를 만들 수 있지만, 아래의 차일드 테마 설치 파일을 다운로드하여 설치할 수도 있습니다. 워드프레스 GeneratePress 차일드 테마 다운로드 엘리멘터 페이지 빌더나 아바다, Divi, 뉴스페이퍼 등 일부 테마에서는 FTP에 접속할 필요 없이 알림판에서 커스텀할 수 있도록 테마 빌더 기능을 제공합니다. 하지만 테마의 함수 파일에 코드를 추가해야 하거나 테마 파일을 수정해야 하는 상황에서는 차일드 테마를 만들어서 작업..

워드프레스 인기 테마 중 하나인 Divi 테마에서는 매주 새로운 레이아웃 팩이 추가되어 페이지 제작에 활용할 수 있도록 하고 있습니다. Divi는 아바다 테마와 유사한 기능을 제공하는 다목적 테마로서 아바다 테마와 비슷한 판매량을 보이고 있습니다. 특히 Divi는 AI 기능을 추가하여 차별화를 꾀하고 있습니다. 최근에는 Divi Code AI 기능을 도입하여 코딩 작업까지 가능하게 되었습니다.Divi 테마에서 제공하는 레이아웃 팩을 활용하여 랜딩 페이지를 빠르고 쉽게 만들 수 있습니다.  워드프레스 Divi 테마를 사용하여 랜딩 페이지를 쉽게 만드는 방법워드프레스를 이용할 경우 엘리멘터 페이지 빌더를 사용하면 비교적 수월하게 랜딩 페이지를 만들 수 있습니다. Divi 테마를 사용하면 엘리멘터 ..

워드프레스를 이용할 경우 엘리멘터 페이지 빌더를 사용하면 비교적 수월하게 랜딩 페이지를 만들 수 있습니다. Divi 테마를 사용하면 엘리멘터 못지않게 쉽게 랜딩 페이지를 만들 수 있습니다. Elegant Themes의 Divi 테마에서는 매주 새로운 레이아웃 팩이 추가되고 있습니다. 레이아웃 팩에 포함된 레이아웃 페이지들을 로드하여 새로운 페이지를 만들 수 있습니다. 여러 개의 레아아웃을 로드하여 필요한 요소만 남기고 삭제하여 활용하는 것도 같습니다. 워드프레스 Divi 테마를 사용하여 랜딩 페이지를 쉽게 만드는 방법 Divi 테마는 아바다 테마와 비슷한 판매량을 자랑하는 다목적 베스트셀링 워드프레스 테마입니다. Divi 테마는 특히 거의 매주 새로운 레이아웃 팩이 추가되어 사용자들이 활용할 수 있도록 ..

워드프레스 Divi 테마는 아바다 테마와 비슷한 판매량과 기능을 제공하는 베스트셀링 테마 중 하나입니다. 최근에는 AI를 이용하여 텍스트와 이미지를 생성하고, 코딩까지 하는 Divi Code AI 기능이 출시되어 보다 수월하게 Divi 테마를 사용할 수 있도록 기능을 꾸준히 향상시키고 있습니다. 워드프레스 Divi 테마: 한글 폰트 적용하기 Divi 테마를 활성화하고 사이트 언어를 한국어로 설정해도 한국어 폰트가 제대로 적용되지 않아서 어색하게 보일 수 있습니다. 저는 다음과 같은 코드를 추가하여 사용해 왔습니다. *:not(.ab-icon):not(.ab-item):not(.dashicons) { font-family: arial, 'Noto Sans KR', sans-serif; } 이렇게 하면 No..

워드프레스에서는 무료 또는 유료 목차 플러그인을 사용하여 목차를 표시할 수 있습니다. 뉴스, 블로그 사이트에 많이 사용되는 뉴스페이퍼 테마에서는 자체적으로 목차 기능을 제공합니다. 싱글 포스트 템플릿에서 Single Post Table of Content 엘리먼트(모듈)를 사용하여 목차를 표시할 수 있습니다. 워드프레스 목차 플러그인 워드프레스에서는 다양한 무료 목차 플러그인과 유료 플러그인이 있습니다. 무료 목차 플러그인의 경우 최근 Easy Table of Contents(쉬운 목차) 플러그인이 많이 사용되고 있습니다. 목차 플러그인을 생각하고 있다면 Easy Table of Contents가 무난할 것 같습니다. 깔끔하고 커스텀도 비교적 쉬운 편입니다. 다만, 목차 고정 기능 등을 원하는 경우에는 ..

워드프레스 Divi 테마는 아바다 테마와 비슷한 판매량을 자랑하는 베스트셀링 테마 중 하나입니다. Divi는 테마 빌더 기능을 처음으로 도입하여 알림판에서 커스텀할 수 있는 길을 가장 먼저 열었습니다. 이후에 아바다 등의 테마에서도 비슷한 기능을 도입했고 엘리멘터 페이지 빌더에서도 테마 빌더 기능을 추가했습니다. Divi 테마에서 글 하단에 커스텀 문구를 표시하고 싶은 경우 테마 빌더를 사용하거나 훅(hook)을 사용할 수 있습니다. 테마 빌더를 사용하면 코딩 지식이 없어도 수월하게 커스텀이 가능합니다. 워드프레스 Divi 테마: 테마 빌더(Theme Builder)를 사용하여 글 하단에 커스텀 문구 표시하기 테마 빌더 사용하기 Divi 테마나 엘리멘터 페이지 빌더를 사용하는 경우 테마 빌더를 활용하면 ..

워드프레스 뉴스페이퍼 테마로 만든 사이트와 비슷하게 만드는 작업을 최근 진행했습니다. 뉴스페이퍼는 쉽게 퀄리티 높은 사이트를 만들 수 있지만 속도면에서 GeneratePress 테마보다 느리고 트래픽도 많이 소모하는 편입니다. 이 글에서는 GeneratePress 테마의 페이지 내비게이션 번호 스타일을 뉴스페이퍼 페이지네이션 스타일과 비슷하게 변경하는 방법을 살펴보겠습니다. 워드프레스 GeneratePress 테마 페이지 내비게이션(페이지네이션) 번호 스타일을 뉴스페이퍼 스타일로 변경하기 뉴스페이퍼의 기본 데모를 로드할 경우 페이지네이션 번호 스타일은 다음과 같습니다. GeneratePress 테마의 경우 페이지네이션이 숫자로만 표시되고 아무런 디자인이 들어가 있지 않습니다. 위의 그림과 같은 스타일로 ..

GeneratePress 테마 세팅 작업을 하면서 사용자 정의하기에서 'Read More' 버튼이 표시되도록 설정했지만 이상하게 최신 글 목록에서는 'Read More' 버튼이 표시되지 않는 현상을 경험했습니다. 테마를 다른 테마로 바뀌었다가 다시 활성화하고, 플러그인도 모두 비활성화했지만 문제가 해결되지 않았습니다. 이 경우 테마 함수 파일에 코드를 추가하여 'Read More' 버튼을 표시할 수 있습니다. 워드프레스 GeneratePress 테마: 'Read More' 버튼이 표시되지 않는 경우 GeneratePress 유료 버전을 사용하는 경우 외모 » 사용자 정의하기 » Layout » Blog에서 Read more label(더 보기 라벨)을 지정할 수 있고 Display read more as..