워드프레스 13: 커스텀 콘텐츠 타입, 커스텀 필드, 사용자 정의 분류로 구성하는 워드프레스 웹사이트

제이프레스
2
Free sample

수많은 소프트웨어가 존재하며, 저마다의 특징을 가지고 있습니다. 워드프레스도 그중의 하나입니다. 거창한 정의를 내릴 필요 없는 소프트웨어의 하나일 뿐입니다. 어떤 목적으로, 어떤 방법으로, 얼마나 효율적으로 사용하느냐에 따라 유용한 도구가 될 수 있습니다.

보통 워드프레스를 경험하는 과정을 보면 웹사이트 ‘제작’의 개념을 기준으로 시작하여 기술적인 요소의 이해, 표현할 콘텐츠가 없는 상태에서 기능의 추가, 웹사이트 꾸미기 순서로 진행되는 것으로 생각됩니다. 제작의 개념으로 접근하면 상대적으로 배경 지식이 부족하거나 워드프레스를 처음 경험하는 분들에게는 어려울 수밖에 없습니다. 더 중요한 것은 워드프레스는 웹사이트를 제작하는 소프트웨어가 아니며, 구성하여 사용하는, 이미 만들어진 소프트웨어라는 것입니다. 지속적인 개선이 이루어지며, 수많은 사람의 생각이 개성적인 결과물로 반영되며, 공유하고 있습니다.

기술적인 요소에 관심이 있거나, 새로운 결과물을 만드는 것에 관심이 있다면 엔지니어의 방향으로 접근하는 것이 더 유리합니다. 하지만 엔지니어라도 ‘사용의 경험’, 즉 ‘사용자’의 역할을 하지 않는다면 그 결과물은 사용자에게 도움이 되지 않을 것임은 분명합니다. 무엇을 어떻게 하든 자유이지만, 기존의 방식과 생각에서 벗어나 웹사이트에 대한 더 넓은 정의와 방법을 받아들이지 않으면 워드프레스 뿐 아니라, 그 어떤 훌륭한 소프트웨어가 나와도 어렵게 느껴지며, 스스로에게 유용한 도구가 될 수 없을 것입니다.

직접 경험하고 생각하여 만든 여러분의 콘텐츠로 웹사이트를 운영하기는 쉽지 않은 일이지만, 그것이 본래의 목적이며 웹사이트가 아닐까 생각합니다. 개성적인 웹사이트는 디자인이 아니라 콘텐츠로 판단하는 것입니다. 개인이 아닌 기업이라 할지라도 마찬가지이며, 그 목적을 도와주는 대단히 훌륭한 소프트웨어가 바로 워드프레스입니다.


특징을 가진 소프트웨어를 이전의 것에 맞추거나 비교하여 사용하려 한다면 불필요한 수고만 하게 될 것이며, 사용하지 않고 기술적인 원리 분석만을 통해 개발된 결과물은 유용하지 못할 것입니다. 이 책이 방향을 잃지 않고 워드프레스의 매력을 느낄 수 있는 작은 경험과 즐거움의 시작이 되기를 진심으로 바랍니다.

[책 소개]

이 책은 하나의 완전한 가상 웹사이트를 구성하는 과정을 통해 워드프레스에 대한 특징과 기능을 전달하며, 따라하는 방법으로 구성되어 있습니다.

워드프레스의 기본 기능을 하나하나 설명하는 내용은 제공되지 않으며, 책의 목차에 있는 도메인과 웹호스팅의 내용은 방법을 설명하는 것이 아닌 워드프레스 웹사이트 구성을 위한 준비의 항목으로 안내하는 내용임을 참고하기 바랍니다. 이 책의 가상 웹사이트 주제와 소재는 다음과 같습니다.

 - 웹사이트 주제 : 출판사 웹사이트
 - 소재 : 도서(책)

