Matt Mullenweg Seoul Meet up 2014

매트 뮬렌웨그의 첫 한국 방문이 있었다. 돈보다 새로운 가치를 더 중요하게 생각하고, 재단을 만들어 Open정책을 다른 사람이 손대지 못하게 만든 모습들이 정말 멋지다고 생각해 왔었다. 블로거들이 모인 행사답게 후기를 포스팅한 글들에서 그 내용들을 확인할 수 있지만 조금 느낀바가 다른 점이 있어서 남긴다.

질의답변

질의답변은 오후에 진행되었다. 그중 인상깊었던 부분들.

Q. 워드프레스의 궁극적인 모습은 어떤 것이라고 생각하시나요?

더 많은 사람들을 웃게 만드는 것입니다. Make Smile 🙂

Q. 워드프레스는 구글에서는 잘 검색되나 네이버등 국내 서비스에서는 검색이 잘 안됩니다. 그에 대한 개선방법이 있나요?

그건 저도 모르겠는데요. (웃음) 각 국가마다의 특징이 있어서요. 앞으로 같이 찾아봐야죠.

Q. 아시아 투어에서 한국을 처음으로 방문한 이유가 있나요?

한번도 안와봤었거든요. 😎

(중국은 일부러 방문하지 않는다고 했다. 상징적인 이유로 )

https://twitter.com/ehrok/status/472936398731739136

강연중 주요내용

워드프레스가 탄생하게된 3가지 사건들

  1. 디지탈 카메라로 사진들을 찍었는데 공유할 방법이 없었다
  2. 아버지가 선물해주신 Regular Expressions 로 코딩을 알게된 것
  3. 미디어가 대체될 수 있겠다는 생각

그리고 오픈소스로는 성공할 수 없다는 주위생각이 틀렸다는 것을 입증하고 싶었던 것도 있지 않았을까.

워드프레스의 시작점

이 4가지를 같이 구현하는 서비스를 만들고자 하는 것이 시작점이었다.

  1. Movable type 의 기능
  2. Blogger 의 편리성
  3. Texttype 의 미려함
  4. B2 의 자유도

기타, 참고링크들

GPL의 발견이 인생에서 가장 중요했었다. 첫 멀티랭귀지 버젼은 일본어였다. 모바일이 불편하다는 것은 본인이 알고 있고 많이 노력하고 있다. 중요한 부분은 “본인이 알고 있다는 점”이라고 강조. 100% 한국어 워드프레스닷컴이 금요일(6/6) 오픈한다.

링크모음 : 2014 @photomatt at Seoul

세계적인 블로그플랫폼 워드프레스를 만든 장본인이며 워드프레스플랫폼을 운영하는 오토매틱이란 회사의 창업자이자 CEO인 맷 뮬렌웨그를 5월31일에 만났다. via 에스티마의 인터넷이야기.

전세계 웹사이트의 22.3%, 전세계 콘텐츠관리도구(CMS)의 60.1%를 차지하고 있는 웹 퍼블리싱 도구는 무엇일까? ‘워드프레스‘다. via 블로터넷

워드프레스에 매트는 유명한 재즈 뮤지션들의 이름을 코딩해 놓은 이유도 매트가 재즈 팬이기 때문. Automattic via alextip

부록

앞으로는 웹을 활용할 수 있는 사람과 그렇지 못한 사람은 큰 차이가 있을 것이라고 생각한다. 글쓰기능력은 그 중심에 있을것이다. 나아지기 위해서는 계속 연습을 해야 하는데 텀블러와 워드프레스를 추천한다. blogger도 괜찮다. 시작하는 이들을 위한 링크 정리.

Continue reading Matt Mullenweg Seoul Meet up 2014

alphabet emoticon

워드프레스 이모티콘이 있길래 다른 알파벳도 테스트를 해봤더니 w 만 이모티콘이 있다. 나중에 추가될 수도 있으니 남겨본다.

(a) (b) (c) (d) (e) (f) (g) (h) (i) (j) (k) (l) (m) (n) (o) (p) (q) (r) (s) (t) (u) (v) (w) (x) (y) (z)

XD 이모티콘이 다양해진 것이 워드프레스.com 의 새로운 재미가 되었다. > 로 시작하는 이모티콘은 중간에 써야한다. 제일 앞에 쓰면 Markdown으로 인식하는 경우가 있다.

https://twitter.com/ehrok/status/447861673135579136

https://twitter.com/ehrok/status/447967775772778497

20140324-134027.jpg

 

관련글: https://ehrok.wordpress.com/2013/01/28/emoticon/

Twenty Fourteen Theme

워드프레스 2014테마 주요특징: 모바일에서 목차를 깔끔하게 볼 수 있다. 한개의 태그를 지정해서 웹페이지 상단에 놓을 수 있다. (슬라이드, Grid 두가지 방식으로 가능)

