13. 글쓰기 – 쿠텐베르그(Gutenberg) 에디터

2018년, 워드프레스 5.0 부터 글쓰기 기능이 혁신적으로 바뀌었습니다. 이른바 쿠텐베르그 에디터!! 유럽 최초의 금속 활자(세계최초는 우리나라)를 만든 쿠텐베르그의 이름을 땄는데, 인쇄 또는 퍼블리싱의 혁명이라는 의미도 있고, 활자가 가진 재사용성 등과 유사한 의미로서 이렇게 명명 했을 수 도 있습니다. 그 동안 인터넷 상에서 글을 쓸때 보아왔던 일반적인 글쓰기 에디터와는 완전히 다른 방식이라 처음 접할 때의 당황스러움은 상당히 큽니다. 그래서 이전의 글쓰기 방식, 즉, 클래식 에디터로의 원복을 주장하거나 원복하는 기능을 찾는 사람이 많고, 쿠텐베르그 글쓰기를 저주하는 사람도 많습니다. 여전히 호불호가 많은 방식이고,...

12. 페이지(Page) 템플릿 이해하기

페이지는 '회사소개'와 같은 정적인 컨텐츠에 주로 사용 되어 지지만, 앞글에서 다룬 숏코드가 사용되어지는 주된 공간이기도 합니다. 즉, 페이지는 다양한 컨텐츠가 담기는 공간이기 때문에 그 레이아웃도 다양하게 필요해 집니다. 그래서 페이지 작성 시 오른쪽에 레이아웃을 선택하는 '템플릿' 선택 옵션이 존재 합니다. 템플릿은 테마가 제공하는 것입니다. 즉, 테마에 따라 다릅니다. 하지만, 사이트 레이아웃 구성에서 필수적으로 필요한 공통 템플릿은 이래와 같이 어느정도 유사하다고 볼 수 있습니다. 테마에서 템플릿을 제공하는 방식을 약간의 개발적 관점에서 알아두면 이해하기 좋을 듯 합니다. 페이지를 보여주는 파일은 테마 폴더의...

11. 숏코드(Shortcode) 이해하기

숏코드를 이해하지 못하면 워드프레스를 이해할 수 없습니다. 숏고드를 한줄 로 설명하면 ... 숏코드는 특정 프로그램을 실행하여 결과값을 출력하라는 명령어 입니다. 한국형 게시판으로 가장 많이 사용하는 Kboard를 예로 들어 보겠습니다.Kboard 플러그인을 설치하면 다양한 게시판을 운용할 수 있습니다.아래 그림은 Kboard에서 게시판을 생성할 때 설정 화면 입니다. Kboard 게시판 설정 화면 위 이미지상의 '[kboard id=1]' 부분이 바로 숏코드 입니다. '[]'기호를 사용하면서 숏고드 이름(Kboard)와 전달 인자(id=1)로 구성 되어 있습니다. 이 숏코드( [kboard id=1])를 특정 페이지(Page) 내 적당한 위치에 삽입한 후 글보기를 하면 게시판이 구현되는...

10. 차일드 테마(Child Theme)가 뭔가요?

기본적으로 워드프레스는 하나의 테마만 존재 하면 됩니다. 그런데, 그 하나의 테마에 많은 수정이 가해지면 업데이트에 심각한 문제가 생기고 유사한 다른 사이트를 만들때 필요한 확장성에도 문제가 생깁니다. 그래서 하나의 테마에 마음껏 수정을 가해도 원본 테마에 손상이 없는 구조를 만든 것이 바로 '차일드 테마'입니다. 즉, 차일드 테마에 아무리 수정을 가해도 부모테마는 영향을 받지 않고, 수정된 차일드 테마의 내용은 사이트에 잘 반영 됩니다. 만약 내가 '차일드 테마1'을 사용하고 싶다면 먼저 '부모 테마'를 설치해야 되고, 그 다음 '차일드 테마1'을 설치한 후 활성화 합니다. 차일드...

09. 테마 수정 – 파일 수정

1.테마 편집기 테마 파일을 수정하는 가장 쉬운 방식은 '테마 편집기'를 활용하는 방식입니다. 처음 접하는 분들이 가장 난해하게 생각하는 것이 바로 이 '테마 편집기'일 것입니다. 거의 사용하지 않지만 간단히 설명하면, 실제 파일들을 관리자모드상에서 수정할 수 있도록 기능을 제공하는 것입니다. 보안이슈 등으로 인해 작동하지 않는 경우도 많고, 수정사항이 테마 업데이트 시 유지 되지 못하기 때문에 거의 사용하지 않습니다. 2. CSS 수정 - style.css 테마 디자인에 있어서 중요한 부분이 테마의 CSS 입니다. 테마의 CSS 파일은 테마 개발자가 구성하기 나름인데 워드프레스에서 공식적으로 가이드 하고...

