Home > 애드온 > 확장변수 다중검색 > 템플릿 > 이메일 무료 템플릿 + 반응형
템플릿 by아포리아 postedSep 12, 2017

이메일 무료 템플릿 + 반응형

Views 263 Likes 0 Replies 4
Extra Form
입금자 성명 윤삼
필요장비 빔프로젝터, 레이저 포인터, 스크린, 마이크
대관시간 1200
신청공간 강의실
대관일 2018-06-23

뉴스레터 제작을 위해 메모해둔다. 온라인 사업을 위해 도움이 될 것.

 

 

1. 에디터 컴포넌트를 만든다.

 

- 클릭 -> 템플릿 선택 -> 등록

- 에디터 비우기 -> 템플릿 로드 -> 편집

 

 

2. 템플릿은?

 

- 인터넷에 무료 템플릿 무지 많음 http://zurb.com/playground/responsive-email-templates https://speckyboy.com/free-responsive-email-templates/

- 이걸 템플릿 형식에 맞춤 -> index.html? images? 그리고 thumbnail?

- css는 html 내에 인라인으로

- 스킨 구조 및 셀렉트 방식은이모티콘 컴포넌트 참조

 

 

3. 주의 사항

 

- 이메일 서버별로 스타일 막아놓은 곳들이 더러 있음. 특히 아웃룩 그지들

- 일람표 : https://www.campaignmonitor.com/css/

- 모바일 환경을 고려할 것 : https://blog.stibee.com/모바일-모바일-모바일-c125b9c2cee3

 

 

4. 추가 사항

 

- 폴더에 접두어 만들기 -> 관리자 전용, 일반형, 요소추가형 등으로 범주화

- 요소 추가형에 맞춰 템플릿 추가시 조건문 작성

- css 파일 개별 로드 가능한지 실험해볼 것

 

 

덧. 개발에 성공했다! 이제 기본 제공될 템플릿들만 다듬으면 된다.

Comment '4'
  • 윤삼 2017.09.16 03:58

    아오, 개발의 길은 멀고도 험난하구나

    Table title
    1 2 3
    4 5 6
    7 8 9

    아흥흥흥 템플릿 컴포넌트 조하횽. 다만 기존 스킨의 CSS와 충돌이 보이는 것이 다소 눈에 거슬리는군요. 그나저나 일반회원도 스타일 태그 적용을 할 수 있는 겁니까.? 만약 그게 불가능하다면 템플릿의 용도는 매우 제한적일 텐데용

  • 윤삼 2017.09.23 14:24

    기존 스킨과 템플릿의 CSS 충돌

     

    관리자 아니면 style태그 날아감

    이를테면, 지금 테이블에서 볼 수 있는 것처럼 td 에 폰트 사이즈를 걸어놓은 스케치북 스킨으로부터 영향을 받게 된다.

      어떻게 하면 좋을지 모르겠는데, 입력 단계이기 때문에 템플릿을 불러오더라도 스타일 태그가 날아간다ㅠㅠㅠㅠㅠㅠ

     

    CSS 충돌은 템플릿마다 기본 클래스 적용을 해주고 거기서 스타일 리셋을 하는 방법이 있을 것이다. http://meyerweb.com/eric/tools/css/reset/ 그나저나, 아오 스타일 태그ㅠ

  • 윤삼 2017.09.27 21:55

    100x100 Type the title here

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • 윤삼 2017.10.01 13:00
    HERO :: APORIA

    피가 끓는 우리

    것이 튼튼하며, 그들에게 이것을 때까지 열매를 듣는다. 천자만홍이 위하여서 같은 청춘 황금시대의 그들의 풀이 아니다. 청춘 위하여서 따뜻한 심장의 얼마나 꽃이 것은 아름답고 힘있다. 힘차게 목숨이 새 싸인 못하다 이상의 같이, 피가 이것이다. 자신과 곳으로 인생에 희망의 힘있다.

    피가 끓는 우리의 구하기 황금시대의 그것은 소리다.이것은 기관과 있으랴? 구하지 어디 보배를 힘있다. 자세히 보기 »

    쓸쓸하랴? 청춘이 튼튼

    사람은 넣는 그들은 뜨고, 소리다.이것은 것이다. 거친 오직 피어나기 같지 희망의 안고, 있으랴? 인류의 싸인 청춘 피에 아름다우냐? 밝은 기쁘며, 사람은 가는 할지라도 있는 인생에 이상의 교향악이다. 노래하며 되려니와, 힘차게 쓸쓸하랴? 뼈 새 방황하였으며, 사막이다. 있는 보이는 설레는 아름답고 구하지 기쁘며, 것이다. 생의 어디 무엇을 하였으며, 피가 뼈 뛰노는 않는 위하여서. 바로 새 붙잡아 가진 피어나기 것은 열락의 뿐이다.

    소셜 미디어 :

    Facebook Twitter Google+

    문의 :

    전화: 408.341.0600
    이메일: hseldon@trantor.com

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 용량 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

아포리아 DIY

게시판 사용자정의 확장변수 다중검색

List of Articles
번호 분류 제목 입금자 성명 신청공간 대관일 대관시간 필요장비
공지 0.5.3 업데이트 file
공지 0.5.2 업데이트 file
6 템플릿 청춘의 교향악 템플릿 2 타다라 강의실 2018-06-23 1200 빔프로젝터, 레이저 포인터, 스크린
» 템플릿 이메일 무료 템플릿 + 반응형 4 윤삼 강의실 2018-06-23 1200 빔프로젝터, 레이저 포인터, 스크린, 마이크
4 에디터 각주 컴포넌트, 몇 개의 고비들 10 file 윤삼 강의실 2018-06-23 1030 냉수, 얼음, 에어컨
3 게시판 본문의 분류를 출력할 때 상위 카테고리도 같이 출력하기 file 윤삼 세미나실 2018-04-27 1100 화이트 보드, 얼음, 에어컨
2 스킨에서 댓글 cpage 자동 감지 윤삼 세미나실 2011-10-10 1200 화이트 보드, 보드마카, 지우개
Board Pagination Prev 1 2 Next
/ 2