하나의 도서에는 다양한 분류(분야)가 존재하며, 많은 세부정보(출간일, ISBN, 가격, 페이지 등)가 포함되므로 워드프레스의 커스텀 콘텐츠(포스트) 타입, 사용자 정의 분류(Taxonomy), 커스텀 필드(Custom Fields)를 구성하는 가장 보편적이며 훌륭한 소재가 될 수 있습니다. 도서라는 소재만이 아니라 영화, 유형의 제품, 무형의 서비스나 정보, 뉴스 등 거의 모든 소재에는 각각의 분류와 세부 정보가 존재하므로 워드프레스의 사용자 정의 유형은 웹사이트를 통해 콘텐츠를 생산하고 관리하며 구성할 수 있는 훌륭한 기능이라고 말할 수 있습니다.

이 책의 예제, 기준, 특징에 대해 다음과 같이 안내합니다.

[기준과 방향]

 - 예제의 모든 과정은 하나의 방법론
 - 워드프레스의 범주를 벗어나지 않는 구성
 - 코드론이 아닌 응용과 활용의 사용 방법

[주요 특징]

 - 콘텐츠 중심의 웹사이트 구성
 - 사용자 정의 유형(콘텐츠 타입, 필드, 분류)을 사용하여 콘텐츠 생산
 - 포스트 포맷Post Formats 및 기본 콘텐츠 표현을 사용한 ‘Post’와 ‘Page’ 타입의 사용
 - Shortcode를 활용한 콘텐츠 표현의 효율과 응용
 - 기본 테마의 사용과 특징을 이용하여 콘텐츠 표현
 - 웹사이트 구성의 과정에서 워드프레스의 기본 기능 경험
 - 거의 모든 주제(소재)의 웹사이트에 적용 가능한 예제
 - 실제 웹사이트에 즉시 응용이 가능한 경험적이며 실질적인 예제

[권장 독자]

 - 워드프레스에 관심이 있는 모든 사용자
 - 기본 컴퓨팅에 어려움이 없는 사용자
 - 소프트웨어의 특징을 그대로 받아들이고, 활용 및 응용을 즐기는 사용자
 - 만들어진 소프트웨어 사용에 기술적 원리를 대입시키지 않는 사용자
 - 웹사이트 콘텐츠 관리 및 생산을 중요하게 여기는 사용자

[목차]

Part A. 준비와 기준

Chapter 01. 준비
Chapter 02. 예제 안내
Chapter 03. 플러그인 안내
Chapter 04. 용어의 정의

Part B. 설치와 설정

Chapter 05. 설치
Chapter 06. 설정
Chapter 07. 기본 플러그인 설치와 테마 변경
Chapter 08. 처음으로 콘텐츠 등록하기
Chapter 09. Child 테마의 사용

Part C. 워드프레스로 구성하는 출판사 웹사이트

Chapter 10. 콘텐츠와 분류 중심으로 출판사 웹사이트 간단히 계획하기
Chapter 11. 도서 콘텐츠 등록을 위한 타입과 분류 생성
Chapter 12. 분류별 항목 등록
Chapter 13. 도서 콘텐츠 등록하기
Chapter 014. 도서 콘텐츠의 세부 정보를 위한 커스텀 필드 생성
Chapter 015. 커스텀 필드에 데이터 입력과 표현
Chapter 016. 도서 콘텐츠의 분류 정보를 콘텐츠 영역에 표현
Chapter 017. 플러그인을 만들고 Shortcode 사용 영역 추가하기
Chapter 018. 템플릿 사용으로 콘텐츠 생산의 효율성 가지기
Chapter 019. Import, Export
Chapter 020. 도서 콘텐츠 분류별 메뉴 등록
Chapter 021. 도서 콘텐츠 목록의 표현 변경하기
Chapter 022. ‘Post’ 콘텐츠 타입의 사용
Chapter 023. 콘텐츠 공유와 표현의 기능 추가
Chapter 024. ‘Page’ 콘텐츠 타입의 사용
Chapter 025. 위젯(Widgets) 구성
Chapter 026. 프런트 페이지 구성
Chapter 027. 분류별 도서 콘텐츠 검색
Chapter 028. 프런트 페이지와 메뉴의 스타일 변경
Chapter 029. 웹사이트 하단 정보 표현
Chapter 030. 빌려 쓰는 코드 스니핏
Chapter 031. 예제 웹사이트 완성