08. 테마 수정 – 테마 옵션 사용

테마 수정은 크게 아래 두 개념으로 나눌 수 있습니다. 테마 옵션 수정 : 해당 테마 고유의 옵션을 변경합니다. 테마 옵션은 테마에서 제공하는 것으로 테마 마다 그내용이 다릅니다. 옵션의 내용은 DB에 저장되는 형태이기 때문에 보통 테마를 업그레이드 하더라도 영향을 받지 않습니다.테마 파일 수정 : 테마를 구성하는 파일중 일부를 수정하는 방식입니다. HTML/CSS를 다룰 줄 안다면 이방식도 많이 시도 될 것인데 테마를 업그레이드 하면 수정사항이 의미가 없는 문제가 있습니다. 그래서 테마의 파일을 직접 수정하는 것 보다는 차일드 테마를 만들어서 수정하는 방식을 사용해야 합니다.(차일드...

07. 테마 변경 및 수정

앞 글들에서 워드프레스를 이해하는 기본적인 개념과 구조에 대해 알아 보았습니다. 워드프레스가 어렵게 느껴진다면 이러한 기본적인 개념과 구조에 대한 이해도가 떨어지기 때문이니, 반드시 기초적인 개념을 이해해 두어야 합니다. 이제 가장 많은 사람들이 신경쓰는 '테마(Theme)'에 대해 알아 보겠습니다. 누구나 사이트를 만들 때 가장 먼저 신경 쓰는 것이 사이트의 디자인입니다. 사이트의 용도와 목적에 따라 디자인과 레이아웃이 다르고, 개인적인 취향도 다르기 때문에 사실 디자인에 가장 많은 시간을 소요되게 됩니다. 워드프레스 사이트의 디자인은 한마디로 '테마(Theme)' 입니다. 테마를 바꾸면 디자인 전체가 바뀌는 구조 입니다. 테마는 워드프레스에서...

06. 사용자(회원)에 대한 이해

워드프레스를 처음 접할때 낯선 것들 중에 대표적인 것이 바로 '사용자' 부분입니다. 회원가입 기능도 보이지 않는데 관리자에 '사용자'라는 메뉴가 있는 것도 이상하고 사용자 권한에 '구독자', '편집자' 등의 권한 종류가 있는것도 어색합니다. 앞에서 계속 언급 했듯이 워드프레스는 '블로그' 도구로 시작된 것입니다. '블로그'라고 하면 잡지 또는 웹진과 같은 일종의 미디어이기 때문에 글을 작성하고 편집하여 발행하는 기본적인 구조를 가지고 있습니다.그래서 글을 발행하는 사람과 읽는 '구독자'로 구분해 놓은것이고, 전체 관리자는 수동으로 회원을 등록하여 '편집자' 등의 글쓰는 사람을 추가할 수 있도록 되어 있는 것입니다. 즉, 별도의...

05. 도메인 연결 및 설정

워드프레스에서 제공하는 기본적인 설정 옵션들이 있습니다. 사이트에 연결될 도메인이나 언어, 회원 활동 등에 대한 설정을 할 수 있습니다. 기본 설정 관리자 도구의 '설정' 메뉴를 클릭합니다. 내용을 보면 대략 어떤 의미인지 알 수 있을 듯 합니다. 중요한 부분 몇가지만 설명하면 다음과 같습니다. 사이트 제목 : 브라우저 좌상단 바에 표시되는 제목, 검색, 문서 공유시 표시되는 제목이기 때문에 정확한 사이트 이름을 적어 주어야 합니다.태그라인 : 사이트에 대한 간략한 설명입니다. 이 설명은 사이트에 방문자들이 볼수 있는 형태로 표시되지는 않지만, 검색에서 중요하게 참조하는 것이므로 사이트의...

04. 홈 화면 설정

워드프레스는 블로그 도구로 시작 되었습니다. 그래서 기본적으로 글(Post)를 최신 순으로 보여주는 것이 기본 홈 화면으로 되어 있습니다.(이 기본 홈 화면은 테마의 index.php 파일에 정의 되어 있습니다.) 그래서, 워드프레스를 홈페이지 용도로 접근한 대부분의 사람들은 처음 이 홈화면에서 낯설어 합니다. 나만의 홈화면 또는 메인 페이지를 만들려면 어떻게 해야 할까요? Step 1. 홈 화면용 페이지 생성 홈 화면 용도로 특정 '페이지(Page)'를 생성합니다. 페이지에 내용을 채워 넣거나 디자인 하는 부분은 차후에도 가능하니 우선 페이지를 생성하도록 합니다. Step 2. 테마 설정에서 홈 화면용 페이지 지정...