카테고리 관련 설정

QPRESS 테마는 강력한 카테고리 설정을 가지고 있습니다. 특히 계층형 카테고리 구조에서 최상위 카테고리에 대한 다양한 설정을 제공하되 그 하위 카테고리들은 모두 최상위 카테고리의 설정을 갖도록 하였습니다. 즉 분류별 글쓰기, 분류별 일관성을 극대화 한 것입니다. Q.PRESS 테마의 카테고리 Display 방식 Q.PRESS 카테고리에 대한 설정은 최상위 카테고리에 대한 설정입니다. QPRESS 테마 설정의 '카테고리' 탭으로 이동 하여, 설정 하고자 하는 최상위 카테고리를 선택 합니다. 테마 설정의 '카테고리' 설정 메뉴(최상위 카테고리 중 하나를 선택해야 설정 옵션이 나타남) 카테고리 설정 화면 카테고리 페이지 헤더 :...

테마 색(Color) 설정

웹사이트 디자인에서 가장 중요한 부분이 색깔일 것입니다. 그런데, 한 사이트에서의 색상은 그 일관성이 무엇보다 중요합니다. 페이지마다 다른 색들이 등장하다 보면 한 사이트에 수십개 또는 수백개의 색이 존재하게 되어 그 전문성과 퀄러티를 현저히 저하 시키게 됩니다. QPRESS 테마에서는 2개의 대표 색상(Main Color, Point Color)를 사용하여 관련 색으로 파생시키는 스킴을 지니고 있습니다. 이러한 관련 색상에 관한 개념은 아래 링크를 통해 별도로 참고 하시기 바랍니다. https://www.w3schools.com/colors/colors_monochromatic.asp 관련색 예시 qp.css의 Color Scheme은 색상 이름 앞에 x 가 붙으면 어두운 톤을 더하고 이름 뒤에 x가...

사이트 레이아웃 설정

사이트의 레이아웃은 PC 웹만 존재하던 시절에는 사이트 구성의 가장 첫단계였습니다. 최근에는 모바일이 중요해지면서 복잡한 레이아웃을 사용하는 사이트가 점점 줄어드는 추세입니다. 그래도 PC 웹은 사라지는 것이 아니기때문에, 사이트 레이아웃에 대한 설정은 여전히 사이트 제작의 첫단계 입니다. 레이아웃의 종류 기본 레이아웃 글과 페이지 등에서 별도로 레이아웃을 지정하지 않았을 경우 사용되어지는 공통 레이아웃에 대한 설정을 합니다. 페이지별 레이아웃 각 페이지는 별도의 레이아웃 설정이 없으면 위의 공통 레이아웃이 적용 됩니다. 특정 페이지에 공통레이아웃과 다른 레이아웃을 설정하려면 페이지 편집화면 하단에 있는 QPRESS Option에서 설정 할수...

웹폰트 설정

QPRESS는 기본 폰트 이외에 Google 웹폰트를 사용할 수 있습니다. Google 웹폰트에는 전세계에서 등록한 수천개의 폰트가 있고, 무료로 사용 할 수 있습니다. 1.폰트 선택 https://fonts.google.com/ 사이트에서 원하는 폰트의 이름을 확인 한 후 복사 합니다. Google Fonts의 Font 이름 2.QPRESS 테마 설정에 폰트 등록 관리자의 'QPRESS' 메뉴로 이동하여 '일반설정' 탭을 선택 합니다. '구글 웹폰트 등록' 입력폼에 복사한 폰트 이름을 입력합니다. 기존에 등록된 폰트가 있거나 여러개의 폰트를 등록 할 경우에는 ' | ' 기호로 구분합니다. 3.폰트 사용 이렇게 폰트 이름이 등록되면, 사이트 폰트...

QPRESS 테마 설치

1. 테마 파일 다운로드 다운로드 메뉴에서 QPRESS 테마 최신 버전을 다운로드 받습니다. 다운로드 파일은 Zip 파일이며 별도로 압축풀기를 하실 필요 없습니다. 2. 테마 업로드 및 설치 관리자의 테마 디자인>테마 메뉴에서 새로운 테마 추가 하기를 사용하여 다운로드 받은 QPRESS 테마를 업로드 하여 설치 합니다. 위의 마직막 그림과 같이 '활성화'를 클릭해 주면 테마의 설치는 완료 된 것입니다.설치 이후, 워드프레스 설정, 홈(메인) 화면 설정, 메뉴 만들기 등의 기본적인 단계들이 있는데 이부분은 아래 글에서 확인 하시기 바랍니다. 워드프레스 메뉴 만들기워드프레스 홈 화면 설정

회원가입 플러그인 Style

1. Ultimate Members 전세계적으로 가장 많이 사용되는 회원가입 플러그인입니다. 무료버전을 사용하더라도 필수적인 기능은 거의 다 충족이 되고, 설정 및 페이지들도 깔끔합니다.버튼의 색깔과 입력폼 스타일만 수정해도 테마와 잘 어울리는데, 아래 CSS 코드를 '테마 디자인>사용자정의하가>추가CSS' 부분에 삽입하시기 바랍니다. .um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active { background: var(--main); color:var(--main-inverse); } .um .um-button.um-alt, .um input[type=submit].um-button.um-alt { background: #eeeeee; box-shadow: none; } .um .um-form input[type=text], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=number], .um .um-form input[type=password], .um .um-form...