워드프레스 일기의 뉴스페이퍼 테마 68

워드프레스 인기 뉴스, 매거진, 블로그 테마인 뉴스페이퍼 테마(Newspaper Theme)는 지속적으로 새로운 기능이 추가되고 버그가 수정된 업데이트를 내놓고 있습니다. 어제 저녁에 뉴스페이퍼 버전 11.4.2 업데이트가 릴리스되었습니다. 저는 업데이트 후에 Updates 메뉴가 작동하지 않는 현상이 발생했는데요. Updates 메뉴가 작동하지 않을 경우 참고해보세요. 워드프레스 뉴스페이퍼 테마 업데이트 후 Updates 메뉴가 작동하지 않는 경우 뉴스페이퍼 테마를 이용하는 경우 워드프레스 관리자 페이지의 Newspaper > Updates에서 최신 버전을 확인할 수 있습니다. 그리고 Newspaper Time Machine 섹션에서 이전 버전으로 다운그레이드하는 것도 가능합니다. 뉴스페이퍼 11.4...

워드프레스 인기 매거진, 블로그 테마 중 하나인 뉴스페이퍼 테마는 tagDiv Composer라는 페이지 빌더가 사용됩니다. tagDiv Composer는 뉴스 사이트, 블로그 사이트 운영에 필요한 매거진 관련 블록을 다수 제공합니다. tagDiv Composer에서 작업을 하다 보면 빈 컬럼(Empty Column)이 잘 삭제가 되지 않아 신경이 쓰이는 경우가 있습니다. 아래의 방법을 통해 뉴스페이퍼 테마에서 빈 컬럼을 쉽게 삭제할 수 있습니다. 워드프레스 뉴스페이퍼 테마에서 빈 컬럼 삭제하기 Newspaper 테마에서 빈 컬럼을 삭제하는 데 어려움을 겪는 경우 다음과 같은 방법으로 삭제가 가능합니다. 1. 빈 칼럼(Empty Column)을 선택합니다. 그러면 아래 그림과 같이 왼쪽 모서리에 행 설정..

뉴스, 매거진, 블로그 사이트 운영에 적합한 워드프레스 뉴스페이퍼 테마는 Theme panel에서 헤더부터 푸터까지 모든 요소를 설정할 수 있습니다. Header 섹션에서는 헤더와 관련된 요소를 선택할 수 있는데, 헤더 스타일을 선택할 수 있는 옵션도 제공됩니다. 하지만 다음 그림과 같이 Header Style(헤더 스타일) 부분이 없는 경우가 있습니다. 워드프레스 뉴스페이퍼 테마에서 헤더 스타일이 표시되지 않는 경우 뉴스페이퍼 테마를 사용하는 경우 테마의 기본 기능을 사용하여 사이트를 구성하는 것과 클라우드 템플릿을 사용하는 두 가지 방법이 있습니다. Newspaper > Plugins에서 뉴스페이퍼 테마에 포함된 플러그인을 설치할 수 있습니다. tagDiv Composer는 뉴스페이퍼 테마에서 사용되..

뉴스페이퍼(Newspaper) 테마는 인기 워드프레스 매거진, 뉴스, 블로그용 테마로서 콘텐츠가 많은 블로그나 뉴스 사이트 운영에 적합합니다. 뉴스페이퍼 테마에서 인용구 글자 크기가 너무 크게 표시되는 경우가 있다고 있습니다. 그리고 블록 에디터에서 글자 크기를 조정해도 변경되지 않는다고 합니다. 그런 경우 간단한 CSS 코드를 통해 인용구 글자 크기를 변경할 수 있습니다. 워드프레스 뉴스페이퍼 테마 인용구 글자 크기 변경하기 뉴스페이퍼 테마를 사용하는 경우 블록 에디터(구텐베르크 편집기)에서 인용 블록을 넣으면 다음과 같이 표시됩니다. 블록 속성에서 몇 가지 설정을 할 수 있습니다. 서체에서 글자 크기를 지정할 수 있습니다. 하지만 여기에서 글자 크기를 지정해도 뉴스페이퍼 테마에서는 인용구의 글자 크기..

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

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

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

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

일부 워드프레스 테마에서는 페이지를 아래로 스크롤할 때 사이드바를 고정하는 옵션을 제공합니다. 하지만 사이드바 고정 기능을 지원하지 않는 테마가 많습니다. 사이드 고정 옵션이 없는 경우 간단한 CSS 코드를 사용하거나, 워드프레스 플러그인을 사용하여 사이드바를 고정할 수 있습니다. 이 글에서는 아바다, 뉴스페이퍼, 엔폴드, GeneratePress 테마에서 사이드바를 고정하는 방법과 사이드바 고정 플러그인을 소개합니다. 워드프레스 사이드바 고정하기 아바다, 뉴스페이퍼 등 일부 테마에서는 사이드바를 고정하는 옵션을 제공합니다. 하지만 많은 테마에서 사이드바 고정 옵션을 지원하지 않습니다. 사이드바 고정 기능이 없는 경우 CSS나 자바스크립트 또는 플러그인을 사용하여 사이드바를 고정할 수 있습니다. 아바다 ..

홈페이지에서 페이지를 아래로 스크롤하면 헤더가 고정되도록 하는 기법이 많이 사용됩니다. 워드프레스에서는 여러 가지 방법으로 헤더를 고정할 수 있습니다. 아바다, 엔폴드, Divi 테마, 뉴스페이퍼, GeneratePress 등 일부 테마에서는 헤더 고정 옵션을 제공합니다. 테마에서 헤더 고정 옵션을 제공하는 경우에는 테마의 기능을 사용하면 편리합니다. 테마에서 헤더나 메뉴를 고정하는 옵션을 제공하지 않으면 CSS 코드를 사용하거나 플러그인을 사용할 수 있습니다. CSS 코드로는 정교하게 고정하지 못하기 때문에 자바스크립트를 활용하면 보다 정교하게 고정하는 것이 가능합니다. 코딩 지식이 없다면 무료 플러그인을 사용하면 편리합니다. 워드프레스 헤더 고정하기 이 글에서는 몇 가지 테마에서 헤더를 고정하는 방법..