부트스트랩 제너레이터 사이트에서 기본적인 내용으로 레이아웃을 만들어 다운로드 한 후 이미지 만들어진 테마 폴더에 업로드 합니다. 하지만 아직은 테마에서 필요한 header 와 footer 파일을 나누기전이기 때문에 아래 샘플 파일을 받아 업로드 하시면 동일한 내용을 보실수 있습니다. demo2018-V0.5.zip 부트스트랩의 경우 컨테이너라는 큰 외곽틀안에 여러개의 행(Row)과 열(Column)을 만들어 레이아웃을 완성하며 12개의 컬럼크기를 이용하여 여러가지 라이브러리를 추가 합니다. […]
워드프레스 테마 만들기에서 여러가지 프로그램을 설치하고, 웹호스팅까지 준비되었다면 바로 제작을 진행하셔도 되지만, 그렇지 않다면 먼저 아래 목록을 보시고 필히 확인 하시기 바랍니다. JAVA 설치 Aptana Studio 설치 웹호스팅 신청 또는 로컬 PC 에 웹서버 설치 웹호스팅 신청 사이트 (아이디, 비밀번호) FTP 계정 (아이디, 비밀번호) 데이터베이스 (데이터베이스 이름, 아이디, 비밀번호) 위 내용중 웹호스팅 관련하여 신청하실때는 아이디와 […]
워드프레스 테마를 만들면서 가장 궁금해 하고 이해하기 어려운 부분이 워드프레스 테마의 템플릿 구조이며 사용자 요청에 따라 테마내에 있는 파일들이 어떻게 작동하여 화면에 출력 하는지에 대한 부분 들입니다. 이전에 작성한 글 내용을 참고 하시면 이해 하시는데 도움이 될것 같습니다. 워드프레스 테마 구조 왼쪽에서 부터 오른쪽으로 프로세스가 흐르며, 없는 파일은 최종 오른쪽 파일이 실행된다고 보시면 됩니다. 또한 […]
워드프레스 테마를 만들기 위해 많은 부분들이 필요합니다. 그 중에서도 HTML 과 CSS 부분을 모르면 화면을 구성하기 힘들어집니다. 그래서 이러한 부분들을 어느정도 쉽게 제작할 수 있도록 해 주는 CSS 템플릿이 있습니다. 트위터 개발사에서 만들어진 부트스크랩 이라는 CSS 템플릿은 워드프레스뿐 아니라 일반 홈페이지 개발에서도 많이 사용하고 있으며, 다양한 콤포넌트 기능을 지원하여 초보자도 고급기능을 구현할 수 있습니다. https://getbootstrap.com/ […]
워드프레스 테마를 직접 만들기 위해 사전에 몇 가지 준비하고 알아야 하는 부분들이 있습니다. 먼저 홈페이지를 운영하기 위해 웹호스팅 서비스를 해야 하며 또한 사람들이 쉽게 접속 할 수 있도록 도메인을 연결해야 합니다. 워드프레스 테마를 만들때는 자신의 컴퓨터에서 만들어도 되며, 원격지에 있는 웹호스팅 서버에 직접 만들어도 됩니다. 여기서 공통된 부분은 웹서버 라는 프로그램이 운영되어야 한다는것 입니다. 자신의 […]
홈페이지 제작에 앞서 웹페이지(홈페이지)를 만들기 위해 사용하는 개발 언어를 먼저 이해 하시면 도움이 될것 같습니다. 일반적으로 홈페이지는 HTML 이라는 마크업언어를 웹브라우저(익스플로러, 사파리, 크롬, 파이어폭스)등 으로 해석하여 문자나, 이미지, 동영상을 화면에 보여지게 합니다. 어느날 고정된 문서가 아닌, 사용자가 원하는 내용을 입력하여 결과를 다르게 보여지는 화면이 필요하게 되어 만들어진 언어가 CGI 입니다. 지금도 개발언어를 CGI 라고 하지만, […]
워드프레스의 가장 큰 장점은 사용자 화면의 구성 요소를 관리자 페이지에서 설정 가능하도록 다양한 옵션을 조정할 수 있다는것 입니다. 외국 사이트의 테마를 보면 사용자 화면과 1:1 대응하는 관리툴을 제공하여 문자 변경, 이미지 변경등의 사용자화면을 자유롭게 변경하는것이 가능합니다. TrueThemes 에서는 제공하는 테마의 경우 ThemeOptions 을 직접 추가 할 수 있는 기능을 제공하여 사용자가 직접 옵션을 추가 할 […]
워드프레스를 사용하면서 처음 워드프레스를 접하는분이 많이 질문 하는 것 하나가 특정 부분의 정보 노출을 없애거나, 글자를 키우고 싶다고 질문을 합니다. 워드프레스는 테마의 구조에 따라 수정 하는 방법도 달라지며, 복잡한 구조의 테마인 경우 원하는 위치를 찾는데 많은 시간이 소요 됩니다. 또한 현재 수정을 하고자 하는 내용이 프로그램적인것인지 디자인적인것 인지 잘 파악 하여야 합니다. 프로그램적인 것은 테마의 […]
워드프레스 테마를 제작하는 유일한 어플리케이션 형태이지 않을까 합니다. http://www.artisteer.com/ 워드프레스에서 표준 처럼 규정한 헤드,콘텐츠,사이드바,푸터 에 필요한 모든 객체를 콘트롤 할 수 있으며, 개별 포스트 및 페이지의 slug 파일을 만들어 별도의 출력 화면도 구성이 가능합니다. 미리 만들어진 다양한 테마를 선택할 수 있으며, 테마를 완료 한 다음 파일로 만들어진 테마를 업로드 하면 바로 적용이 됩니다.
워드프레스 테마 제작하는 툴은 몇가지 있지만 지금 소개할 테마는 직접 테마를 만들어 사용하는 테마 제작하는 테마입니다. HeadWayThemes.com 에서 제공하는 테마는 구입시 1년간 업그레이드를 지원하고 있으며, 마우스로 드래그 하여 테마를 디자인 합니다. 사용법은 먼저 테마를 설치한 다음 비쥬얼 에디터에서 Index 화면을 설정합니다. 마우스로 모두 설정이 가능하며, 썸네일 출력 여부 및 포스트 갯수도 제어 가능합니다. 제작할 테마의 […]