특정 태그를 지정하면 상단에 관련 글이 고정되게 보여진다.
특정 태그를 지정하면 상단에 관련 글이 고정되게 보여진다.

 

Mobile View
20140215-164743.jpg
2014 Theme Mobile View : 상단부 슬라이드 방식

Twenty Fourteen Theme — WordPress Themes for Blogs at WordPress.com.

Syntax 테마 적용

테마를 변경한지 얼마되지 않았지만 Syntax (New Themes: Bushwick, Syntax, McKinley, Moka, Gallery.)가 주는 단순함이 좋아서 변경했다.  Typo 적용시 카테고리, 태그가 먼저나오는 점도 해결이되고 자체에 집중하게 해주는 모습이라서 선택했다.

상단이 깔끔해지고, 페이지는 좌측 삼선을 클릭하면 보인다.
상단이 깔끔해지고, 페이지는 좌측 삼선을 클릭하면 보인다.

활자가 커지는 테마를 선택시 유의할 점은 url 주소등 한개의 단어가 길어지는 경우 모바일화면에서 여백을 잡아먹는다.

긴 url에 맞춰지다보니 모바일화면에서 글이 보이는 부분이 좁아진다.

다른 글들의 너비가 줄어드는 결과가 나오니 url등은 단축해서 포스팅하는 것이 중요하다. 아니면 code block 을 사용해도 된다.

 

Typo Theme

Typo supports several Post Formats: Aside, Image, Link, Quote, Video, Audio, and Status. via Typo Theme — WordPress Themes for Blogs at WordPress.com.

차분한 색상톤과 링크가 붉은색으로 눈에 잘 띄이는 점이 마음에 든다.

테마별로 다양한 Format을 제공하는데 이 테마는 Chat을 지원한다. (이 글도 Chat으로 작성해봤다. 별 차이없어 standard로 수정) Quote, Status, Link는 디자인으로 구분된다.

Featured Image는 지원하지 않는다. Featured Image는 지정이 번거로울 때도 있지만 글에 대한 관련된 이미지를 아이콘 처럼 지정할수 있는 장점이 있는 기능이다.

블로그 제목을 안보이게 해봤는데 영 이상해서 다시 살렸다. 제목 상단에 카테고리, 작성자, 태그가 구분된다. 글 말미에 보이는게 낫겠다 싶었는데, 어떻게 보면 태그에 대한 단어로 내용을 먼저 인지하는게 나은지 글을 읽고난 후 말미에서 다시 짚어주는게 나은건지에 대한 사람마다의 취향이 다를 수 있겠다 싶었다.

블로그 page 도 about, fav로 운영하다가 fav를 그다지 보지 않는다는 사실을 알고 about만 남겨놨다. 모바일 View에서는 하단에 검색창도 제공한다.

Flounder Theme 적용