나머지

관리, 운영
다른 것들

마치며

Read more
Collapse

About the author

https://hddv.space/author/jinn
Read more
Collapse
3.0
2 total
Loading...

Additional Information

Publisher
제이프레스
Read more
Collapse
Published on
Sep 11, 2013
Read more
Collapse
Pages
702
Read more
Collapse
ISBN
9791195110506
Read more
Collapse
Features
Read more
Collapse
Read more
Collapse
Language
Korean
Read more
Collapse
Genres
Business & Economics / Entrepreneurship
Computers / Internet / General
Read more
Collapse
Content Protection
This content is DRM protected.
Read more
Collapse
Read Aloud
Available on Android devices
Read more
Collapse

Reading information

Smartphones and Tablets

Install the Google Play Books app for Android and iPad/iPhone. It syncs automatically with your account and allows you to read online or offline wherever you are.

Laptops and Computers

You can read books purchased on Google Play using your computer's web browser.

eReaders and other devices

To read on e-ink devices like the Sony eReader or Barnes & Noble Nook, you'll need to download a file and transfer it to your device. Please follow the detailed Help center instructions to transfer the files to supported eReaders.
● 책의 완성 예제 사이트는 https://userccc.com/w5/5th 에서 확인할 수 있으며, 접근 정보 입력창에 접속 정보가 있습니다. ●

➽ 주요 내용

✔ 사이트에 가입한 회원이 전 세계 도시의 매물(부동산) 정보를 등록하는 가상의 사이트 구성 예제를 담고 있습니다. 커스텀 포스트 타입, 커스텀 필드, 커스텀 분류를 기본으로 하며, 워드프레스 쿼리를 사용한 매물 이미지 슬라이드, 매물 필터 테이블, 매물 북마크(찜), 매물 포스트 목록을 플러그인을 사용하지 않고 직접 코드로 구성합니다.

✔ 매물 정보에 포함한 데이터를 기반으로 지도(구글 맵)에 매물 위치를 표현하며, 매물 포스트 및 내비게이션 메뉴 등의 일부 정보를 워드프레스 쿼리와 transient 함수를 사용하여 캐시 데이터로 변환하여 워드프레스 사이트 퍼포먼스 향상을 도모하는 내용을 포함하고 있습니다.

✔ 워드프레스의 권한과 역할(Role, Capabilities)을 알아보고, 가상의 사이트 구성에 맞는 회원 역할을 제어합니다. 더불어 회원제 사이트에서 필요한 주요 관리페이지(Back-end) 기능 제어에 관한 내용, 관리페이지의 포스트 목록 필드(열) 구성에 대한 내용도 담고 있습니다.

✔ 대부분 웹사이트에서 기본으로 존재하는 정보를 위한 옵션 페이지를 직접 구성하여 효율을 도모하며, 기본 포스트 타입을 기준으로 포스트 내비게이션의 종류와 출력 방법에 대한 내용을 안내합니다.


➽ 참고 사항

❤ 이 책은 완전한 가상 사이트를 구성하는 예제를 담고 있으며, ❝모든 구성은 코드 편집을 통한 작업❞으로 진행하므로 텍스트 에디터 사용 숙련도와 기본 컴퓨팅(FTP 등) 능력에 따라 예제 구성 과정의 난이도가 달라질 수 있음을 참고하세요.

❤ 담고 있는 워드프레스 내용은 처음 경험한다면 어색할 뿐 어려운 정보는 없습니다. 모든 내용은 코덱스의 기본 예시를 바탕에 두고 있습니다. 또 (일반적 정의의) 설치 플러그인 인터페이스를 통한 표현과 구성은 없습니다. 책에서 사용하는 실제 플러그인은 하나이며, 부가기능과 쿼리를 경험하기 위한 도움 요소로 추가한 것입니다.

