라이믹스로 개편 작업 중인 사이트가 있는데 템플릿 컴포넌트라는 걸 만들고 있습니다. 뚜둔~

회원들에게 제공할 뉴스레터 서비스를 앉힐 생각인데요.

html 템플릿을 가지고 있다가 컴포넌트를 통해 에디터에 뿌려주는 방식이에요.

그러면

1) 사이트 회원에게 규격화된 문서 작성을 유도할 수도 있고,

2) 언젠가 이야기했듯( https://xetown.com/board/729982 ) GG님 모듈이랑 연동하면 뉴스레터 발송도 가능하지요 :)

 

현재 기능 개발은 끝났고, 5개 정도의 무료 템플릿( http://zurb.com/playground/responsive-email-templates )을 컴포넌트에 맞게 수정 작업 중입니다. 이게 빡세네요 귀찮고;;

물론 사용자가 일정한 규격을 맞춘다면 템플릿을 추가해서 사용할 수도 있습니다.

(사이트 리뉴얼 의뢰인이 싼 값에 일 주는 대신, 새로 도입하게 될 자료들은 무료로 공유하고 다녀도 된다 그랬어요. 커밍 순ㅋㅋ)

 

1. 툴바 끝에 있는 아이콘이 템플릿 컴포넌트예요. 윽, 윤3을 안 지웠네요

0.png

 

2. 팝업창이 뜹니다. 각 제목은 템플릿 폴더의 제목과 같구요. 섬네일도 미리 지정해두고 있으면 불러오게 됩니다.

1.png

 

3. 이렇게 템플릿 하나를 선택하고, 추가 버튼을 누르면...

2.png

 

4. 템플릿 파일의 html 코드가 에디터로 들어오게 됩니다. 그리고 안에 있는 내용들을 사용자가 직접 편집하면 되구요.

3.png

 

5. '미리보기' 버튼을 눌렀을 때 나오는 모습이에요. 메일링 서비스용이다보니 아무래도 가로폭이 좁습니다. 그래도 나름 모바일에서도 볼 수 있게끔 스타일링 되어 있답니다ㅎㅎ

4.png

5.png

 

윤삼

profile
아무래도 중급 초반 수준의 코딩 오타쿠인 것 같습니다.
  • ?
    오오오올~~
  • ? profile

    맞아요. 윤3을 쓰고 있어요;;

    나를 위한 작은 허세ㅋㅋㅋㅋㅋㅋ

  • ?
    오홍오
    왠지 할 것 같앗어요 ㅎㅎ
  • ? profile
    기능 자체는 어렵지 않더라구요ㅎㅎ
    이제 관건은 쓸 만한 템플릿을 수집, 편집, 제작할 수 있느냐 정도..
  • profile
    오~ 멋져요
    이런 거 뚝딱뚝딱 만드시는 윤삼님이 부럽슴다 ^^=b
  • profile profile
    거듭 말씀 드리지만, 야매라서 민망해요ㅎㅎㅎㅎ
  • ?
    멋집니다. 기능도...실력도...
  • ? profile
    격려 말씀 감사합니다~
    우당탕탕하면서 그냥저냥 해보고 있어요 ^^;;
  • ?
    역시 대단하시네요... 전 이런거 언제 제작해보나 ㅜㅜ
  • ? profile
    저는 이랬던 거 같아요.
    사이트가 뭔가 마음에 안 든다 -> 팁을 찾아서 적용해본다 -> 그러다 경험이 쌓여서 응용하는 팁을 생각해낸다 -> 그걸 사람들과 나눈다 -> 그러면서 조금씩 알게 된다 -> 답답한 부분이 생겨 직접 스킨이나 애드온 같은 걸 넘본다 -> 도전해본다 -> 몇 일 밤 고군분투한다 -> 조금씩 된다 -> ... ㅋㅋㅋㅋ 민망하네요
  • profile ?
    존경합니다 ㅋㅋㅋㅋ 그리고 좋은 팁 감사해요!! 전 이제야 애드온이나 위젯 좀 끄적끄적대고 있는데 열심히 활동해서 저도 언젠가 유용한 애드온 제작해서 공유해야겠어요 ㅎㅎ
  • ? profile
    어휴, 벌써 하고 계시다면 금방일 겁니다. 기대하겠습니다!
  • profile

    그와중에 각주 컴포넌트 3 이네요!

     

    요즘 핫하게 개발하시고!! 이번에도 기대됩니다.

  • profile profile
    이번엔 처음부터 좀 타이트하게 만들어서 내놓아보려구요 ;)
  • profile
    각주컴포넌트 froala 에디터에도 적용되나요 ?
  • profile
    이거는 언제 구매가능할까요 ? ㅎㅎㅎㅎ
  • profile profile
    깜빡했어요. 프로알라에도 한번 해봐야겠군요.
    CK에디터 자체 함수를 끌어다 쓰거나 하진 않아서 아마 잘 될 거 같기는 합니다...

    자료는 범용성을 위해 몇 가지 기능을 추가해보고 공유해볼까 해요 :)
  • profile profile
    이제 프로알라 구입에 머뭇거릴 일이 없어졌네요 ^^
  • profile profile
    앗, 지금 살짝 테스트해봤는데 조금 더 연구를 해봐야 할 거 같아요 ^^;;
  • profile profile
    앗...ㅎㅎㅎㅎ
  • profile profile
    기쁜 소식!
    라르게덴님 도움으로 프로알라 에디터에서도 템플릿 적용이 가능하게 됐습니다~
  • profile profile
    우와 멋지네요~
  • profile
    오.. 좋네요.
    사실 제가 개발용역때만 쓰고 있는 전용 모듈이 있는데 이것과 합치면 WP 의 비주얼 컴포저를 직관성에서 능가할 것 같습니다.
  • profile
    혹시 메일링이나 우리알림 모듈에 관심이 있으시면 github에서 PR 주셔도 환영합니다 ㅋ 메일링도 깃헙에 올려 놓아야 겠군요.
  • profile
    https://github.com/ForPeople/xe-module-mailing
  • profile profile
    우왓!!
    비주얼 컴포저가 뭔가 해서 찾아봤는데 후덜덜하네요;;
    일단 저도 잘 만들어보고, 메일링이랑 해서 의견 생기면 남기도록 하겠습니다.
    감사합니다~!!
  • profile
    제공된 템플릿 뿐만 아니라 사용자가 직접 만들어 적용할 수 있는 기능 있으면 더 좋겠네요.
    언제봐도 존경스럽습니다. ~~
  • profile profile
    네, 얼마든지 플러그인 할 수 있어요.
    완성된 문서 형식을 에디터 전체에 임포트할 수도 있고,
    또는 템플릿으로 일부 요소만 만들어서 에디터 특정 부분에 인서트하는 방식도 생각하고 있습니다 ^^/
  • profile profile
    와우... 기대 또 기대입니다
  • profile
    컴포넌트가 풍부해지겠어용 ~!
  • profile profile
    하늘희님 컴포넌트가 많은 참조가 되었어요.
    특히 $.ajax ... 없었으면 새벽에 속터져서 죽었을 거예요ㅎㅎㅎㅎ
  • profile profile
    ㅋㅋ 전 jquery 아니였음 속터져죽었을 것 같아요....
  • ?
    역시 믿고 보는 윤삼님
  • ? profile
    뒤죽박죽이어서 실사용할 땐 안 예쁠 수 있어요ㅋ
    예쁜 템플릿을 적용하면 좋은데 css 적용이 어려워서...
  • profile
    우얼~~)/;;
  • profile profile
    ㅋㅋㅋㅋㅋ 이걸 만지고 있었지요 ^^;;
  • profile
    저도 1년동안 사용자 UI를 어떻게 하면 편안하게 제공할까하고 고민하고 스킨을 만들었었어요.
    https://www.youtube.com/watch?v=8DUI3WNHyBg&index=2&list=PLh0rBIclZDyzpHXaFjqw0jVZg5J53r_tL

    위젯페이지 스크립트를 스킨단에서 수정해서 만들어 본 스킨입니다.
    하지만 위젯단에서 컨트롤하기 힘든 부분이 많더군요.

    컴포넌트를 활용해서 만드시면 좀 더 확장성이 풍부할 것 같네요.
    비쥬얼 컴포저처럼 아예 에디터를 컴포져 전용으로 바꾸어서 하셔도 아주 멋있을 것 같습니다.
    너무너무 멋진 작품이네요 원츄!!!
  • profile profile
    좋게 봐주셔서 감사합니다 :)
    템플릿 문서를 불러올 수 있다면,
    플러그인한 문서를 위젯 직접 내용 추가 커맨드에서 불러오기만 하면 되죠ㅎㅎ
    페이지 모듈인가? 거기서도 직접 넣을 수 있겠구요.

    다만,
    좀 더 예쁜 디자인을 위해 css 파일을 임포트해올 수 있으면 좋을 텐데,
    템플릿을 컴파일하는 과정에서 css가 날아가버려서 현재는 요소마다 직접 스타일 지정하는 무식한 방식으로 기본 템플릿을 만들고 있습니다ㅠ

    이것만 안정적으로 된다면 진짜 좋을 것 같아요,
    에효, 노력해봐야죠 ^^;;;
  • profile profile
    저희 사무실로 출근 하셔요.
    해결해 드리겠습니다.
  • profile profile
    악! 떨려서 못 가요ㅋㅋㅋㅋㅋㅋ
  • profile
    우와~~~대박입니다....ㄷㄷㄷㄷㄷㄷ
  • profile profile
    아직 어떻게 될지 잘 몰라요ㅎㅎㅎㅎ
  • profile
    헐 기능의 진화는 끝이 없는 듯요. ㄷㄷㄷ
  • profile profile
    부디 잘 되길 빌어주세요~