Google Photos Picker 워드프레스 플러그인

맥에 워드프레스 설치하고 Google Photos에서 사진을 고를 수 있는 플러그인을 만들기 시작했는데 하루만에 완성되어 버렸다. 역시 코딩은 구글링으로 해야.

아직 wordpress.org 플러그인 페이지에 등록하진 않았고 github에 올려놨다.

포스트 에디터에 있는 google photos picker 버튼을 누르면 Google Picker 창이 뜨고 사진들을 선택하면 포스트에 img 태그로 삽입된다.

사용하려면 Google Developers Console에서 API 키와 OAuth 2.0 client ID를 받아야 한다.

  • Google Developers Console에서 Project 생성한다.
  • Google Picker API 활성화한다.
  • API key (Browser key) 생성한다.
  • OAuth 2.0 client ID 생성한다.
    • 설정에서 Authorized JavaScript origins에 블로그 hostname을 등록한다.
  • 10분 정도 기다린다.
  • 생성한 키들을 워드프레스 관리자 화면 Settings -> Media -> Google Photos Picker plugin settings에 등록한다.

Update

wordpress.org에서 플러그인 이름에 트레이드마크가 들어갔다는 이유로 거부 메일을 받았다. 이름을 Google Photos Picker에서 Photos Picker로 바꿔서 다시 신청.

Update #2

등록 완료 https://wordpress.org/plugins/photos-picker/

맥에 워드프레스 설치하기

워드프레스 플러그인 개발을 위해 맥에 워드프레스를 설치했다. 간만에 하는거라 걱정했는데 툴들이 잘 되어 있어 많이 고생 안하고 완료했다. 솔직히 전엔 얼마나 어려웠었는지 기억이 나질 않는다.

준비물

설치 방법

  1. XAMPP application manager에서 MySQL Database 시작 (Apache Web Server는 이미 시작되어 있다)
  2. http://localhost/phpmyadmin에 접속해서 원하는 이름으로 database 생성
  3. Famous_5-Minute_Install
    • /Applications/XAMPP/htdocs 디렉토리에 있는 디렉토리와 파일들 삭제하고 wordpress-x.y.z.zip 파일을 unzip
  4. http://localhost/wp-admin/ 접속해서 Hello world! 포스트가 보이면 성공

워드프레스 블로그 설치

2-3년마다 도지는 블로그 설치 병에 걸려 워드프레스를 설치했다. 마지막 같은 병에 걸렸을 땐 Google Appengine에 코드 짜서 올리기까지 했으나 역시 결론은 워드프레스.

wordpress.com에 백업을 받아 하루 놀아 봤는데 역시 설치형이 아니라 답답하다. 도메인 연결 비용도 그리 싸지 않고.

호스팅 업체를 찾다가 ehost.com으로 결정. 재밌는건 ehost.com에 50% 할인 링크를 타고 들어갔다가 결정을 못하고 나오려니 60% 할인해준다고 뜬다. 한번 더 나오려니 70% 할인해 준다고 해서 $60로 3년 약정. 혹시나 해서 한번 더 나가려 해봤는데 70%가 마지막이었다. 3년 정도면 어차피 다시 병이 도져 호스팅 업체 바꾸고 싶어 할 듯.

무기한 무료 도메인 한 개를 지원하는 곳인데 난 이미 도메인을 가지고 있어서 더 할인을 해준걸 수도 있다.

워드프레스 설치는 버튼 클릭 한번으로 끝나고 nameserver 설정도 30분 정도만에 모두 완료. 반나절동안 고민한 결과 테마는 Sparkling으로 결정. 사진이 많은 가족 블로그에 잘 어울린다.

사진들이 워드프레스 미디어가 아니라 Google Photos 링크들이어서 테마에 사진들이 안나오는 문제가 있었는데 Nelio External Featured Image 플러그인으로 해결했다.1

특히 Sparkling 테마는 이 플러그인만 설치하면 별다른 문제 없이 잘 동작했다.

다음 목표는 워드프레스에서 글 쓸 때 Google Picker로 사진 선택할 수 있는 플러그인. 플러그인 만든다고 php 뒤져볼 때가 10년도 더 전인데 얼마나 헤맬지 걱정이다.

  1. 테마들이 글마다 설정된 featured image를 사용하는데 이 플러그인을 사용하면 외부에 있는 이미지 링크들도 featured image로 설정할 수 있게 해준다. 그리고 글에 나오는 제일 첫 이미지를 featured image로 사용하는게 기본 설정이다.

Welcome to Jekyll!

You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.

To add new posts, simply add a file in the _posts directory that follows the convention YYYY-MM-DD-name-of-post.ext and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.

To update Jekyll, run bundle update. If bundler is not installed, run gem install bundler.

Jekyll also offers powerful support for code snippets:

def print_hi(name)
  puts "Hi, #{name}"
end
print_hi('Tom')
#=> prints 'Hi, Tom' to STDOUT.

Check out the Jekyll docs for more info on how to get the most out of Jekyll. File all bugs/feature requests at Jekyll’s GitHub repo. If you have questions, you can ask them on Jekyll Talk.