❤ 워드프레스를 사용하고 있거나 앞에서 말한 텍스트 에디터, 컴퓨팅 등의 기본 배경지식이 있다면 무리 없이 책의 예제를 구성할 수 있습니다.


[목차]

✔ 워드프레스 5


요약

서버 및 로컬 환경

요구사항

예제파일, 플러그인

용어 정의


✔ 매물의 추억


Chapter 01. 사이트 계획

01 구성 계획

02 밑그림


Chapter 02. 테마 준비

01 테마 house 생성

02 테마 설정


Chapter 03. 설치, 설정

01 워드프레스 설치

02 설정


Chapter 04. functions.php

01 functions.php vs. Plugin

02 테마의 functions.php

03 내비게이션 메뉴 정의

04 사용자 정의 스타일

05 워드프레스 인클루드

06 Must Use Plugins


Chapter 05. 타입, 분류

01 Post

02 타입 house

03 분류 site


Chapter 06. Custom Fields

01 커스텀 필드 등록

02 필드 데이터 (메타데이터)

03 테마의 플러그인

04 커스텀 옵션 필드


Chapter 07. Import

01 임포트 전

02 임포트

03 임포트 후


Chapter 08. 템플릿, 태그, 루프

01 보조 메뉴

02 Template Hierarchy

03 Page Templates

04 The Loop


Chapter 09. Single Pages

01 메타데이터 출력

02 찜

03 첨부 이미지 슬라이드

04 지도

05 편집, 거래완료, 스타일


Chapter 010. Archives

01 House Archive

02 Taxonomy Archive

03 Author Archive

04 CSS

05 Post Archive

06 Pagination, Navigation


Chapter 011. Query

01 워드프레스 쿼리

02 판 페이지

03 찜 페이지

04 프런트 페이지

05 404 페이지

06 메인 쿼리

07 사이드 콘텐츠

08 Transients API


Chapter 012. Roles & Capabilities

01 Role vs. Capability

02 Capability Type ‘house’

03 Add Capabilities

04 Remove Capabilities

05 unfiltered_upload

06 Add Role

07 Administration Panel

08 Admin Pages

09 Custom Post List Table


Chapter 013. Refine

01 Numeric Permalink

02 Login Page

03 Options Page

04 예제 완성

✔ 주

사진은 정보, 의미를 전달하는 주요한 수단이며, 편리를 더한 디지털 사진은 촬영일, 촬영위치(GPS), EXIF(IPTC), 촬영정보(카메라 모델, ISO, 초점거리, 셔터스피드 등) 등의 메타 데이터를 포함합니다. 이런 메타 데이터를 각 데이터로 분리하면 새로운 데이터베이스를 구축할 수 있습니다.


디지털 사진 파일과 사진의 메타 데이터를 새로운 필드 데이터나 분류(taxonomy) 데이터로 쉽게 전환하여 처리할 수 있는 웹소프트웨어는 워드프레스가 대표적입니다. 세부 방법의 완성 예제가 있어 실제 경험한다면 그 효율을 체감할 수 있습니다.


* 완성 예제 미리보기 - https://userccc.com/w8/8th


[주제]

이 책은 이미지 업로드 권한이 있는 특정 그룹(Role)의 회원이 사진(이미지)을 업로드하면, 그 사진이 하나의 포스트가 되어 사진에 관한 정보(메타 데이터)를 회원과 비회원 모두 열람할 수 있고, 회원(로그인)은 특정 사진 크기를 선택하여 무료로 다운로드하는 서비스 제공의 '워드프레스 무료 이미지 저장소' 웹사이트 구성 과정을 담고 있으며, 완전한 가상 웹사이트를 구성합니다.


[주요내용]