워드프레스에서도 이제 테마가 상당히 다양해졌다.(WordPress Themes for Blogs at WordPress.com새로운 테마가 나올때마다 안내메일이 오는데 새 옷 갈아입듯 바꿔주는것1도 기분전환에 도움이 된다. 한글 서체가 이상하거나 모바일 뷰가 이상한 경우가 가끔 있기는 하지만 예전보다 선택의 폭이 넓어졌다. 테마를 선택하고 Activate 만 클릭해주면 바뀌니 방법도 쉽다.(테마마다 적용할 수 있는 위젯이나 기능이 조금씩 다르기는 하지만 Archive 하나만 사용하고 다른것은 적용하지 않는다. 필요한 자료들은 내 블로그를 구글링하면 되기때문이다)

페이지, 글, 위젯 3단분류
페이지, 글, 위젯 3단분류

이번에 적용한 테마는 Flounder Theme  인데 그 모습이 화려해 보이긴 하지만, 모바일 뷰의 크기도 상당히 적당하고, 포스팅 타입별(인용, 링크, 글)구분을 색상으로 명확히 구분해주기 때문이다. 

인용(Quote), 링크(link), 글(Standards) Type을 표시하는 아이콘이 우측상단에 있다.
인용(Quote), 링크(link), 글(Standards) Type을 표시하는 아이콘이 우측상단에 있다.

  1. 그동안 적용했던 테마는 Tag: Theme 에 정리되어 있다.  나중에는 이렇게 목차만 있는 Simple한 테마(Tobias Sjösten)를 적용하리라. (왜 없는지 모르겠다) 

워드프레스 간단 안내서

워드프레스 초심자를 위한 간단 안내서. 아래 숫자에 있는 내용을 출력해서 체크리스트로 활용하면 된다.

  1. 워드프레스 설치형(WordPress.org)은 어렵다. 가입형(WordPress.com)으로 글을 작성한다.
  2. 카테고리를 지정하지 않는다. 한개의 카테고리에만 글을 작성하고 태그로만 구분한다. 글이 어느정도 차면 그 태그를 카테고리로 구분할 수 있다.
  3. 북마클렛(Press This)을 즐겨찾기에 설치하면 클릭한번으로 간단한 인용문 + 링크가 있는 초안을 얻을수 있다.
  4. 마크다운(Markdown)을 익히면 메모에도 도움되고, 워드프레스로 글을 쓰는데도 도움이 된다.
  5. ifTTT를 이용해서 워드프레스 + 구글문서와 연동하면 되돌아보는데 도움이 된다.

관련글: (수정중) 워드프레스에서 글쓰는 요령 – Google Drive.

😐 초간단 안내서라고 하려했는데 쓰고 보니 큰 포인트는 되더라도 초심자가 쉽게 따라하기는 어렵겠다. 화면도 캡춰하고 그래야하지만, 이정도 내용은 시간이 흐르면 글로 나오는지라 체크리스트를 소개하는 정도로 마친다.

Post Formats

워드프레스는 글을 작성할 때 포멧을 지정할 수 있는데 Standard가 일반적인 글이다. Image, Quote, Link등 (Tumblr 포스팅 할 때 구분하듯)으로 지정 할 수 있는데, 카테고리나 태그분류와는 다르게 테마별로 각 글 포멧의 디자인이 달라진다. 기본과 사진정도로 구분하고 있는데 테마를 Spun으로 적용하고 나니 Image의 경우 Featured Image가 상단에도 나와 두장의 사진이 동시에 보이는 모습이 됐다.  Expound에서는 Featured Image를 지정해야 그림이 상단에 나와 글목록에서 볼때 보기가 좋았던 것처럼 테마별로 달라서 수정할 생각도 별로 없다.

Fomat에서 Chat은 현재 안보이는데 그중 Status 는 트위터, Aside 는 담벼락 글과 같은 성격으로 생각하면 된다. (Post Formats « WordPress Codex.) 워드프레스 테마별로 지원하는 포멧이 다르다. 테마는 유지하면서 포멧을 추가로 적용하려면 CSS 수정을 해야 한다. (Themes » Post Formats via Post Formats — Support — WordPress.com.)

Expound Theme

워드프레스 테마변경.  좋은테마가 많아져서 새로운 옷을 고르는 재미가 있다. 이 테마를 선택한 이유는 본문에 대한 추천글을 보여주기 때문이다. 초기 화면에서 앞부분만을 보여주기 때문에 글을 많이 적더라도 예전 글을 찾기 쉬운 장점도 있고. Expound Theme — WordPress Themes for Blogs at WordPress.com.

테마와 스타일을 적용함에 따라 다른 모습들이 보여지는 logic이 재미있다. 특징으로는 본문에 이미지가 있더라도 글목록에서 보여지지않는데 이유를 알아보니 Featured Image가 보이는 것이었다. 일장일단이 있겠으나 본인이 선택한 이미지를 대표할 수 있다는데에 장점이 있다.

+ 유사한 테마로 imbalance2 가 있다.

Imbalance 2 Theme — WordPress Themes for Blogs at WordPress.com.

상단부에 여러메뉴를 구성하고 여러글을 게시판에 포스트잇 붙여놓은 것 처럼 즐길수 있다. 마찬가지로 Feautred Image가 첫봐면에 보여진다.

처음 방문하는 사람에게는 카테고리나 분류가 유용할 수도 있지만, 내 블로그의 가장 큰 독자는 나 이기때문에 반복적인 내용이 상단부를 차지하고 있는 것보다는 단순한것이 좋아 Expound를 선택했다.

😐 다른 블로그 서비스도 디자인들을 변경했다. 변경하면서 알게된 사항들.

### 블로그스팟(blogspot.com)

  • Templeate 에서 고정 Navigator(최상단)을 OFF로 놓으면 없어진다. 더 깔끔하다.
  • 공동블로그 작성시 상대방에게 관리자 권한을 주면 상대방도 디자인할 수 있다.
  • 가장 구성하고 싶은 디자인은 구글 공식 블로그 같은 스타일(http://chrome.blogspot.kr)인데 css를 알아야 한다. 구글 공식 블로그를 Theme로 공개하진 않을까.

### 텀블러(Tumlbr.com)

  • 처음 가입하면 본인아이디로 되어있는 블로그가 자동생성되고 그 블로그는 자신만 포스팅할수있다. 추가로 만든 블로그는 공동블로그로 운영할 수 있다.
  • 테마가 다양(http://www.tumblr.com/themes)하나 선택할때 검색이 어렵다. 전문적으로 블로그 테마를 판매하는 사이트(https://www.pixelunion.net)도 있다. 유료지만 역시 유료는 값을 한다.
  • 각 테마별로 설정할 수 있는 옵션이 다르다.
  • 최근 포스팅한 내용 참고: Tumblr 서비스의 장점 | #eWord.