• 프리미엄 테마로 만드는 워드프레스 사이트
  • The7 테마와 비주얼 컴포저 완벽 가이드

  • 김덕기 지음

  • 오픈소스 & 웹 시리즈 _ 073
  • ISBN: 9791158390167
  • 35,000원 | 2015년 09월 21일 발행 | 520쪽



이제 코딩 없이 프리미엄 웹사이트를 만들 수 있다!

워드프레스는 블로그를 만드는 데 주로 사용했지만 웹사이트뿐만 아니라 쇼핑몰까지 만들 수 있을 정도로 진화했다. 이 책에서는 코드에 자신이 없는 초보자도 손쉽게 프리미엄 웹사이트를 만드는 방법을 상세히 설명하고 있다.

이 책에서 설명하고 있는 The7이라는 프리미엄 테마는 기업 사이트, 포트폴리오 사이트를 만드는 데 적합한 다양한 기능을 가지고 있다. 프리미엄 테마는 코드를 사용하지 않고도 디자인을 다양하게 변경할 수 있는 테마 옵션이 있어서 원하는 사이트를 쉽게 만들 수 있다. 이 책에서는 이러한 수많은 옵션에 대해 자세히 설명하고 있다. 프리미엄 테마는 대부분 비슷한 구조로 되어 있으므로 이 책을 통해서 다양한 사이트를 만들 수 있는 기본 지식을 배울 수 있을 것이다.

★ 이 책에서 다루는 내용 ★

  • 워드프레스 웹사이트를 만들기 위한 기본 지식 및 각종 테마 소개
  • 페이지 빌더에 대한 자세한 사용법
  • 멋진 슬라이더 페이지 만들기
  • 각종 보안 기능에 대한 소개

 

상세 이미지

상세 이미지

김덕기