워드프레스에서 첨부형식이 아닌 직접 사진(이미지)을 업로드할 때 사진의 메타 데이터를 자동으로 특정 분류나 커스텀 필드 데이터로 저장되도록 정의하여 등록의 편리를 도모합니다. 다시 저장된 데이터 중 촬영위치(GPS)는 클러스터 지도를 활용하여 마커로 표시하고, 싱글 이미지 포스트 페이지에 한 장의 사진을 크기별로 분리하여 출력한 후 워드프레스 방식의 폼으로 구성하여 로그인 회원이 다운로드할 수 있도록 정의합니다.


또, 사이트에 등록된 모든 이미지의 분류, 커스텀 필드, 키워드 조건에 따른 커스텀 검색 기능을 구성하여 워드프레스 검색에 관하여 경험하며, WP REST API 사용으로 사진 '더보기(Ajax Load More)' 및 댓글 더보기를 구현하므로 워드프레스와 다른 시스템의 데이터 교환에 관하여 구상할 수도 있습니다.


- attachment 포스트 타입 사용
- 워드프레스 템플릿 시스템
- 사진(이미지)의 메타 데이터 처리
- 워드프레스 방식을 폼 데이터 처리 및 파일 다운로드
- 워드프레스 쿼리 (WP_Query, WP_Term_Query, wpdb)
- 옵션 페이지 구성 - 대시보드 위젯과 코멘트(댓글) 폼
- 캐시 데이터 (Transient API)
- 역할 그룹과 권한 (Roles & Capabilities)
- WP REST API - 커스텀 엔드포인트의 클러스트 지도 마커
- 워드프레스 내장 자바스크립트 템플릿


사진의 메타 데이터(EXIF)를 미리 편집한 대량 또는 낱개의 사진을 업로드할 때 그것(업로드)만으로 워드프레스의 포스트(attachment post type) 등록이 완료되도록 정의하므로 사진 관리와 사진 콘텐츠 중심의 웹사이트 구성에 효과적입니다.


그러나, 책 예제는 사진 중심 웹사이트를 만드는 데 목적을 두는 게 아니라 워드프레스 attachment 포스트 타입과 그 타입 콘텐츠의 하나인 Image 콘텐츠를 다루는 것에 초점을 두고, 독자의 사이트 구성 활용에 작은 아이디어를 제공하는 것을 목표로 합니다.


[참고사항]

