베스트셀링 워드프레스 테마인 아바다 테마에서 동영상을 삽입하려는 경우 YouTube와 Vimeo 엘리먼트를 사용하여 유튜브와 비메오 동영상을 삽입할 수 있습니다. 다른 방법으로 동영상 파일을 직접 서버에 업로드하여 삽입하는 것도 가능합니다. 동영상을 서버에 업로드하여 삽입할 경우 다운로드 버튼이 표시됩니다. 아바다 테마에서 동영상을 업로드하여 삽입할 때 비디오 다운로드 버튼을 제거하고 싶은 경우 아래의 방법으로 제거가 가능합니다. 워드프레스 아바다 테마 비디오 다운로드 버튼 제거하기 [참고*워드프레스 사이트에 동영상을 삽입하려는 경우 서버나 웹호스팅 서버에 동영상을 업로드하여 삽입하는 것은 트래픽 문제 때문에 그다지 바람직하지 않을 수 있습니다. 많은 트래픽을 감당할 수 있다면 직접 서버에 동영상 파일을..

Davenport는 워드프레스 블로그 & 매거진 테마 중 하나입니다. 이 테마는 그리 인기가 없는 편이고 업데이트도 잘 되지 않고 있지만 최근 이 테마의 세팅을 맡으면서 접하게 되었습니다. 블로그, 뉴스 & 매거진 테마 부문에서는 잘 알려진 Newspaper 테마가 가장 인기가 있습니다. Newspaper에 비해 Davenport는 유연성이 떨어지지만 페이지 빌더를 사용하지 않고 뉴스페이퍼 사이트를 운영하고 싶은 경우 한 옵션이 될 수 있을 것입니다만, 업데이트가 잘 안되고 있기 때문에 그다지 추천하지는 않습니다. 워드프레스 블로그 매거진 테마 Davenport Davenport는 워드프레스 블로그 & 매거진 테마로 SEO와 속도에 최적화된 테마라고 소개하고 있습니다. 실제로 이 테마를 살펴보니 페이지 ..

이 글에서는 워드프레스 테마 중 하나인 GeneratePress에서 이미지 캡션 스타일을 변경하는 방법에 대해 살펴보겠습니다. 참고로 GeneratePress 테마는 꼭 필요한 기능만 탑재하여 속도가 빠른 것이 특징입니다. 워드프레스 사이트 속도가 느려 고민인 경우 GeneratePress 같은 가벼운 테마를 이용하는 것도 한 방법일 수 있습니다. GeneratePress 테마에서 워드프레스 이미지 캡션 스타일 변경하기 GeneratePress 테마에서 이미지 캡션은 글자 크기가 본문과 비슷하고 색상도 비슷하여 본문 텍스트와 구분이 잘 안 되어 마음에 들지 않을 수 있습니다. 이미지 캡션이 마음에 들지 않으면 CSS 코드를 사용하여 쉽게 이미지 캡션의 스타일을 입맛에 맞게 변경할 수 있습니다. 다음 CS..

워드프레스에서 설명서 사이트를 만들고 싶은 경우 설명서 & 지식 기반 테마를 사용할 수 있습니다. Manual - Documentation, Knowledge Base & Education WordPress Theme 테마가 이 부문에서 많이 사용되고 있습니다. 뉴스페이퍼 테마에서 특정 카테고리 글들을 위와 같은 방식으로 설명서를 만들고 싶은 경우 해당 카테고리의 사이드바에 글 리스트를 표시하면 비슷하게 구현이 가능할 것입니다. 뉴스페이퍼 테마 카테고리별 다른 사이드바 설정(+설명서 사이트) 자바스크립트는 오래전에 공부한 적이 있지만 너무 오래되었고 기억에 남아 있는 것이 없어 처음부터 공부해야 상황입니다. 몇 년 전에 책을 몇 권 구입하고도 바쁘다는 핑계로 아직도 시작을 못하고 있습니다. 이번에 W3S..

워드프레스 인기 테마 중 하나인 OceanWP가 5주년 기념으로 최대 40% 할인을 진행한다고 하네요. 또한, ​OceanWP는 Ocean Gutenberg Blocks라는 구텐베르크 블록 플러그인을 새롭게 출시했습니다. 엘리멘터(Elementor)와 같은 페이지 빌더에 의존하지 않고 더 빠른 사이트를 만들 수 있을 것 같습니다. 워드프레스 OceanWP 테마 할인 + 새로운 구텐베르크 플러그인 출시 OceanWP 소개 페이지에 의하면 설립자인 Nicolas는 2012년에 처음으로 워드프레스와 코드에 심취하여 워드프레스를 시작하게 되었고 2013년부터 소규모 업체를 설립하여 워드프레스 테마를 판매하기 시작하였다고 합니다. 매번 고객사 사이트를 만들 때마다 작업을 새롭게 해야 하는 번거로움을 깨닫고 몇 개..

워드프레스 인기 테마 중 하나인 엔폴드(Enfold) 테마가 최근 4.8.6.5 버전으로 업데이트 후에 태블릿과 모바일 기기에서 로고가 비정상적으로 크게 표시되는 오류가 발생하고 있는 것 같습니다. 이 경우 이 글에서 설명하는 방법으로 엔폴드 테마 로고 크기를 변경할 수 있습니다. After updating to Enfold version 4.8.6.5, the logo size will be larger than before in moble and tablet devices. If you are experiencing this issue, you can change the size of the logo using a CSS code. 워드프레스 엔폴드 테마 로고 크기 변경하기(+Enfold 업데이트 후..

인기 워드프레스 매거진 테마인 뉴스페이퍼(Newspaper)는 뉴스, 매거진, 블로그 사이트 제작에 많이 사용됩니다. 뉴스페이퍼 테마에서 카테고리 템플릿은 크게 기본 템플릿을 이용하는 방법과 Cloud Library 템플릿을 이용하는 방법이 있습니다. 이 글에서는 뉴스페이퍼 테마 카테고리 페이지 설정 방법에 대하여 살펴보겠습니다. 워드프레스 뉴스페이퍼 테마 카테고리 템플릿 설정 방법(How to set Newspaper category template) 뉴스페이퍼 테마는 tagDiv Cloud Template을 사용하여 헤더에서 푸터까지 워드프레스 알림판 내에서 모든 요소를 만들 수 있습니다. 카테고리 페이지는 뉴스페이퍼 기본 템플릿과 tagDiv Cloud Library 템플릿을 이용하여 만들 수 있습..

워드프레스의 2021년 공식 테마인 Twenty Twenty-One은 미니멀한 테마로 커스텀하기 좋도록 비어 있는 캔버스와 같습니다. 워드프레스를 설치하면 보통 이 테마가 활성화되어 있을 것입니다. 하지만 글을 작성하거나 페이지를 만들면 배경색이 녹색(파스텔 그린)으로 표시됩니다. 사용자 정의하기에서 전체 배경색을 변경하거나 커스텀 CSS를 사용하여 특정 페이지의 배경색과 글자색을 바꿀 수 있습니다. 워드프레스 Twenty Twenty-One 테마 배경색 변경하기 워드프레스를 자동 설치하면 보통 위의 그림과 같이 이공이일(Twenty Twenty-One) 테마가 활성화되고 배경색이 녹색으로 표시될 것입니다. Twenty Twenty-One 테마의 배경색은 워드프레스 알림판 > 외모 > 사용자 정의하기 >..

인기 워드프레스 테마 중 하나인 Divi 테마용 무료 블로거 레이아웃 팩(Blogger Layout Pack)이 10월 4일(우리나라 시각으로 10월 5일 새벽)에 공개되었습니다. Divi 테마를 개발한 Elegant Themes에서는 매주 무료 레이아웃 팩과 템플릿을 제공하고 있습니다. 워드프레스 Divi 테마용 무료 블로거 레이아웃 팩 (Blogger Layout Pack) 공개 Divi 개발사인 Elegant Themes는 매주 새로운 무료 레이아웃 팩을 제작하여 Divi 테마 라이브러리에 추가하고 있습니다. 현재 222개 레이아웃 팩과 1714개의 레이아웃을 Divi 빌더의 라이브러리에서 로드할 수 있습니다. Load From Library (라이브러리에서 로드하기) 창에서 아래로 스크롤하면 최근..

일부 워드프레스 테마에서는 사용자가 아래로 마우스를 스크롤할 때 메뉴/헤더를 숨기고 위로 스크롤할 때 메뉴를 다시 표시하는 옵션을 제공하기도 합니다. 뉴스페이퍼 테마에서는 고정 메뉴(Sticky Menu) 옵션에서 스마트 스냅(Smart snap) 항목을 선택하면 마우스 스크롤 시 메뉴가 숨겨졌다가 위로 스크롤하면 메뉴가 나타납니다. 워드프레스 뉴스페이퍼 테마 스크롤 시 메뉴 숨김(스마트 스냅) 옵션 아래 영상과 같이 마우스를 아래로 스크롤할 때 메뉴를 숨기고, 위로 스크롤할 때 메뉴를 다시 표시하면 방문자들이 아래로 스크롤하면서 글을 읽을 때 상단 메뉴의 방해를 받지 않기 때문에 UX(사용자 경험) 향상에 도움이 됩니다. 예전에 미디엄에서 이와 비슷하게 작동했지만 오늘 확인해보니 미디엄(Medium)에..