금융기관 퇴직 후 평소 열망하던 웹디자인에 입문해 포토샵, CSS, 제이쿼리, 워드프레스 등 웹디자인 관련 지식을 블로그를 통해 공유하며 프리랜서 웹디자이너로 활동 중이다. 워드프레스 공식 한글 사이트의 편집자로 참여해 신속하게 한글 버전으로 발행하고 있으며, 번역가(아이디 martian36) 및 밸리데이터(Validator)로 워드프레스 한글 번역의 미진함을 업데이트하고 필수 플러그인을 번역하고 있다. 티스토리 블로그(http://martian36.tistory.com)를 운영 중이다.

출간 서적: 『워드프레스 완벽입문』 『트위터 부트스트랩』 『워드프레스 쇼핑몰 만들기』 『DIY! 워드프레스』 『서브라임 텍스트』 『트위터 부트스트랩으로 만드는 워드프레스 테마』

  • ▣ 1장: 워드프레스 웹 사이트
    1. 워드프레스로 웹 사이트를 만드는 이유
      • 강력하고 쉬운 플러그인 시스템
      • 자유로운 디자인의 선택
      • 수많은 기여자
      • 방대한 커뮤니티
      • 사용의 용이성
      • 웹 사이트 플랫폼으로의 진화
      • 반응형 디자인
    2. 이 책을 진행하는 데 필요한 사항
      • HTML과 CSS에 관한 지식
      • 워드프레스에 관한 지식
      • 텍스트 편집기
      • 구글 크롬 브라우저
      • 웹 서버 환경 구축
      • 질문/답변
    3. 워드프레스 설치
      • 서버 환경 구축
      • 워드프레스 설치
      • 데이터베이스 만들기
      • 워드프레스 설치
      • 웹 호스팅의 선택
    4. 워드프레스 관리자 화면
      • 글 편집하기
      • 편집기 도구 모음
    5. 유료 테마 구매하기
      • 계정 만들기
      • 테마 고르기
      • 테마 파일의 구조
    6. 테마와 각종 플러그인 설치
      • 워드프레스 관리자 화면에서 테마 설치하기
      • 테마 폴더를 직접 업로드
      • 자식 테마 수정
      • 테마 활성화 및 플러그인 설치
      • 언어 파일 설치
      • 플러그인의 기능
    7. 데모 데이터 설치
      • 워드프레스 백업
      • 오토셋 서버 성능 향상
      • 데이터베이스 URL 변경
      • 데모 데이터 설치
    8. 테마 옵션
      • 일반 옵션
      • 스킨 옵션
      • 헤더 & 탑바 옵션
      • 브랜딩
      • 스트라이프
      • 사이드바
      • 푸터 & 하단바
      • 블로그, 포트폴리오, 갤러리
      • 페이지 제목 옵션
      • 폰트
      • 버튼 옵션
      • 이미지 스타일 & 마우스 오버
      • 공유 버튼
      • 위젯 영역
      • 가져오기 & 내보내기
      • 글 보관함
    •  
  • ▣ 02장: 페이지 만들기
    1. 웹 사이트의 콘텐츠
      • 사용자 정의 글 타입(Custom Post Type)
      • 글(Post)과 페이지(Page)
      • 페이지 레이아웃
    2. 페이지 빌더
      • 단축코드
      • 페이지 빌더와 관련된 메뉴
      • 페이지 빌더란?
      • 페이지 빌더의 기본 사용법
      • 비주얼 컴포저의 구성
      • 페이지 빌더 요소의 구분
      • 페이지 헤더 옵션
      • 팬시 타이틀
      • 슬라이드쇼
      • 페이지 기타 설정
      • 페이지 만들기
    3. 미디어 다루기
      • 이미지 복사하기
      • 배너
      • 단일 이미지 요소
      • 스트라이프로 배경 이미지 다루기
      • 팬시 미디어
      • 비디오 플레이어
      • 미디어 그리드
      • 메이슨리 미디어 그리드
      • 티저(Teaser)
    4. 콘텐츠 다루기
      • 블로그 글 출력
      • 블로그 스크롤러
      • 블로그 미니
      • 글 그리드
      • 팬시 타이틀과 팬시 세퍼레이터
      • 탭과 투어 요소에 위젯 추가하기
      • 포트폴리오와 포트폴리오 스크롤러, 포트폴리오 전체 정렬 그리드
      • 어코디언과 FAQ
      • 사진 앨범과 사진 스크롤러
    5. 글 타입과 요소
      • 혜택 요소
      • 추천
      • 파트너, 고객 글 타입
    6. 기타 요소 다루기
      • 구글 지도
      • 프로그레스 바와 파이 차트
      • 콜 투 액션
      • 메시지 박스
      • 아이콘
      • 버튼
      • 버튼(GO)
      • 사용자 정의 헤딩
      • 이전/이후
      • 팬시 세퍼레이터(Fancy Separator)
      • 슬라이더
      • 소셜 아이콘
      • 가격 테이블
    7. 얼티미트 애드온 플러그인
      • 행 배경(Row Background)
      • 애니메이션 블록(Animation Block)
      • 고급 버튼(Advanced Button)
      • 고급 캐러젤(Advanced Carousel)
      • 콘텐츠 박스(Content Box)
      • 카운트다운(Countdown)과 팬시 텍스트(Fancy Text)
      • 이중 버튼(Dual Button)
      • 확장 섹션(Expandable Section)
      • 플립 박스(Flip Box)
      • 구글 맵(Google Map)
      • 구글 트렌드(Google Trends)
      • 헤딩 요소
      • 하이라이트 박스(Highlight box)
      • 타임라인(Timeline)
      • 아이콘 요소(Icons)
      • 이미지 세퍼레이터(Image Separator)
      • 인포 배너(Info Banner)
      • 인포 박스(Info Box)
      • 인포 서클(Info Circle)
      • 인포 리스트(Info List)
      • 인포 테이블(Info Tables)
      • 인터랙티브 배너(Interactive Banner)
      • 인터랙티브 배너2(Interactive Banner2)
      • 저스트 아이콘(Just Icon)
      • 리스트 아이콘(List Icon)
      • 모달 박스(Modal Box)
      • 가격 박스(Price Box)
      • 스페이서/갭(Spacer/Gap)
      • 카운터(Counter)
      • 스와치 북(Swatch Book)
      • 비디오 배너(Video Banner)
      • 아이호버(ihover)
      • 크리에이티브 링크(Creative link)
      • 핫스팟(Hotspot)
      • 고급 탭(Advanced Tab)
    8. 그리드 요소 빌더
    •  
  • ▣ 3장: 슬라이더와 페이지 만들기
    1. 레볼루션 슬라이더
      • 메인 화면
      • 새 슬라이더 만들기
      • 슬라이더 설정
      • 슬라이더 편집화면
      • 슬라이더 확인 페이지 만들기
      • 슬라이더 세부 설정
      • 슬라이드 편집하기
      • 슬라이드 일반 설정
      • 슬라이드 애니메이션
      • 링크와 슬라이드 정보
      • 슬라이더 편집기
      • 글자 레이어 추가하기
      • 글자 레이어 도구
      • 그리드 및 스냅 기능 사용하기
      • 버튼 만들기
      • 레이어 애니메이션
      • 루프 애니메이션(Loop Animation)
      • 가시성(Visibility)
      • 타임라인
      • 두 번째 슬라이드 만들기
      • 이미지 레이어 사용하기
    2. 레이어 슬라이더
      • 슬라이더 설정
      • 슬라이드 만들기
      • 레이어 추가하기
      • 이미지 레이어 사용하기
      • 포트홀(Porthole) 슬라이더
    3. 기타 슬라이더
      • 사진 스크롤러
      • 3D 슬라이더
    4. 템플릿으로 페이지 만들기
      • 블로그 단일 글(Single post) 만들기
      • 블로그 페이지 만들기
      • 포트폴리오 프로젝트
      • 포트폴리오 페이지 만들기
      • 목록형 포트폴리오
      • 메이슨리 & 그리드형 포트폴리오
      • 앨범 단일 글 만들기
      • 앨범 페이지 만들기
      • 갤러리 페이지 만들기
      • 팀 페이지와 추천 페이지 만들기
      • 마이크로사이트 템플릿 사용하기
      • 공사 중 페이지 만들기
      • 회원가입 페이지 만들기
      • WP-Members 관련 페이지 만들기
      • 회원정보 제공 동의서 페이지 만들기
      • 게시판 페이지 만들기
    •  
  • ▣ 04장: 디테일
    1. 두 번째 푸터 영역 만들기
      • 위젯 영역 옵션의 역할
      • 푸터 파일 수정하기
      • 푸터 위젯 영역에 위젯 추가
      • 회사 정보 위젯 추가
      • 사용자 정의 메뉴 추가
    2. 메가 메뉴 사용하기
    3. 워드프레스 보안
      • 비밀번호의 형태
      • 비밀번호 관리자(Password Manager)
      • 관리자 아이디 변경
      • 데이터베이스 백업
      • 로그인 회수 제한
      • 구글 OTP(Google Authenticator) 사용하기
      • 관리자 화면 편집기 사용 방지
      • 업데이트
      • 워드프레스 저장소 이외의 무료 테마 및 플러그인 사용 자제
    4. 번역 수정하기
    5. 워드프레스 사이트 이전하기
      • 데이터베이스 백업 및 환경 설정 파일 수정하기
      • 파일질라 내려받기
      • 파일 업로드
      • 데이터베이스 가져오기
      • 데이터베이스 URL 수정
      • 사이트 확인

책홈페이지

관련 글