* 이 책의 예제는 연재형식의 포스트로 사이트(https://userccc.com/w8/ex08)에서 완성하여 제공하고 있습니다. 책과 사이트 포스트는 열람 및 예제 구성의 편리에 차이가 있으므로 선택사항입니다.


[목차]

고품격 고품질 워드프레스 무료 사진 저장소
001. 예제 구성 환경과 파일
002. XAMPP, 워드프레스, 테마, 플러그인 설치와 설정
003. 테마 Pics Press
004. page 포스트 타입과 페이지 템플릿, 메뉴 구성
005. 워드프레스 핵심 용어 짚기
006. 워드프레스 포스트 타입 attachment
007. 워드프레스 이미지 사이즈
008. 이미지 사이즈 추가 및 변경
010. 타입 attachment 템플릿과 image.php
011. 워드프레스 이미지 메타 데이터
012. GPS 데이터를 워드프레스 메타 데이터로 저장
013. 이미지 메타 데이터를 포스트 메타 데이터에 추가
014. Attachment 타입을 위한 커스텀 분류 등록
015. 이미지 메타 데이터를 분류와 필드 데이터에 저장
016. 이미지를 편집할 때 포스트 데이터와 메타 데이터 업데이트
017. 워드프레스 미디어 파일 업로드
018. 워드프레스 싱글 이미지 포스트 페이지
019. 워드프레스 아바타와 Author Archives
020. 워드프레스 이미지 사이즈별 데이터 출력
021. 폼 요소로 원하는 이미지 사이즈 다운로드
022. 워드프레스 텍스트 단락 및 줄 바꿈, wpautop
023. 사진의 EXIF 데이터 출력
024. 구글 지도에 표시하는 사진 촬영 위치
025. 워드프레스 attachment 포스트 타입의 아카이브
026. 워드프레스 함수로 자바스크립트 변수 데이터 생성
027. 워드프레스 커스텀 검색 – 쿼리 변수
028. 워드프레스 커스텀 검색 – 검색 폼과 쿼리 데이터
029. 커스텀 포스트 타입 ‘pic_album’
030. 커스텀 포스트 타입의 싱글 페이지
031. 워드프레스 WP_Query
032. 커스텀 쿼리, 페이지 템플릿, 포스트 아카이브
033. 분류 기준의 관련 포스트 커스텀 쿼리
034. wpdb 클래스로 구글 지도에 마커와 섬네일 표시
035. 분류 데이터 쿼리 클래스, WP_Term_Query
036. 워드프레스 템플릿 태그
037. 옵션 페이지, 옵션 필드
038. 사이트 프런트 페이지
039. 사이트 메뉴 및 포스트 페이지 링크
040. 워드프레스 Transient API
041. 분류의 term 데이터를 캐시 데이터로 생성
042. 워드프레스 역할 그룹과 권한으로 구성 요소 제어
043. 워드프레스 코멘트 폼 수정
044. 워드프레스 대시보드 위젯 추가
045. 워드프레스 REST API
046. WP REST API 응답에 커스텀 필드 추가
047. WP REST API 커스텀 라우트 및 엔드포인트
048. WP REST API 커스텀 엔드포인트로 구글 클러스터 지도 마커와 인포 윈도 표시
049. WP REST API, Underscore.js 자바스크립트 템플릿, 포스트 Ajax Load More
050. WP REST API, Underscore.js 자바스크립트 템플릿, 코멘트 Ajax Load More
051. WP REST API 인증과 제한 및 제어
052. 정리
마치며

“엄마의 구멍을 찢고 바깥으로 나왔던 그 순간,
나는 이미 끝을 경험했다.”

여기 ‘이름조차 행방불명된’ 소녀가 있다. 아빠에게 백칠십두 번째로 맞고 엄마가 백삼십다섯 번째로 밥을 굶긴 어느 날, 소녀는 자기를 못살게 굴던 부모를 ‘가짜’로 만들어버린 후 집을 나온다. 소녀는 오직 ‘진짜’에 대한 물음 하나만 가지고 ‘지극히 못된 방식으로, 유혈낭자하게’, 자기가 찾는 것을 향해 후미진 세상 구석구석을 떠돌기 시작한다.

소녀의 걸음이 닿은 곳마다 불행은 즐비하다. 마치 음극이 양극을 끌어당기듯 불행한 소녀 옆을 스치는 사람들 역시 하나같이 ‘못나고 실패해서 가짜 취급 받는 생애’들이다. 소녀는 그들 안에서 행복을 찾기도 하고, 살아 있는 ‘평화’를 꿈꾸기도 하지만 매 순간 또 다른 사람이 추구하는 행복 때문에 자신의 소망에 균열이 일어난다. ‘누군가가 웃으려면 누군가는 반드시 울어야 한다’는 소녀의 깨달음은 피해자가 피해자를 가해하는 우리 사회의 잔혹한 모습을 역설하고 있다.

소녀가 세상의 고통들을 만날 때마다 혹은 누군가의 행복을 위해 자신의 행복에서 비껴서야 할 때마다 느끼는 감정 하나하나는 바로 우리가 일상에서 겪는 그러나 애써 외면하는 슬픔, 박탈감, 외로움, 허무감이다.《당신 옆을 스쳐간 그 소녀의 이름은》은 읽는 이로 하여금 묻어두었거나 외면해버린 상처들과 대면하도록 하는 강렬한 힘이 있다. 작가 자신이 치유의 과정으로 작품을 썼듯이 독자들에게도 그 에너지가 고스란히 전해져 조용한 위로가 될 것이다.

 

한겨레출판 제공

©2019 GoogleSite Terms of ServicePrivacyDevelopersArtistsAbout Google|Location: United StatesLanguage: English (United States)
By purchasing this item, you are transacting with Google Payments and agreeing to the Google Payments Terms of Service and Privacy Notice.