사이트 레이아웃 설정

사이트의 레이아웃은 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...